十行HTML實現增強現實--思途青島

標籤：java   ued   com   如何   內容   增強現實   9.png   arm   國際   

你想通過網路實現增強現實嗎？現在你只需要 10 行 HTML 程式碼！真的！讓我帶你看一看代碼，非常簡單。
我們最近發布了AR.js。你不需要安裝任何應用，用你的手機通過網路就能體驗到強大的增強現實。但讓我們更進一步，看一下如何讓你也創作出自己的增強現實體驗。多虧了神奇的a-frame，最短的 AR.js只有10行HTML 程式碼。
 
引入庫
 
首先，你需要引入a-frame，一款MozillaVR引領的開發 VR 體驗的利器。A-frame 包含了 three.js。然後你只需要為 a-frame 引入 AR.js。AR.js能讓 AR 中的 3d 顯示在你的手機上高速運行，哪怕是 2、3 年前的舊手機。

定義 Body
 
 
這一步，國際慣例。就像你在所有 HTML 頁面中做的一樣，定義 body。
建立 3d 情境。
 
 
然後，我們將要建立我們的 a-farme 情境。我們當然也需要加入 ARToolkit 組件。ARToolkit是一個開源庫，我們通過它來實現網路攝影機定位。
添加簡單的內容
 
一旦我們建立了 3d 情境，我們可以開始向裡面添加對象。在這行代碼中，我們添加了一個簡單的盒子。然後我們修改了它的材質，讓它變得透明。我們也改變了它的位置，所以它出現在 AR 標識（AR marker）的上方。
增加 AR 網路攝影機
 
在最後一步，我們增加一個網路攝影機。我們預設一個 ‘hiro’最後，我們讓它像你手機一樣移動。是不是很簡單？
恭喜！你完成了。你僅用了 10 行 html 代碼實現了增強現實，手機上也能運行飛快，而且免費。

十行HTML實現增強現實--思途青島