返回目錄 1.cnGameJs框架的代碼組織 核心函數模塊,主要的作用是為之后的框架開發和用戶對游戲的開發提供方便,整個框架在一個閉包之中,避免對全局作用域的污染。之后每個不同的模塊分別在自己的閉包內,使不同模塊的分割更清晰。因此我們框架的模塊划分 ...
cnGameJS是本人開發的一個基於HTML 的游戲框架,包括資源加載,碰撞檢測,動畫等模塊。本系列文章主要介紹各個模塊的開發流程,以及附上兩個使用該框架進行開發的游戲demo。 目錄: .核心函數模塊 .資源加載模塊 .基本圖形模塊 .外部輸入模塊 .碰撞檢測模塊 .動畫模塊 .精靈對象 .游戲循環對象 .游戲地圖對象 .游戲場景對象 .cnGameJS游戲開發實例: 超級瑪麗游戲demo . ...
2012-02-14 12:39 8 13925 推薦指數:
返回目錄 1.cnGameJs框架的代碼組織 核心函數模塊,主要的作用是為之后的框架開發和用戶對游戲的開發提供方便,整個框架在一個閉包之中,避免對全局作用域的污染。之后每個不同的模塊分別在自己的閉包內,使不同模塊的分割更清晰。因此我們框架的模塊划分 ...
返回目錄 1.功能 該模塊是游戲的入口,我們通過該模塊加載資源,並且在資源加載完成后調用游戲對象的入口函數。另外該模塊還包括游戲場景之間的切換,以及加載百分比的計算和顯示。 當開始游戲時,首先傳入需要加載的資源列表,然后傳入游戲對象,最后傳入每個資源加載完成后調用的函數,該函 ...
返回目錄 在游戲中,游戲角色的動畫效果是一個游戲必不可少的一部分。這節我們以構造超級馬里奧的角色為例,講解cnGameJS里動畫的實現。 1.原理: 一個動畫如果要實現一連串動作,我們可以把每個動作的快照保留起來,並放在一個大圖上面,然后每次幀更新的時候,就在每個動作的快照之間循環 ...
功能說明: 基於HTML5的橫版射擊游戲,參考自flash游戲《雙面特工》。左右方向鍵控制移動,下方向鍵蹲下,上方向鍵跳躍,空格鍵射擊。體驗前請先關閉輸入法。 該游戲基於自己開發的HTML5游戲框架cnGameJS。 效果預覽: 實現分析: 1. ...
功能描述: 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置,飛鳥會尋找最短路程到達該位置。 效果預覽: 代碼分析: 具體的A*算法尋路邏輯請看這里推薦的一篇很好的文章,我就不再詳述: 英文版:http ...
功能說明: 基於HTML5的超級瑪麗游戲的demo,方向鍵左右控制移動,方向鍵上控制跳躍,該游戲基於本人開發的HTML5游戲框架cnGameJS(詳情點擊這里:HTML5游戲框架cnGameJS開發實錄)。 請用最新版本瀏覽器查看。 效果展示: 代碼實現: 該游戲 ...
功能描述: 該游戲實質上是坦克大戰+推箱子。玩家控制坦克,在與敵人戰斗的同時把物資順利運送到目的地則可順利過關,共三個關卡。 繼上一個HTML5游戲小demo《HTML5超級瑪麗游戲demo》后,這次開發的游戲添加了更多元素並增強了可玩性,該游戲同樣基於本人開發的HTML5游戲框架 ...
功能說明: 在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...