功能說明: 1.鼠標點擊房間內家具則視覺焦點移動到該家具。 2.鼠標點擊空白處則視覺移動相應距離。 3.鼠標滾輪控制縮放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome (注明:效果參考過cloudgamer的文章3D ROOM:http ...
功能描述: 左右方向鍵控制玩家的方向,上下方向鍵控制玩家的前進和后退。 效果預覽: 實現原理: 在上面的效果預覽中,可以看到右邊是 D的平面地圖,而左邊的則是第一人稱的 D視圖,這兩幅圖的關系是非常密切的,實質上,實現 D視覺的過程,就是依據 D地圖把地圖轉換成第一人稱視覺的過程。 在之前的一篇文章: javascript實現 D房間 中, D效果的實現只局限於平面 意思是從側面看沒有立體效果 , ...
2012-02-27 00:24 6 8685 推薦指數:
功能說明: 1.鼠標點擊房間內家具則視覺焦點移動到該家具。 2.鼠標點擊空白處則視覺移動相應距離。 3.鼠標滾輪控制縮放比例大小。 兼容IE 5 6 7 8 9 10 firefox chrome (注明:效果參考過cloudgamer的文章3D ROOM:http ...
功能說明: 通過鼠標移動,實時繪制出3d旋轉的線條。 兼容IE 5 6 7 8 9 10 firefox chrome 效果預覽: 請按着鼠標左鍵,在畫板上拖動繪制 實現原理: 在上一篇文章《javascript橢圓旋轉相冊》中,通過圖片繞 ...
功能描述: 結合A*算法和HTML5完成的一個尋路demo。 鼠標點擊地圖任意位置,飛鳥會尋找最短路程到達該位置。 效果預覽: 代碼分析: 具體的A*算法尋路邏輯請看這里推薦的一篇很好的文章,我就不再詳述: 英文版:http ...
為了實現一個基於HTML5的場景小游戲,我采用了HT for Web來實現,短短200行代碼,我就能實現用“第一人稱”來操作前進后退上下左右,並且實現了碰撞檢測。 先來看下實現的效果: http://hightopo.com/guide/guide/core/3d ...
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開發實錄)。 請用最新版本瀏覽器查看。 效果展示: 代碼實現: 該游戲 ...