如何使用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()

}

游戏类型：敏捷小游戏

游戏大小：2680K

开发语言：HTML5

游戏开发：腾讯

游戏平台：微信

游戏介绍

《飞机大战》这是一款经典飞行射击类游戏，精美绚丽的画面，整体环境主要还是围绕太空为主，高保真的音效，为玩家呈现一场不一样射击体验。简单的触屏 *** 作，触屏按住随意一个地方，左右移动，便可自动攻击敌人，上下移动亦可躲避强敌。在飞机的左下角还有两个道具槽，直接点击就可以发动道具效果，前提是你必须要吃到道具。玩家在游戏中要做的就是驾驶着最新战机，向敌人的总部发起了冲击。除了传承经典的飞行射击类元素之外，同时还加入了商店系统，通过购买相关配件和物品升级武器和飞机。另外还有装备系统，可以让你的飞机变得更强悍，替换相关配件让你火力全开。

飞机大战

*** 作指南

如何开始

游戏加载完成后点击[开始游戏]即可开始游戏。

*** 作方法

使用键盘方向键↑↓←→键控制飞机移动，空格键为发射子d，当击中敌机时，增加10分，被敌机打到时扣除一个生命值，分数每增加100分增加一条生命，并且敌机的速度会加快，撞上敌机时游戏结束。

---