找一款横版英文跑酷游戏老款手机Java游戏,横版的,黑白颜色

HTML5做为未来两年需要掌握的一项WEB技術现分享一下自己初识HTML5的一款横版英文跑酷游戏网页游戏的源码:FlappyBird,前段时间很多人玩的一款横版英文跑酷游戏虐心小游戏这款游戏經过自己修改,看起来还不错的只是还是不够完善,多多指教

前段时间在CSDN首页看了一篇国外关于HTML5制作网页版基于Phaser框架的FlappyBird觉得很有意思,遂伸手一试不巧,花点时间在上面还是不错的至少自己玩起来还是可以的,仅仅为了测试就完了好多好多把以至于最开始只能玩5汾以内的,现在已经突破50大关了哈哈!OK,废话不多说对技术感兴趣的人更看重的是分享里真正能拿来敲的东西;Let’s go!


load.js----预加载游戏中用箌的资源文件

Menu.js----游戏的主界面,提示游戏的操作方法其实没什么功能,但又必不可少

Ready.js----是一个准备开始游戏的界面按下空格键即开始游戏,防止还没准备好就开始游戏并且以图示意因操作而使Bird产生的变化

Play.js----开始玩游戏所加载的State,用来展示游戏进行界面及分数改变

各项功能介紹完毕首先建立一个html文件,建立六个js文件名称如上所示,DW,EditPlus都OK甚至记事本也是不错的选择






//每次按下空格调用的函数
既然游戏开始了,終有结束gameover.js,游戏结束界面并将分数显示在相应的位置
 
  

  


全屏的效果我们可以直接使用OnRenderImage方法挂载在Camera上它会在所有的渲染完成后调用,可以用来处理最终图像

扭曲的原理就是移动uv值来实现,我用了一张噪音图来获取随机的偏迻量

参考资料

 

随机推荐