地球生活eev-CSDN博客

原创零基础HTML5游戏制作教程第6章贪吃蛇的实现及代码

第6章贪吃蛇的实现及代码讲了不少东西了，老讲理论的东西没劲呀，我们不如先试着做一个小游戏吧。作为我们的第一个游戏，当然是越简单越好。《贪吃蛇》大家应该都玩过吧？我觉得我玩过的游戏中，她应该算是最简单的一个了。好，就让我们从做《贪吃蛇》开始，享受自己做游戏的乐趣吧。由于这个游戏是本教程的第一个实际的游戏例子，我会讲的比较详细一些。

2014-12-29 19:10:18 2011

原创零基础HTML5游戏制作教程第5章碰撞检测

第5章碰撞检测几乎所有的游戏都需要碰撞检测。比如《贪吃蛇》，你需要检测蛇的前端是不是已经碰到了它的尾巴；比如《俄罗斯方块》，你需要检查方块是不是已经碰到了底部；比如《英雄联盟》，你需要判断adc的子弹或魔法是不是已经碰到了对方。其实要做好碰撞检测是很难的，尤其是对于3d游戏或者图形复杂的2d游戏来说。当然，对于简单图形来说，碰撞

2014-12-25 18:44:55 1131

原创零基础HTML5游戏制作教程第4章移动的控制

第4章移动的控制一，捕获键盘击键的原理有很多种方法可以控制游戏中图形的移动，常用的有键盘控制、鼠标控制以及屏幕上的按钮控制等。其中键盘控制比较简单，比较适合初学者，我们先来讲这种方法。其实键盘上的每一个按键，在我们按下去的时候，会向电脑中传送一个编号。比如A的编号是65，B是66。在这一章里，我们只需要记住4个键就可以了，她们是光标的上下左右键

2014-12-23 16:26:10 712

原创零基础HTML5游戏制作教程第3章图形的移动

第3章图形的移动一，移动的原理其实无论你看电影也好，玩游戏也好，电影或游戏中的人物都是不会移动的。电影是一张张静态的照片，游戏是一个个静态的画面。你之所以觉得电影中的人物移动了，是因为很多张照片在很短时间内连续放映的结果。游戏也是同样道理。所以，游戏的基本原理，其实就是每隔一小段时间（比如0.1秒），根据游戏数据（各物体的状态、坐标等）重新绘制

2014-12-22 13:11:05 696

原创零基础HTML5游戏制作教程第2章简单图形的绘制

第二章简单图形的绘制 HTML5支持使用Canvas和SVG等方式在网页直接绘制图形。其中SVG适合用来绘制高质量的矢量图形，不适合用来做游戏，所以我们做游戏一般使用Canvas。由于本教程以简单为原则，所以在初学阶段请不要把注意力分散到美工、画质等细节，我们只需要掌握矩形、多边形、圆形等简单图形的绘制，并对这些图形编程，使之具有一定的运动能力和游戏效果。

2014-12-19 12:07:51 977 1

原创零基础HTML5游戏制作教程第1章

HTML一直是网络编程的基石，其他任何编程语言，不论是PHP、Phython、CSS还是JavaScript，都必须以HTML为基础。上一代的标准，HTML4.01在1999年制定之后，统治互联网长达15年，越来越跟不上飞速发展的网络的步伐，尤其是在无线互联日益普及的今天。终于，在多年的争论和妥协之后，万维网联盟

2014-12-19 02:14:20 1515

转载试一下

试一下新浪微博同步行不行

2014-12-15 07:43:53 407

地球生活eev的博客之家