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

html-css016

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

}

游戏类型:敏捷小游戏

游戏大小:2680K

开发语言:HTML5

游戏开发:腾讯

游戏平台:微信

游戏介绍

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

飞机大战

操作指南

如何开始

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

操作方法

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