你的位置:首页 > 软件开发 > 网页设计 > 前端小游戏制作【戳泡泡】

前端小游戏制作【戳泡泡】

发布时间:2016-10-12 12:00:25
最近捣鼓花了一周时间捣鼓了一个游戏引擎【白鹭】,游戏原型是公司一个专题的游戏,戳泡泡,中间断断续续捣鼓了一周,终于正常运行游戏了。游戏有两个版本:纯白鹭引擎和添加了p2物理引擎两个.有喜欢的可以去研究下【白鹭引擎】废话不多说,上图上代码。 main.ts 红框内的是我写的 ...

最近捣鼓花了一周时间捣鼓了一个游戏引擎【白鹭】,游戏原型是公司一个专题的游戏,戳泡泡,中间断断续续捣鼓了一周,终于正常运行游戏了。

游戏有两个版本:纯白鹭引擎和添加了p2物理引擎两个.

有喜欢的可以去研究下【白鹭引擎】

废话不多说,上图上代码。

 

main.ts

前端小游戏制作【戳泡泡】

 红框内的是我写的代码,tool是我的一个工具集合,infoui是界面,gamFrameUI和gameFrameUI_p2是游戏界面逻辑的类,第二个使用了p2物理引擎的。

_engine变量是定义使用的引擎,现在只有两个,一个是为空,另一个是p2.

 

前端小游戏制作【戳泡泡】

资源组引用

 

前端小游戏制作【戳泡泡】

创建游戏,重点开始了。

前端小游戏制作【戳泡泡】

类里面都需要当前舞台,所以传入当前舞台

 

前端小游戏制作【戳泡泡】

 

根据界面需要,这里单独添加一个头部背景图片。

前端小游戏制作【戳泡泡】

这个位置就是判断使用哪个引擎

 

前端小游戏制作【戳泡泡】

 

这个添加一个全局控制的函数:_clickPaoPao

 

gameStart(fn) 开始游戏 下面有介绍。

 

 

 Tool.ts

 这个类里面有:获取图片,获取比例高度,获取比例宽度,随机数


原标题:前端小游戏制作【戳泡泡】

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。