該游戲教程主要參考了老外Jason Croucher的博客

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

游戲代碼也下載自他的博客。

本教程主要是分析這個(gè)游戲的代碼，用我自己的語(yǔ)言告訴大家怎么來(lái)開發(fā)這個(gè)游戲

姑且稱這個(gè)游戲?yàn)椤?a target="_blank" >蘑菇與熊》吧

游戲的介紹：

用蘑菇頂住熊不給落地，熊碰撞完頂部的獎(jiǎng)品為贏。頂部的獎(jiǎng)品有3種:葉子、鮮花、橡子

下面開始分析這個(gè)游戲解析來(lái)該做什么

我使用開發(fā)環(huán)境是：Dreamweaver

開發(fā)語(yǔ)言：HTML5,jquery

OK~廢話少說(shuō)了，分析游戲

[[75033]]

由圖我們可以分析出

1、游戲需要到的對(duì)象(即游戲物體)有

a、蘑菇 b、熊貓 c、獎(jiǎng)品(葉子、鮮花、橡子)

2、html界面

a、畫布(用來(lái)描繪游戲)

為了簡(jiǎn)單易懂~我們就不一下子定義完所有的對(duì)象和事件了

先從最簡(jiǎn)單的做起，第二回我們讓蘑菇能夠左右動(dòng)起來(lái)~

原文鏈接：http://www.html5china.com/course/20101103_650.html

【編輯推薦】

1. 蘑菇與熊游戲開發(fā)第二回（讓蘑菇動(dòng)起來(lái)）
2. 蘑菇與熊游戲開發(fā)第三回（讓熊動(dòng)起來(lái)）
3. 蘑菇與熊游戲開發(fā)第四回（熊碰撞邊界處理）
4. 蘑菇與熊游戲開發(fā)第五回（熊碰撞蘑菇處理）
5. 蘑菇與熊游戲開發(fā)第六回（繪制獎(jiǎng)品）
6. 蘑菇與熊游戲開發(fā)第七回（熊碰到獎(jiǎng)品處理）
7. 蘑菇與熊游戲開發(fā)第八回（完善游戲）