基于createjs框架开发的游戏简单问题

2020-01-09 05:45:15 175 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Phaser、CreateJS 、 Construct 3游戏框架 Phaser、CreateJS 和 Construct 3 都是用于创建网页游戏和互动应用程序的游戏开发框架。- Phaser 是一个开源的 HTML5 游戏框架，使用 JavaScript 编写。它提供了一个强大的 API 和工具集，用于创建各种类型的游戏，包括 2D 平台游戏、射击游戏、益智游戏等。- CreateJS 是一个 JavaScript 库和工具集，用于创建跨平台的互动内容，包括游戏、动画和可视化应用程序。阅读详情

游戏是围住神经猫类型的，原本游戏是绘制矢量形状，然后我现在想改成bitmap图片类型的，研究了一天了，不知道怎么弄，官方文档感觉写的很简单。求大佬帮忙解决一下~~~
下面是源码：

circle.js 文件
function Circle () {
createjs.Shape.call(this);
this.setCircleType = function (type) {
console.log(type);
this._circleType = type;
switch (type) {
case Circle.TYPE_UNSELECTED:
this.setColor("#cccccc");
break;
case Circle.TYPE_SELECTED:
this.setColor("#ff6600");
break;
case Circle.TYPE_CAT:
this.setColor("#0000ff");
break;
}
}

this.setColor = function (colorString) {
this.graphics.beginFill(colorString);
this.graphics.drawCircle(0,0,15);
this.graphics.endFill();
}
this.getCircleType = function () {
return this._circleType;
}
this.setCircleType(1);
}
Circle.prototype = new createjs.Shape();
Circle.TYPE_UNSELECTED = 1;
Circle.TYPE_SELECTED = 2;
Circle.TYPE_CAT = 3;

app.js 文件主要代码
function addCircles(){
for(var indexY=0;indexY<9;indexY++){ //设置横向圆圈个数
for(var indexX = 0;indexX<9;indexX++){ //纵向圆圈个数
var c = new Circle();
// console.log(c);
gameView.addChild(c);
circleArr[indexX][indexY] = c;
c.indexX = indexX;
c.indexY = indexY;
c.x = indexY%2?indexX*35 + 18:indexX*35; //设置横向圆圈之间的间隔
c.y = indexY*35; //设置纵向圆圈之间的间隔

if(indexX==4&&indexY==4){ //设置逃跑圆圈初始位置
c.setCircleType(3);
currentCat = c;
}else if(Math.random()<0.2){ //通过随机数来调整游戏难度小数越靠近1，难度越低
c.setCircleType(Circle.TYPE_SELECTED);
}
c.addEventListener("click",circleClicked);
}
}
}

...全文