练习用creatJs做个h5的飚车小游戏,正好把开发过程记录下来。
第一步 创建汽车
用到了creatJs的SpriteSheet方法,看名字就知道是图片定位。
还有个Ticker事件,就是让画布动起来。
思路就是创建一个汽车的数据,添加到画布里。
在canvas里生成的汽车效果图:
var stage = new createjs.Stage(document.getElementById("gameView")); var car = new createjs.SpriteSheet({ framerate: 10, "images": ["img/car.png"], "frames": {"height": 168,"width": 110}, "animations": { "run": [0,1], } }); var grant = new createjs.Sprite(car, "run"); stage.addChild(grant); createjs.Ticker.framerate = 30; createjs.Ticker.addEventListener("tick", stage);
时间: 2024-10-13 10:34:26