html5游戏开发-弹幕+仿雷电小游戏demo.pdfVIP

本文由长春白癜风专科医院/ 收集，转载请注明出处 html5 游戏开发-弹幕+仿雷电小游戏demo 本游戏使用的是html5 的canvas，运行游戏需要浏览器支持html5。 本篇文章详细讲解如何用html5 来开发一款射击游戏，雷电可以说是射击游戏中的经典，下 面就来模仿一下。 先看一下游戏截图 演示地址 本文由吉林白癜风医院/ 收集，转载请注明出处 本文由长春白癜风专科医院/ 收集，转载请注明出处 /html5/barrage2/index.html 游戏开发，需要用到开源库件：LegendForHtml5Programming。 LegendForHtml5Programming1.1 下载地址： /files/LegendForHtml5Programming1. 1.zip LegendForHtml5Programming 库件制作过程，以及如何在游戏中进行配置，请看下面链接 /lufy_legend/article/details/6844949 游戏预计用到下面几个文件 index.html js 文件夹｜Main.js ｜Plain.js//飞机 ｜Bullet.js//子弹 ｜Global.js//共通 images 文件夹｜-- 图片 我简单说一下制作过程，源代码在最下面 首先建立index.html 文件， [html] view plaincopy 1. !DOCTYPE html 2. html 3. head 4. meta http-equiv=Content-Type content=text/html; charset=utf-8 5. title弹幕/title 6. !-- 7. meta name=viewport content=width=480,initial-scale=0.5, minimum-scale=0. 5, maximum-scale=1.0,user-scalable=no / 8. -- 9. meta name=viewport content=width=480,initial-scale=0.6 / 10. script type=text/javascript src=../legend/legend.js/script 本文由吉林白癜风医院/ 收集，转载请注明出处 本文由长春白癜风专科医院/ 收集，转载请注明出处 11. script type=text/javascript src=./js/Global.js/script 12. script type=text/javascript src=./js/Bullet.js/script 13. script type=text/javascript src=./js/Plain.js/script 14. script type=text/javascript src=./js/Main.js/script 15. /head 16. body 17. div id=mylegendloading……/div 18. 19. /body 20. /html 打开Main.js 在里面添加代码，先将图片全部读取，并显示进度条 以及，将一些可能会用到的变量添加进去 [javascript] view plaincopy 1. /** 2. * Main 3. * */ 4. //设定游戏速度，屏幕大小，回调函数 5. init(50,mylegend,480,800,main); 6. 7. /**层变量*/ 8. //显示进度条所用层 9. var loadingLayer; 10. //游戏最底层 11. var backLayer; 12. //控制层 13. var ctrlLayer;