原文:【CSON原創】HTML5實現3D迷宮

功能描述: 左右方向鍵控制玩家的方向,上下方向鍵控制玩家的前進和后退。 效果預覽: 實現原理: 在上面的效果預覽中,可以看到右邊是 D的平面地圖,而左邊的則是第一人稱的 D視圖,這兩幅圖的關系是非常密切的,實質上,實現 D視覺的過程,就是依據 D地圖把地圖轉換成第一人稱視覺的過程。 在之前的一篇文章: javascript實現 D房間 中, D效果的實現只局限於平面 意思是從側面看沒有立體效果 , ...

2012-02-27 00:24 6 8685 推薦指數:

查看詳情

CSON原創】javascript實現3D房間

功能說明: 1.鼠標點擊房間內家具則視覺焦點移動到該家具。 2.鼠標點擊空白處則視覺移動相應距離。 3.鼠標滾輪控制縮放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome (注明:效果參考過cloudgamer的文章3D ROOM:http ...

Wed Feb 01 00:11:00 CST 2012 0 3513
CSON原創】javascript實現3D塗鴉效果

功能說明: 通過鼠標移動,實時繪制出3d旋轉的線條。 兼容IE 5 6 7 8 9 10 firefox chrome 效果預覽: 請按着鼠標左鍵,在畫板上拖動繪制 實現原理:   在上一篇文章《javascript橢圓旋轉相冊》中,通過圖片繞 ...

Sun Jan 29 09:17:00 CST 2012 23 4121
CSON原創】A*算法+HTML5實現游戲尋路

功能描述: 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置,飛鳥會尋找最短路程到達該位置。 效果預覽: 代碼分析:   具體的A*算法尋路邏輯請看這里推薦的一篇很好的文章,我就不再詳述:   英文版:http ...

Wed Feb 22 08:19:00 CST 2012 9 4259
基於HTML5的WebGL實現的2D3D迷宮小游戲

為了實現一個基於HTML5的場景小游戲,我采用了HT for Web來實現,短短200行代碼,我就能實現用“第一人稱”來操作前進后退上下左右,並且實現了碰撞檢測。 先來看下實現的效果: http://hightopo.com/guide/guide/core/3d ...

Wed Oct 25 17:13:00 CST 2017 0 1153
CSON原創HTML5游戲框架cnGameJS開發實錄

  cnGameJS是本人開發的一個基於HTML5的游戲框架,包括資源加載,碰撞檢測,動畫等模塊。本系列文章主要介紹各個模塊的開發流程,以及附上兩個使用該框架進行開發的游戲demo。 目錄: 1.核心函數模塊 2.資源加載模塊 3.基本圖形模塊 4.外部輸入模塊 5.碰撞檢測模塊 ...

Tue Feb 14 20:39:00 CST 2012 8 13925
CSON原創HTML5圈泡泡游戲發布

功能說明:   在一分鍾內,使用鼠標按着左鍵,在畫布上圈泡泡,其中泡泡的分值分別為10(白)、20(淺藍)、30(黃)、-10(紅)、-20(綠)、-30(深藍)分,可以一次圈多個泡泡,倒計時結束即計算總分值,該游戲基於cnGameJS。 效果預覽: 實現分析 ...

Tue Apr 10 04:05:00 CST 2012 13 2903
CSON原創】基於HTML5的橫版射擊游戲發布

功能說明:   基於HTML5的橫版射擊游戲,參考自flash游戲《雙面特工》。左右方向鍵控制移動,下方向鍵蹲下,上方向鍵跳躍,空格鍵射擊。體驗前請先關閉輸入法。   該游戲基於自己開發的HTML5游戲框架cnGameJS。 效果預覽:    實現分析:   1. ...

Fri Mar 16 00:30:00 CST 2012 34 6080
CSON原創】基於HTML5的超級瑪麗游戲demo

功能說明:   基於HTML5的超級瑪麗游戲的demo,方向鍵左右控制移動,方向鍵上控制跳躍,該游戲基於本人開發的HTML5游戲框架cnGameJS(詳情點擊這里:HTML5游戲框架cnGameJS開發實錄)。   請用最新版本瀏覽器查看。 效果展示: 代碼實現:   該游戲 ...

Tue Feb 14 20:37:00 CST 2012 4 13006
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM