该游戏教程主要参考了老外Jason Croucher的博客

http://jacebook.co.uk/blog/2010/09/11/html5-writing-a-game/

游戏代码也下载自他的博客。

本教程主要是分析这个游戏的代码,用我自己的语言告诉大家怎么来开发这个游戏

姑且称这个游戏为《蘑菇与熊》吧

游戏的介绍:

用蘑菇顶住熊不给落地,熊碰撞完顶部的奖品为赢。顶部的奖品有3种:叶子、鲜花、橡子

下面开始分析这个游戏解析来该做什么

我使用开发环境是:Dreamweaver

开发语言:HTML5,jquery

假如没有html5基础的话可以到这里小小补习下

http://www.html5china.com/manual/html5/

假如没有jquery基础的话可以到这里小小补习下

http://www.html5china.com/manual/jquery/

OK~废话少说了,分析游戏

由图我们可以分析出

1、游戏需要到的对象(即游戏物体)有

a、蘑菇 b、熊猫 c、奖品(叶子、鲜花、橡子)

2、html界面

a、画布(用来描绘游戏)

为了简单易懂~我们就不一下子定义完所有的对象和事件了

先从最简单的做起,第二回我们让蘑菇能够左右动起来~

大家有什么建议的话,可以到论坛留言讨论:http://bbs.html5china.com/read.php?tid=2

希望大家在其他地方引用的时候,注明引用来自html5中文网

html5(熊与蘑菇)一步一步学做游戏 第一回:游戏分析相关推荐

  1. 一步一步学做游戏 第五回:熊碰撞蘑菇处理

    第五回主要讲熊碰到 蘑菇 之后向上反弹的效果 预期达到的效果: http://www.html5china.com/html5games/mogu/index4.html 一.由于碰撞的地方比较多,所 ...

  2. html5 游戏制作教程,【整理】一步一步学做HTML5游戏教程

    本帖最后由 蓝色力量1221 于 2012-11-29 01:26 编辑 游戏源码下载地址:http://l13.yunpan.cn/lk/QMQFfWQjvWGvg 该游戏教程主要参考了老外Jaso ...

  3. 熊军:不积跬步 无以至千里 技术路上没有捷径

    大家好,今天是一周新的开始,继续给大家带来ORACLE ACE的人物采访.今天的采访嘉宾是熊军先生(ID:magic007),熊军先生一直从事Oracle数据库专业技术服务工作,有近10年的Oracl ...

  4. 转载:ACE访谈之二 - 熊军:不积跬步,无以至千里

    原文地址:[url]http://www.eygle.com/archives/2013/01/ace_xiongjun_answer.html[/url] 以下是ITPUB论坛访问 熊军 的访问稿, ...

  5. 【Linux】一步一步学Linux——mkdir命令(21)

    00. 目录 文章目录 00. 目录 01. 命令概述 02. 命令格式 03. 常用选项 04. 参考示例 05. 附录 01. 命令概述 mkdir命令是"make directorie ...

  6. 一步一步搭建客服系统 (7) 多人共享的电子白板、画板

    多人共享.同时操作的电子白板,让不同的参入者以不同的颜色来画画:可以保存当前room的内容,以让后来者可以直接加载所有内容. 在github上找到一个用html5 canvas实现的一个电子白板的例子 ...

  7. 一步一步构建手机WebApp开发——页面布局篇

    继上一篇:一步一步构建手机WebApp开发--环境搭建篇过后,我相信很多朋友都想看看实战案例,这一次的教程是页面布局篇,先上图: 如上图所示,此篇教程便是教初学者如何快速布局这样的页面.废话少说,直接 ...

  8. 一步一步实战HTML音乐播放器

    在这里我用HTML5从头开始一步一步来制作一个简约的音乐播放器,大家可以参考一下,接下来正式开始. 音乐播放器效果 播放器分析 这里将播放器分两块来做: 视图层(html + css) 逻辑层 ( j ...

  9. 一步一步教你如何在GitHub上上传自己的项目,亲测有效无bug,

    直接在github 仓库中 add file 添加自己的文件 ###################################### 本地 git 仓库的建立 修改 删除 命令 git conf ...

最新文章

  1. 计算机网络 陆魁军 ppt,计算机网络的应用基础概述.doc
  2. hbuilder前端需要的插件_最新web前端学习路线
  3. javaweb网上书店项目设计_计算机毕业设计能不能用成品?
  4. 如何在Amazon AWS上设置一台Linux服务器
  5. 【资料下载】Python 第三讲——正则表达式爬取糗事百科数据...
  6. nginx主模块指令
  7. 关于Java序列化你应该知道的一切
  8. 【NC54 三数之和】(待整理)
  9. android 系统内测版更新,Flyme Android 10首个内测版已推送,今天你更新了吗?
  10. poj3254(状压dp入门第一道题,很详细)
  11. 存储虚拟化技术之解读
  12. tensorflow contrib_Tensorflow笔记:你都会了么?
  13. c swap方法在哪个库里面_IOT操作系统用C++库的经验总结
  14. mysqldump --set-gtid-purged=OFF
  15. 三顾茅庐:从刘备面试孔明得出的选股经验
  16. 线上数码商城小程序开发,尽享购物乐趣
  17. DirectX End-User Runtimes2010 dl
  18. 寄存器、缓存、内存之间的关系和区别
  19. Sonatype Nexus Repository Manager
  20. linux系统的迷你电脑,迷你电脑来袭:市场中10款最小的电脑

热门文章

  1. 微信小程序视频播放,点击视频大屏展示预览
  2. 微信小程序地图导航集成(PHP)
  3. DAO的前途虽远,但也无量
  4. 计算机的基础学科是什么,【讨论】计算机科学与技术是否可以算作‘基础学科’呢?...
  5. scl语言用plc脉冲做定时器_西门子PLC SCL语言开发学习笔记(二)
  6. 我的世界服务器为什么一直显示游戏运行中,我的世界网易版进不去解决方法 MC网易电脑端进不去原因...
  7. SpringBoot ~ 邮件发送
  8. 阿里云RDS 批处理定时导出备份 并压缩归档
  9. solor5.4学习笔记
  10. HSA-Cy3;Cy3标记人血清白蛋白;用于免疫荧光检测、流式细胞分析和药物小分子与生物大分子相互作用的分析测定。