小时候大家都玩过雷电战机吧,跟小伙伴围着一台游戏机,一人一次机会,输了换人,比比谁的分高,简单而又快乐。
今天我带大家开发一个"雷电战机"的小游戏,玩着自己开发的雷电战绩,别有一番风味。
技术:H5+jquery
玩法:
1、鼠标控制战机上下左右位置
2、发射子弹打中敌方飞机,有概率获得额外分数
3、增加p来增加输出
4、用鼠标左键放大招
5、BOSS时禁止使用大招
6、飞机与地方飞机相撞游戏结束
程序分析
css是样式文件目录;
image是图片文件目录;
js是控制文件目录;
是运行的主文件;
我们以部分代码为例简单解析一下:
divid="startdiv"
buttononClick="begin()"b开始游戏/b/button
/div
上述代码是页面中的"开始游戏"按钮;
divid="scorediv"
label分数:/label
labelid="label"0/label
/div
上述代码为左上角计分框代码;
divid="div1"
pclass="plantext"失败!获得分数为/p
pid="planscore"0/p
div
buttononClick="jixu()"style="background-color:#FFF;"b继续/b
/button
/div
/div
上述代码为失败后弹出框代码;
游戏截图:
私信免费获取完整代码,0基础即可运行!!!
The End
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系我们会予以删除相关文章,保证您的权利。转载请注明出处






