html5游戏开发
文章平均质量分 85
wjyjimy
这个作者很懒,什么都没留下…
展开
-
关于开发html5 2d 动画和游戏以及打包发布为手机APP(简单入门)
写一下关于html5 2d 以及发布手机APP的文章 先构思我们想要用html5 做点什么事情: 1.用html5代码创建一块用于作画的画布canvas 2.在canvas中写一句话如:你好,这是此系列的第一个html5 2d页面 3.在canvas中画一个实心圆,并且让实心圆自动向右移动300像素 效果如下: (图一) (图二) ...原创 2017-01-28 23:23:23 · 901 阅读 · 0 评论 -
开发html5 2d 赛车游戏以及打包发布为手机APP 第一话 工欲善其事
按照昔日做给上头拿去找汽车商卖钱的一个赛车游戏APP的经验来说明这个例子(不过当然只说有关游戏的部分) 思路:一幅赛道画面,赛道上面有一辆主角车,可以由玩家用手指拖拽去控制赛车的移动 设置计时器,画面上方会不断刷新出不属于主角控制的NPC车辆,这些车辆不断向下移动,直到离开屏幕下方 设置计时器,如果主角车辆没被N...2017-02-02 12:19:05 · 440 阅读 · 0 评论 -
开发html5 2d 赛车游戏以及打包发布为手机APP 第二话 让单调的背景动起来
接着上一话,得到一个死板的“图片”肯定没人会喜欢,因此,这一话,咱们来让死板的背景动动,让车子看起来是在前进,所以上一话没用到的道路分界线图片在这一话有用了 我们要画道路分界线,首先定义2个变量 var fenjiepic; //用于保存道路分界线图片对象 var fen_y; //第一个分界线的Y坐标 在init()方法里面添加fenj...2017-02-05 22:35:33 · 430 阅读 · 0 评论 -
开发html5 2d 赛车游戏以及打包发布为手机APP 第三话 拖动我们的主角车子
原本打算直接讲如何让NPC自动出来,但是检查代码的时候发现要让NPC车子出来得涉及到面向对象。所以决定这话先讲简单的面向对象化,还有怎么让主角车子能被拖动起来。 那么,我们就得修改一下咱们原来的代码,定义一个Car的类和定义用于保存Car类实例化对象的 zhujue var zhujue; function Car(x,y,width,height,img...2017-02-11 20:44:57 · 378 阅读 · 0 评论 -
开发html5 2d 赛车游戏以及打包发布为手机APP 第四话 敌人出动
上一话完成了拖拽移动功能,现在是时候让NPC车辆自动出现了 前几话,咱们有几张车子的图片还没用到,这话使用它们吧 首先定义一个数组变量,用于存放大量的NPC车子队伍 var npccars; npccars = new Array(); 然后在animate()方法中里面添加一个setnpccar()方法用来自动增加NPC车 funct...2017-03-09 11:56:55 · 260 阅读 · 0 评论