![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
零基础HTML5游戏制作教程
文章平均质量分 73
地球生活eev
这个作者很懒,什么都没留下…
展开
-
零基础HTML5游戏制作教程 第3章 图形的移动
第3章 图形的移动一,移动的原理 其实无论你看电影也好,玩游戏也好,电影或游戏中的人物都是不会移动的。电影是一张张静态的照片,游戏是一个个静态的画面。你之所以觉得电影中的人物移动了,是因为很多张照片在很短时间内连续放映的结果。游戏也是同样道理。 所以,游戏的基本原理,其实就是每隔一小段时间(比如0.1秒),根据游戏数据(各物体的状态、坐标等)重新绘制原创 2014-12-22 13:11:05 · 679 阅读 · 0 评论 -
零基础HTML5游戏制作教程 第2章 简单图形的绘制
第二章 简单图形的绘制 HTML5支持使用Canvas和SVG等方式在网页直接绘制图形。其中SVG适合用来绘制高质量的矢量图形,不适合用来做游戏,所以我们做游戏一般使用Canvas。 由于本教程以简单为原则,所以在初学阶段请不要把注意力分散到美工、画质等细节,我们只需要掌握矩形、多边形、圆形等简单图形的绘制,并对这些图形编程,使之具有一定的运动能力和游戏效果。原创 2014-12-19 12:07:51 · 915 阅读 · 1 评论 -
零基础HTML5游戏制作教程 第4章 移动的控制
第4章 移动的控制一,捕获键盘击键的原理 有很多种方法可以控制游戏中图形的移动,常用的有键盘控制、鼠标控制以及屏幕上的按钮控制等。其中键盘控制比较简单,比较适合初学者,我们先来讲这种方法。 其实键盘上的每一个按键,在我们按下去的时候,会向电脑中传送一个编号。比如A的编号是65,B是66。在这一章里,我们只需要记住4个键就可以了,她们是光标的上下左右键原创 2014-12-23 16:26:10 · 658 阅读 · 0 评论 -
零基础HTML5游戏制作教程 第1章
HTML一直是网络编程的基石,其他任何编程语言,不论是PHP、Phython、CSS还是JavaScript,都必须以HTML为基础。上一代的标准,HTML4.01在1999年制定之后,统治互联网长达15年,越来越跟不上飞速发展的网络的步伐,尤其是在无线互联日益普及的今天。终于,在多年的争论和妥协之后,万维网联盟原创 2014-12-19 02:14:20 · 1430 阅读 · 0 评论 -
零基础HTML5游戏制作教程 第5章 碰撞检测
第5章 碰撞检测 几乎所有的游戏都需要碰撞检测。比如《贪吃蛇》,你需要检测蛇的前端是不是已经碰到了它的尾巴;比如《俄罗斯方块》,你需要检查方块是不是已经碰到了底部;比如《英雄联盟》,你需要判断adc的子弹或魔法是不是已经碰到了对方。 其实要做好碰撞检测是很难的,尤其是对于3d游戏或者图形复杂的2d游戏来说。 当然,对于简单图形来说,碰撞原创 2014-12-25 18:44:55 · 1079 阅读 · 0 评论 -
零基础HTML5游戏制作教程 第6章 贪吃蛇的实现及代码
第6章 贪吃蛇的实现及代码 讲了不少东西了,老讲理论的东西没劲呀,我们不如先试着做一个小游戏吧。 作为我们的第一个游戏,当然是越简单越好。《贪吃蛇》大家应该都玩过吧?我觉得我玩过的游戏中,她应该算是最简单的一个了。好,就让我们从做《贪吃蛇》开始,享受自己做游戏的乐趣吧。 由于这个游戏是本教程的第一个实际的游戏例子,我会讲的比较详细一些。原创 2014-12-29 19:10:18 · 1956 阅读 · 0 评论