2017-03-01 51 views
0

我試圖從攪拌機加載一個以.json模型出口商A-框架在A型架裝入單張上傳.json模型

我已經嘗試使用這種裝載機

https://github.com/donmccurdy/aframe-extras/tree/master/src/loaders

但模型不顯示。

這裏就是我想:

<!DOCTYPE> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="/css/styles.css"> 
     <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> 
     <script src="components/json-model.js"></script> 
    </head> 
    <body> 

     <a-scene> 
      <a-assets> 
       <a-asset-item id="model" src="models/stockcar.json"></a-asset-item> 
      </a-assets> 


     <a-entity json-model="src:#model" scale="0.5 0.5 0.5"></a-entity> 

     <a-camera position="0 0 20"></a-camera> 

     <a-light type="point" color="#3d8be6" position="-10 0 0" look-at="#car" intensity="5"></a-light> 
     <a-light type="hemisphere" color="#33b522" position="-10 0 0" intensity="1"></a-light> 


     </a-scene> 
    </body> 
</html> 

,這是什麼控制檯顯示

A-Frame Version: 0.5.0 (Date 10-02-2017, Commit #110055d) 
index.js:74three Version: ^0.83.0 
index.js:75WebVR Polyfill Version: dmarcos/webvr-polyfill#a02a8089b 
json-model.js:7 Uncaught SyntaxError: Unexpected token < 
three.js:19590THREE.WebGLRenderer 83 
http://127.0.0.1:57153/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found) 

任何幫助,將不勝感激

+1

'JSON-model.js:7未捕獲的SyntaxError:意外的標記<'。檢查你的路徑,確保你正在運行本地服務器,並且你的文件是一個JSON文件。 – ngokevin

+0

我確定我的文件是一個.JSON,因爲我已經使用three.js加載它,所以一切應該與文件,關於服務器好,我一直在運行一些其他格式,如collada和obj的其他測試和一切工作正常 – Evoinsec

+0

檢查網絡檢查員,看看它是什麼returnng。 – ngokevin

回答

0

首先,你有一個額外的「 /「在您的資產項目開始標記末尾:

<a-asset-item id="model" src="models/stockcar.json"/></a-asset-item> 

其次,使用資產,你必須說明該資產的JSON模型ID 「src」 屬性:

<a-entity json-model="src:#model" scale="0.5 0.5 0.5"></a-entity> 
+0

感謝您的更正,但該模式仍然沒有顯示:( 已經做了以上 – Evoinsec

+0

無賴的代碼的變化.. 。我希望這可以做到這一點!你有一個鏈接到你的場景?上面的一個不適合我... –