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

html5 <驴子跳>

在线演示:http://yujianshenbing.w108.mc-test.com/game/donkeyjump/index.html(如果无法访问,请大家暂时先直接下载源码运行)

源码下载:请查看附件

操作方法:游戏开始后,按键盘“A”或“D”控制左右方向,也可以通过方向键控制。

  (请了解:游戏中所有图片和音乐均来自手机版同名游戏,本游戏仅供学习参考。本文所有内容及结论均属个人意见,如有不同见解,欢迎指正。)


  经过两个多月断断续续的开发,我的第一款游戏《驴子跳》终于完成了,此时,我已经迫不及待地想跟大家分享这个过程,包括学习方法、游戏源码、和经验心得;本文的目的,是希望能帮助更多的人快速地加入到HTML5的大团队,同时也希望能得到各种大侠的指点。


  本文所有内容基于个人的学习过程和经验,因此在整理文章的过程中,我也假设你目前对游戏开发一无所知,甚至对HTML和JavaScript也不太了解。

  我将文章分为5个部分:

?

  1. 我将会告诉你如何学习游戏开发,如何入门HTML5
  2. 以我的游戏框架为例,初步了解游戏模型和组成
  3. 通过讲解我的“游戏逻辑结构”,让你真正可以开始动手创建HTML5游戏
  4. 分享诸多亲身体验的性能问题和解决方案
  5. 一些其它的东西



一、如何学习HTML5游戏开发?

  如果是刚接触HTML5,也是第一次开发游戏,过程中难免会遇到这样那样的问题,我所遇到的第一个问题就是:我对HTML5还不是很了解。因此我首先要分享的就是学习方法和路线:

  如果你还不是很熟悉HTML、CSS、和JavaScript,请不要急于求成,只要打好基础,一切都会变得容易起来。