功能說明: 在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...
功能描述: 該游戲實質上是坦克大戰 推箱子。玩家控制坦克,在與敵人戰斗的同時把物資順利運送到目的地則可順利過關,共三個關卡。 繼上一個HTML 游戲小demo HTML 超級瑪麗游戲demo 后,這次開發的游戲添加了更多元素並增強了可玩性,該游戲同樣基於本人開發的HTML 游戲框架cnGameJS。 游戲說明:上下左右方向鍵控制移動,空格鍵發射炮彈,推動所有物資箱子 到目的地 ,則可過關。 代碼分 ...
2012-02-18 19:22 11 4259 推薦指數:
功能說明: 在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...
關於多層地圖。 在上一個HTML5游戲《坦克后援隊》中,所用的地圖只為簡單的單層地圖,意思是地圖 ...
功能說明: 游戲中在躲避敵人攻擊的同時,需要收集三種不同的鑰匙,開啟對應的門,最后到達目的地。 該游戲同樣基於自己開發的HTML5游戲框架cnGameJS。 推薦用chrome瀏覽器查看。 效果預覽: 方向鍵控制移動,空格鍵射擊,shift鍵打開門 ...
cnGameJS是本人開發的一個基於HTML5的游戲框架,包括資源加載,碰撞檢測,動畫等模塊。本系列文章主要介紹各個模塊的開發流程,以及附上兩個使用該框架進行開發的游戲demo。 目錄: 1.核心函數模塊 2.資源加載模塊 3.基本圖形模塊 4.外部輸入模塊 5.碰撞檢測模塊 ...
功能描述: 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置,飛鳥會尋找最短路程到達該位置。 效果預覽: 代碼分析: 具體的A*算法尋路邏輯請看這里推薦的一篇很好的文章,我就不再詳述: 英文版:http ...
功能說明: 基於HTML5的超級瑪麗游戲的demo,方向鍵左右控制移動,方向鍵上控制跳躍,該游戲基於本人開發的HTML5游戲框架cnGameJS(詳情點擊這里:HTML5游戲框架cnGameJS開發實錄)。 請用最新版本瀏覽器查看。 效果展示: 代碼實現: 該游戲 ...
功能說明: 輸入字體,按確定后,右側畫布出現字體的動態粒子效果。 效果預覽: 輸入顯示內容: 實現分析: 之前看過hongru的事情沒有想象中那么難--JX官網首頁3D粒子效果,和當耐特磚家的HTML5實驗室【三十八】--玩轉像素系列 ...
返回目錄 1.cnGameJs框架的代碼組織 核心函數模塊,主要的作用是為之后的框架開發和用戶對游戲的開發提供方便,整個框架在一個閉包之中,避免對全局作用域的污染。之后每個不同的模塊分別在自己的閉包內,使不同模塊的分割更清晰。因此我們框架的模塊划分 ...