在上一篇《Chrome自帶恐龍小游戲的源碼研究(二)》中實現了雲朵的繪制和移動，這一篇主要研究如何讓游戲實現晝夜交替。 　　晝夜交替的效果主要是通過樣式來完成，但改變樣式的時機則由腳本控制。 首先對游戲容器使用transition創建一個貝塞爾漸變： 漸變作用於兩個屬性 ...

　　在上一篇《Chrome自帶恐龍小游戲的源碼研究(一)》中實現了地面的繪制和運動，這一篇主要研究雲朵的繪制。 　　雲朵的繪制通過Cloud構造函數完成。Cloud實現代碼如下： 主要的邏輯代碼在Cloud的原型鏈中： 最后測試一下這個方法： 效果 ...

　　在上一篇《Chrome自帶恐龍小游戲的源碼研究(三)》中實現了讓游戲晝夜交替，這一篇主要研究如何繪制障礙物。 　　障礙物有兩種：仙人掌和翼龍。仙人掌有大小兩種類型，可以同時並列多個；翼龍按高、中、低的隨機飛行高度出現，不可並行。仙人掌和地面有着相同的速度向左移動，翼龍則快一些或慢一些 ...

　　在上一篇《Chrome自帶恐龍小游戲的源碼研究(四)》中實現了障礙物的繪制及移動，從這一篇開始主要研究恐龍的繪制及一系列鍵盤動作的實現。 會眨眼睛的恐龍 　　在游戲開始前的待機界面，如果仔細觀察會發現恐龍會時不時地眨眼睛。這是通過交替繪制這兩個圖像實現的： 可以通過一張 ...

　　在上一篇《Chrome自帶恐龍小游戲的源碼研究(五)》中實現了眨眼睛的恐龍，這一篇主要研究恐龍的跳躍。 恐龍的跳躍 　　游戲通過敲擊鍵盤的Spacebar或者Up來實現恐龍的跳躍。先用一張圖來表示整個跳躍的過程： 首先規定向下為正方向，即重力加速度(g)為正，起跳 ...

目錄 Chrome自帶恐龍小游戲的源碼研究(一)——繪制地面 Chrome自帶恐龍小游戲的源碼研究(二)——繪制雲朵 Chrome自帶恐龍小游戲的源碼研究(三)——晝夜交替 Chrome自帶恐龍小游戲的源碼研究(四)——繪制障礙物 Chrome自帶恐龍小游戲的源碼研究 ...

　　在上一篇《Chrome自帶恐龍小游戲的源碼研究(七)》中研究了恐龍與障礙物的碰撞檢測，這一篇主要研究組成游戲的其它要素。 游戲分數記錄 　　如圖所示，分數及最高分記錄顯示在游戲界面的右上角，每達到100分就會出現閃爍特效，游戲第一次gameover時顯示歷史最高分。分數記錄器 ...

該游戲是仿谷歌瀏覽器小恐龍游戲，程序運行入口Game7.py，配置文件：cfg.py，完整程序包及資源包請在本文文末下載，先上程序運行截圖： 歡迎關注公眾號： ...