国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

AFrame+MagicaVoxel:WebVR端午龍頭記

wyk1184 / 1472人閱讀

摘要:最花時間的就是使用畫的龍頭,畫了我兩天近十幾個小時。最終和大家分享成果,慶祝一年一度的端午節。此外,支持導出的兩種方式與。當你選擇的是時請注意,導出的是個文件缺一不可。關于作者個人博客沉迷前端美色的工程師。

效果展示:

? 點我打開新世界

相關技術:

? aframe.js: Mozilla 開源的網頁虛擬現實體驗( WebVR )框架;

? MagicaVoxel: @ephtracy開發的體素編輯神器;

代碼實現:

    html:
    
    
      
    
      
        
        
        
        
      
      
      
        
        
          
      
      
    
      
      
      
      
      
        
      
    

代碼分析:

由aframe全權負責搭建3d全景,由 entity-龍頭、sky-天空環境、text-文字、camera-模擬鏡頭焦點、assert-存放定義對象(通過id引用)構成。更多aframe知識點參考官網aframe.io。最花時間的就是使用MagicaVoxel畫的龍頭,畫了我兩天近十幾個小時。最終和大家分享成果,慶祝一年一度的端午節。

寫在最后:

最重要的往往在最后。細心的你發現了嗎?在源碼中a-text的值明明寫了中文卻沒有顯示。是的,aframe用的字體不支持偉大的漢字,前端大神可以嘗試一下更改aframe引用的字體。

還有一點重要的是,引用aframe.js后必須運行在服務器端,否則可能出現瀏覽器提示跨域沖突的問題,可以將代碼置于nodejs或者tomcat等服務器下運行。

此外,aframe支持MagicaVoxel導出的兩種方式.PLY (with Baked Shadows)與.OBJ。當你選擇的是OBJ時請注意,導出的是3個文件(.obj/.png/.mtl)缺一不可。

關于作者:

rebey.cn:個人博客-沉迷前端美色的java工程師。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82752.html

相關文章

  • 淺談 WebVR

    摘要:它與智能手機相連接,將顯示變成顯示。廠商滑配式設備包括谷歌和三星。作為一款獨立的計算設備,整合式設備將配備一整套零部件,價格甚至高于普通。廠商微軟對于想初步體驗或入門的用戶,推薦谷歌的或國內的性價比高的滑配式設備。 本文轉自凹凸實驗室:https://aotu.io/notes/2016/08... showImg(https://segmentfault.com/img/bVC2cm...

    yexiaobai 評論0 收藏0
  • WebVR開發教程——深度剖析

    摘要:片元著色器主要處理片元顏色,在這里只是將紋理坐標和紋理對象傳給片元著色器。根據公式分別計算出左右視口的模型視圖投影矩陣,傳給頂點著色器程序,與頂點緩沖區的頂點坐標相乘繪制出最終頂點。 最近WebVR API 1.1已經發布,2.0草案也在擬定中,在我看來,WebVR走向大眾瀏覽器是早晚的事情了,今天本人將對WebVR開發環境和開發流程進行深入介紹。 WebVR與WebVR API 首先...

    Cciradih 評論0 收藏0
  • Web 前端中的增強現實(AR)開發技術

    摘要:增強現實以下簡稱浪潮正滾滾而來,瀏覽器作為人們最唾手可得的人機交互終端,正在大力發展技術。目前年底前端要想實現,都是靠的視頻透視式技術。但這兩個都是移動的,于是谷歌的團隊提供了和兩個庫,以便開發者能用技術來基于和開發,從而實現。 本文作者 GeekPlux,博客地址:http://geekplux.com/2018/01/18/augmented-reality-development...

    Jochen 評論0 收藏0

發表評論

0條評論

wyk1184

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<