Phaser.js

Phaser.js-开发愤怒的小鸟(上)

僤鯓⒐⒋嵵緔 提交于 2020-03-01 19:50:17
切入正题,想必大家之前都了解过Phaser.js,PS:不了解的可以在官网进去 http://www.bootcdn.cn/phaser/readme/ 看一下就可以,在开发前要事先去官网把需要的框架组件下载下来, 这个游戏写完的下载地址 : http://git.oschina.net/8946a/bird_-jumping 好废话少说下面看干货 首先我们先要引用框架,没错就像这样 <script type="text/javascript" src="phaser.min.js"></script> 就像大家所了解的那样 接下来我们创建一个DIV 用来放置动画的 “场景” <div id="game_div"></div> 好了,光做完这些还不行,这只是刚刚开始,我们在加一些CSS的东西,让他看起来更加的漂亮 #game_div, p { width: 400px; margin: auto; margin-top: 20px; } OK,一起准备工作都完成了就像现在这样 是不是有些迫不及待的进行开发了,废话少说,带大家一起开始进行JS部分的绘制 <!--游戏JS部分--> 首先我们要创建游戏的宽高,没错就是这样 var game = new Phaser.Game(400,490,Phaser.AUTO,'game_div'); var game_state = {};