DAE files image texture doesn’t show up in Aframe when exported from Maya

by

I presume You added Your collada ( dae ) model like presented on the aframe docs:

<a-scene>
  <a-assets>
    <a-asset-item id="head" src="https://stackoverflow.com/path/to/head.dae"></a-asset-item>
  </a-assets>
  <a-entity collada-model="#head"></a-entity>
</a-scene>

To texture the model, You either need to:
1. Make a reference to the texture in the material of the entity.
In <a-assets> make an img reference: <img id="texture" src="https://stackoverflow.com/questions/44451617/head.jpg"> then in Your entity declare the material:

<a-entity collada-model="#head" material="#texture"></a-entity>

2. upload Your model with the texture to clara.io, convert it to a json(threejs) model, and make sure the references in the json file are correct, then load the model on the <a-scene>. I did it by placing a script in a registered
component: 

var objectLoader = new THREE.ObjectLoader();
            objectLoader.load("untitled-scene.json", function ( obj ) {
                sceneEl.object3D.add( obj );
                obj.scale.set(10,1,010);
                obj.rotation.set(0,179,0);
                obj.position.set(0,0,10);
            } );

If the issue still happens, please provide more information about Your code.
NOTE: i often received .tga textures, make sure its a .png or .jpg, .tga’s won’t work if You won’t use a tga loader as kevinngo explained here. Nonetheless if it’s a tga issue, the head would be black as noted in the link.

More Related Contents:

  1. Read pixels from a WebGL texture
  2. In a fragment shader, why can’t I use a flat input integer to index a uniform array of sampler2D?
  3. Multiple transparent textures on the same mesh face in Three.js
  4. Render OpenGL scene to texture using FBO in fixed function pipeline drawing
  5. Android OpenGL Texture Compression
  6. Limitation on texture size? Android Open GL ES 2.0
  7. iOS4: how do I use video file as an OpenGL texture?
  8. Transparent textures behaviour in WebGL
  9. Hls video streaming on iOS/Safari
  10. 2D Diamond (isometric) map editor – Textures extended infinitely?
  11. OpenGL 2 Texture Internal Formats GL_RGB8I, GL_RGB32UI, etc
  12. Bitmap too large to be uploaded into a texture
  13. How to load a bmp on GLUT to use it as a texture?
  14. Bump-map a sphere with a texture map
  15. Multiple textures in GLSL – only one works
  16. WebGL – wait for texture to load
  17. Threading textures load process for android opengl game
  18. CUDA allocation alignment is 256 bytes – seriously?
  19. Three.js multiple materials on object loaded via OBJMTLLoader
  20. Convert an UIImage in a texture
  21. glPixelStorei(GL_UNPACK_ALIGNMENT, 1) Disadvantages?

Leave a Comment