該遊戲教程主要參考了老外 Jason Croucher 的博客 http://jacebook.co.uk/blog/2010/09/11/html5-writing-a-game/ 遊戲代碼也下載自他的博客。 本教程主要是分析這個遊戲的代碼,用我自己的語言告訴大家…
該遊戲教程主要參考了老外Jason Croucher的博客
http://jacebook.co.uk/blog/2010/09/11/html5-writing-a-game/
遊戲代碼也下載自他的博客。
本教程主要是分析這個遊戲的代碼,用我自己的語言告訴大家怎麼來開發這個遊戲
姑且稱這個遊戲爲《蘑菇與熊》吧
遊戲的介紹:
用蘑菇頂住熊不給落地,熊碰撞完頂部的獎品爲贏。頂部的獎品有3種:葉子、鮮花、橡子
下面開始分析這個遊戲解析來該做什麼
我使用開發環境是:Dreamweaver
假如沒有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中文網
--作者:深邃老馬
-----------------逆水行舟,不進則退