日期:2014-05-17  浏览次数:20574 次

html5 手把手教你做游戏 《熊和蘑菇》(一)
游戏分析
该游戏教程主要参考了老外Jason Croucher的博客
http://jacebook.co.uk/blog/2010/09/11/html5-writing-a-game/
游戏代码也下载自他的博客。
本教程主要是分析这个游戏的代码,用我自己的语言告诉大家怎么来开发这个游戏
姑且称这个游戏为《蘑菇与熊》吧
游戏的介绍:
用蘑菇顶住熊不给落地,熊碰撞完顶部的奖品为赢。顶部的奖品有3种:叶子、鲜花、橡子
下面开始分析这个游戏解析来该做什么
我使用开发环境是:Dreamweaver
开发语言:HTML5,jquery
假如没有html5基础的话可以到这里小小补习下
http://www.html5china.com/manual/jquery/
假如没有jquery基础的话可以到这里小小补习下
http://www.html5china.com/manual/html5/
OK~废话少说了,分析游戏




由图我们可以分析出
1、游戏需要到的对象(即游戏物体)有
a、蘑菇 b、熊猫 c、奖品(叶子、鲜花、橡子)
2、html界面
a、画布(用来描绘游戏) b、显示物体边框按钮
为了简单易懂~我们就不一下子定义完所有的对象和事件了
先从最简单的做起,让蘑菇左右动起来~
先定义一个蘑菇