canvas不用說html5帶來的好東西，游戲什么的，么么噠

記得有一天玩手機游戲，就是一個跳躍過柱子那種，其實元素很簡單啊，app能開發，借助html5 canvas也可以啊，于是就開始了。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

游戲的全部

1. 一個會動的程序員,用一張圖片，夠省事

　　程序員的動作，跳躍

　　程序猿的狀態，活著or死亡

2. 背景，理論背景和柱子們應該分開，分開可以采用分層的canvas來實現

3. 聲音，跳躍，死亡，開始，死亡等等，借用audio來實現，這里我就實現了跳躍的聲音

4. 記分牌

5. 消息板

代碼行數 600行左右。

如圖一個簡單的游戲就出來了，當然，這個只是demo

碰撞計算，復雜重力計算，矩形柱子生成規則，水平速度，連續跳躍流程度等等我想到的，哈哈，都沒很好的實現，

為什么呢，因為，能力不足，哈哈。

?

代碼摘要：

baseDraw.js: 繪圖的基類，提供繪制圖片，文本，矩形的方法

main.js：入口文件，初始化游戲

Messager.js：顯示消息，包含記分和屏幕中心的提示

rectFactory.js：柱子矩形的生成和擦除，核心

runnner.js：主角，重置，狀態檢查等

sounder.js ：聲音

utils.js?：輔助類，復制和顏色隨機

?

源碼：快跑程序員

?

轉載于:https://www.cnblogs.com/cloud-/p/6347820.html

總結

以上是生活随笔為你收集整理的canvas小程序-快跑程序员的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。