如何使用Createjs来编写HTML5游戏完成一个简单的打飞机游戏

JavaScript035

如何使用Createjs来编写HTML5游戏完成一个简单的打飞机游戏,第1张

CreateJS包含4个部分,EaselJS、TweenJS、PreloadJS、SoundJS,其中最主要的部分EaselJS包含了开发Html5游戏的所有功能,仅仅使用EaselJS几乎可以完成所有的开发工作,其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能,而使用TweenJS来创建补间动画,则可以省去你很多代码,简化了操作。一个简单的tick动画看起来是这样的:<pre t="code" l="js">var stage, circle

function init(){

stage = new createjs.Stage(document.getElementById('game'))

createjs.Ticker.addEventListener("tick", handleTick)

createjs.Ticker.setFPS(60)

circle = new createjs.Shape()

circle.graphics.f("red").dc(0,0,50)

circle.x = 0

circle.y = 100

stage.addChild(circle)

circle.addEventListener("click", function(event){

createjs.Ticker.setPaused(!createjs.Ticker.getPaused())

})

}

function handleTick(event){

if(!event.paused){

circle.x +=5

if(circle.x >1000){

circle.x = 0

}

}

stage.update()

}

可以在微信里面打战机的两种方式有:

1. 微信游戏:微信游戏中有许多可以玩战机游戏,例如《飞行棋》、《战斗机大战》等,可以通过微信搜索游戏名称,进入游戏界面玩耍。

2. 小游戏:微信小游戏中也有许多可以玩战机游戏,例如《空战》、《战机大师》等,可以在微信小游戏中搜索,进入游戏界面玩耍。

2.然后我们会看到“游戏中心”了,

3.点击进入就会有打飞机游戏了,我们点击“启动”(这款游戏是和微信5.0一起安装并不需我们来下载安装)

4.等待一下,即可启动游戏,开始微信打飞机啦!

5.打完一局后,还会出现好友打飞机的得分情况,可以和好友对比着来玩。然后点击回到微信即可回到微信信息页面,点击再玩一次,即可从新再来一次小技巧微信默认只有5架飞机,如果你是中上WC时玩玩5架是完全够用了,但是如果你没事一直在玩肯定不够用,这样5架飞机用玩之后我们就需要等几分钟才行了,还有一种办法可以向朋友索要飞机,这个比较不错