水平運行遊戲的起始點

Question

我想知道是否有人可以指引我創建類似於run field或類似的遊戲作爲學習HTML 5（CSS3）的方式。

我已經玩了一些GUI元素，但對上面的交互式動畫感興趣。

Answer 1

1. 找出你想要的遊戲（明確）。
   • 繪製以不同速率滾動的圖像的多個平面以及動畫精靈。
   • 讓角色「貼」在地上。
   • 讓角色根據鼠標/鍵盤的交互進行跳轉。
   • 有性格和重力下降，落地。
   • 找出人物何時落入洞中或擊中牆壁。
2. 找出你需要做的事情來完成。
   • 繪製平鋪圖像。
   • 跟蹤圖像偏移。
   • 創建一個關卡生成器。
   • 執行某種點擊檢測以將角色保留在地面上。
   • 使用物理或一個簡單的重力方程。
   • 使用事件處理來追蹤鍵盤/鼠標輸入。
   • 編寫一個執行動畫的遊戲循環。
3. 嘗試自己實現它。
4. 當您遇到困難時，請提供具體的，詳細的，有針對性的問題。

這可能聽起來像一個諷刺答案，但我很認真。 「我該如何解決這個巨大的問題」這個非常普遍的問題需要你分析它，並將它分解成更小的塊，直到它們小到可以完成爲止。

對開發平臺的能力有很好的理解將幫助你的大腦找到路徑，找出如何從你的目標到最終的實現。

Answer 2

這裏我用我自己瞭解帆布鏈接：

1. a Guide（僅此章是對我有意思）
2. an example其sourcecode

閱讀的簡短說明我後建議你只使用源代碼示例並搜索特定的東西。它速度很快，你會發現你大部分時間都在自己的代碼上工作，因此創建了一些炫耀的東西來獲得Canvas API的體驗。

Answer 3

結帳the list of JavaScript game engines。你可能會在那找到適合你的目的的東西。