Aframe and Angular2 models wont load

0
votes

Im trying to load a aframe model using Angular, but on calling the .obj and .mtl, all I see is a blank screen. I also get a warning on console saying 'core:a-assets:warn Asset loading timed out in 3000 ms'. I also tried putting 'a-assets timeout="10000"; but I still get the same screen and error. Any help ?

<a-asset-item id="Obj" src="../assets/scene.obj"></a-
asset-item>
<a-asset-item id="Mat" src="../assets/scene.mtl"></a-
asset-item>
<a-mixin id="model" scale="5 5 5"></a-mixin>

<a-entity mixin="model" obj-model="obj: #Obj; mtl: #Mat"></a-
entity>
1
angularaframe

1 Answers

0
votes

First of all check out if your references are fine. Or maybe Your .mtl references a texture that can't be found.

If it's ok, I'd recommend converting Your model to a .GLtf, .dae, or threejs .json. They are recommended by the a-frame team, obj/mtl with multiple texture may not be working at all.

I've been using these with angularJS/IO and there were no issues with them.