cnGameJS是本人開發的一個基於HTML5的游戲框架,包括資源加載,碰撞檢測,動畫等模塊。本系列文章主要介紹各個模塊的開發流程,以及附上兩個使用該框架進行開發的游戲demo。 目錄: 1.核心函數模塊 2.資源加載模塊 3.基本圖形模塊 4.外部輸入模塊 5.碰撞檢測模塊 ...
功能描述: 結合A 算法和HTML 完成的一個尋路demo。 鼠標點擊地圖任意位置,飛鳥會尋找最短路程到達該位置。 效果預覽: 代碼分析: 具體的A 算法尋路邏輯請看這里推薦的一篇很好的文章,我就不再詳述: 英文版:http: www.policyalmanac.org games aStarTutorial.htm 中文版:http: blog.vckbase.com panic archive ...
2012-02-22 00:19 9 4259 推薦指數:
cnGameJS是本人開發的一個基於HTML5的游戲框架,包括資源加載,碰撞檢測,動畫等模塊。本系列文章主要介紹各個模塊的開發流程,以及附上兩個使用該框架進行開發的游戲demo。 目錄: 1.核心函數模塊 2.資源加載模塊 3.基本圖形模塊 4.外部輸入模塊 5.碰撞檢測模塊 ...
功能說明: 在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...
功能說明: 基於HTML5的橫版射擊游戲,參考自flash游戲《雙面特工》。左右方向鍵控制移動,下方向鍵蹲下,上方向鍵跳躍,空格鍵射擊。體驗前請先關閉輸入法。 該游戲基於自己開發的HTML5游戲框架cnGameJS。 效果預覽: 實現分析: 1. ...
功能說明: 基於HTML5的超級瑪麗游戲的demo,方向鍵左右控制移動,方向鍵上控制跳躍,該游戲基於本人開發的HTML5游戲框架cnGameJS(詳情點擊這里:HTML5游戲框架cnGameJS開發實錄)。 請用最新版本瀏覽器查看。 效果展示: 代碼實現: 該游戲 ...
功能描述: 該游戲實質上是坦克大戰+推箱子。玩家控制坦克,在與敵人戰斗的同時把物資順利運送到目的地則可順利過關,共三個關卡。 繼上一個HTML5游戲小demo《HTML5超級瑪麗游戲demo》后,這次開發的游戲添加了更多元素並增強了可玩性,該游戲同樣基於本人開發的HTML5游戲框架 ...
尋路算法是客戶端程序的重點難點之一 普通的廣度優先遍歷可以找到最短路徑 然后耗時較長 A*算法的意義邊在於用更短的時間去找到最短路徑 做這個例子之前參考了許多文章 http://blog.csdn.net/b2b160/article/details/4057781 http ...
功能描述: 左右方向鍵控制玩家的方向,上下方向鍵控制玩家的前進和后退。 效果預覽: 實現原理: 在上面的效果預覽中,可以看到右邊是2D的平面地圖,而左邊的則是第一人稱的3D視圖,這兩幅圖的關系是非常密切的,實質上,實現3D視覺的過程,就是依據2D地圖把地圖轉換成 ...
A星算法的實現原理看這里:http://www.cnblogs.com/technology/archive/2011/05/26/2058842.html 實現部分: 頭文件: [cpp ...