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

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()

}

主要原因是在移动互联网时代，玩家的娱乐需求更加碎片化，而HTML5游戏更符合这种娱乐趋势。

以HTML5游戏《打飞机》为例，玩家的 *** 作方式简单方便，为划屏控制，在攻击炮d输出、爆炸特效、大技能效果等各方面都表现出色。点击“马上玩”在短短几秒就可跳转到游戏界面，准入门槛相当低。

玩家对HTML5游戏接受度非常之高，与此同时，手游的开发成本、营销成本居高不下，3D超重度游戏竞争非常惨烈，HTML5游戏则为开发者提供了一个发展出位的新思路。于是HTML5游戏占领玩家屏幕、获得开发者重视也不足为怪。

总共做8个页面：主页------展示一个星期内的形成，或者时间安排或者事件安排。分为：

星期一、星期二、星期三、星期四、星期五、星期六、星期日。每一天是个链接，打开后进入每一天的详细情形。

展示一个人从读书上学，遇到心爱的人，追求，恋爱，失恋，失落，振作，有位。一系列过程。

总之，至少的六个页面展示意见完整的事情，或者一个完整的过程，使所有页面成为一个整体。

---