功能說明: 在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...
功能說明: 輸入字體,按確定后,右側畫布出現字體的動態粒子效果。 效果預覽: 輸入顯示內容: 實現分析: 之前看過hongru的事情沒有想象中那么難 JX官網首頁 D粒子效果,和當耐特磚家的HTML 實驗室 三十八 玩轉像素系列 二 ,因此自己也試着利用getImageData寫一下粒子效果。原理上應該和他們的差不多,不過采用了輸入即可得的形式,在文本框輸入任何內容,可以在畫布中得出輸入內容的粒子 ...
2012-04-02 11:23 1 5288 推薦指數:
功能說明: 在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...
功能說明: 基於HTML5的橫版射擊游戲,參考自flash游戲《雙面特工》。左右方向鍵控制移動,下方向鍵蹲下,上方向鍵跳躍,空格鍵射擊。體驗前請先關閉輸入法。 該游戲基於自己開發的HTML5游戲框架cnGameJS。 效果預覽: 實現分析: 1. ...
功能描述: 該游戲實質上是坦克大戰+推箱子。玩家控制坦克,在與敵人戰斗的同時把物資順利運送到目的地則可順利過關,共三個關卡。 繼上一個HTML5游戲小demo《HTML5超級瑪麗游戲demo》后,這次開發的游戲添加了更多元素並增強了可玩性,該游戲同樣基於本人開發的HTML5游戲框架 ...
功能說明: 游戲中在躲避敵人攻擊的同時,需要收集三種不同的鑰匙,開啟對應的門,最后到達目的地。 該游戲同樣基於自己開發的HTML5游戲框架cnGameJS。 推薦用chrome瀏覽器查看。 效果預覽: 方向鍵控制移動,空格鍵射擊,shift鍵打開門 ...
功能描述: 左右方向鍵控制玩家的方向,上下方向鍵控制玩家的前進和后退。 效果預覽: 實現原理: 在上面的效果預覽中,可以看到右邊是2D的平面地圖,而左邊的則是第一人稱的3D視圖,這兩幅圖的關系是非常密切的,實質上,實現3D視覺的過程,就是依據2D地圖把地圖轉換成 ...
cnGameJS是本人開發的一個基於HTML5的游戲框架,包括資源加載,碰撞檢測,動畫等模塊。本系列文章主要介紹各個模塊的開發流程,以及附上兩個使用該框架進行開發的游戲demo。 目錄: 1.核心函數模塊 2.資源加載模塊 3.基本圖形模塊 4.外部輸入模塊 5.碰撞檢測模塊 ...
功能描述: 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置,飛鳥會尋找最短路程到達該位置。 效果預覽: 代碼分析: 具體的A*算法尋路邏輯請看這里推薦的一篇很好的文章,我就不再詳述: 英文版:http ...
功能說明: 基於HTML5的超級瑪麗游戲的demo,方向鍵左右控制移動,方向鍵上控制跳躍,該游戲基於本人開發的HTML5游戲框架cnGameJS(詳情點擊這里:HTML5游戲框架cnGameJS開發實錄)。 請用最新版本瀏覽器查看。 效果展示: 代碼實現: 該游戲 ...