資訊專欄INFORMATION COLUMN
摘要：最花時間的就是使用畫的龍頭，畫了我兩天近十幾個小時。最終和大家分享成果，慶祝一年一度的端午節(jié)。此外，支持導出的兩種方式與。當你選擇的是時請注意，導出的是個文件缺一不可。關于作者個人博客沉迷前端美色的工程師。
效果展示：
? 點我打開新世界
相關技術：
? aframe.js： Mozilla 開源的網(wǎng)頁虛擬現(xiàn)實體驗( WebVR )框架；
? MagicaVoxel： @ephtracy開發(fā)的體素編輯神器；
代碼實現(xiàn)：
html:
代碼分析：
由aframe全權負責搭建3d全景，由 entity-龍頭、sky-天空環(huán)境、text-文字、camera-模擬鏡頭焦點、assert-存放定義對象（通過id引用）構成。更多aframe知識點參考官網(wǎng)aframe.io。最花時間的就是使用MagicaVoxel畫的龍頭，畫了我兩天近十幾個小時。最終和大家分享成果，慶祝一年一度的端午節(jié)。
寫在最后：
最重要的往往在最后。細心的你發(fā)現(xiàn)了嗎？在源碼中a-text的值明明寫了中文卻沒有顯示。是的，aframe用的字體不支持偉大的漢字，前端大神可以嘗試一下更改aframe引用的字體。
還有一點重要的是，引用aframe.js后必須運行在服務器端，否則可能出現(xiàn)瀏覽器提示跨域沖突的問題，可以將代碼置于nodejs或者tomcat等服務器下運行。
此外，aframe支持MagicaVoxel導出的兩種方式.PLY (with Baked Shadows)與.OBJ。當你選擇的是OBJ時請注意，導出的是3個文件（.obj/.png/.mtl）缺一不可。
關于作者：
rebey.cn：個人博客-沉迷前端美色的java工程師。
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/82752.html
摘要：片元著色器主要處理片元顏色，在這里只是將紋理坐標和紋理對象傳給片元著色器。根據(jù)公式分別計算出左右視口的模型視圖投影矩陣，傳給頂點著色器程序，與頂點緩沖區(qū)的頂點坐標相乘繪制出最終頂點。 最近WebVR API 1.1已經(jīng)發(fā)布，2.0草案也在擬定中，在我看來，WebVR走向大眾瀏覽器是早晚的事情了，今天本人將對WebVR開發(fā)環(huán)境和開發(fā)流程進行深入介紹。 WebVR與WebVR API 首先...
摘要：增強現(xiàn)實以下簡稱浪潮正滾滾而來，瀏覽器作為人們最唾手可得的人機交互終端，正在大力發(fā)展技術。目前年底前端要想實現(xiàn)，都是靠的視頻透視式技術。但這兩個都是移動的，于是谷歌的團隊提供了和兩個庫，以便開發(fā)者能用技術來基于和開發(fā)，從而實現(xiàn)。 本文作者 GeekPlux，博客地址：http://geekplux.com/2018/01/18/augmented-reality-development...
閱讀 1998·2019-08-30 15:54
閱讀 3547·2019-08-30 15:52
閱讀 1834·2019-08-29 17:20
閱讀 2530·2019-08-29 17:08
閱讀 2357·2019-08-26 13:24
閱讀 807·2019-08-26 11:59
閱讀 2792·2019-08-23 14:50
閱讀 630·2019-08-23 14:20
