程式演示見文末。
1、這是什麼？
這是個產品展示類應用，名字叫《宅男房間》，利用webgl技術在網頁上呈現三維互動內容，展示了乙個迷戀二次元的宅男的房間，你可以旋轉視角**房間裡的任何角落。
2、有哪些功能？
3、這個東西的意義？
vr購物。實際是vr購物應用的原型設計。
通過呈現乙個真實的生活場景，把商品自然地融入其中，讓使用者通過直觀的體驗了解商品，從而激發消費衝動。
實際上我是通過谷歌搜尋「宅男」找到這個房間的布局，這個房間裡的多數物品都是在某寶上找的作為參考製作的。
我嘗試過在檯燈、海報、床單這些物品上加上標籤，提示**、購物鏈結等資訊，技術上是沒問題的，只是滿屏的標籤太影響畫面了。最後，我只留了乙個標籤，就是平板上方的」月餅節快樂！」。
這個東西在教育、產品展示、vr購物、遊戲等領域都是可以有作為的。
《宅男房間》是支援vr模式的，支援htc vive頭顯。
–>>宅男房間第一版
版本說明：該版本使用b4w框架實現
–>>宅男房間第二版
版本說明：v3d重製版
Web 3D引擎閒談
thingjs 3d城市應用 主要是城市 工業領域 有很多酷炫的效果，有的也醜 cbd大樓很酷炫 不開源，需付費 babylon.js 巴比倫，是微軟開發和維護的web端3d引擎 微軟官方的demo 很酷炫，有細節 城堡很真實，但水流有點假 yeti cnbabylon.com demos yeti...
發布支援VR的Web3D內容
基於webgl的web3d也可以有vr體驗，只要可以在web端應用中做到以下兩點即可 針對上述兩點，在不同的web內容的實現中有不同的方法，主要分為以下三種 對於此類web內容，使用webvr.js的庫來實現。webvr.js是由mozila和google聯合開發的乙個針對web端的vr庫，目前還正...
分享收集的Web 3D學習資源
wonder技術 淺墨的遊戲程式設計 作者寫得非常詳細，推薦 zwqxin 比較老的部落格，作者寫得不錯。our machinery 原bitsquid引擎的開發者的新部落格，分享了很多引擎設計 data oriented的乾貨，非常推薦！webgpu學習 webgpu是w3c維護的新一代web圖形...