Using textures in THREE.js

by

By the time the image is loaded, the renderer has already drawn the scene, hence it is too late. The solution is to change

texture = THREE.ImageUtils.loadTexture('crate.gif'),

into

texture = THREE.ImageUtils.loadTexture('crate.gif', {}, function() {
    renderer.render(scene);
}),

More Related Contents:

  1. How to get camera position with mouse move event and transform into screen coordinates in three.js? [closed]
  2. “Cross origin requests are only supported for HTTP.” error when loading a local file
  3. THREE.js generate UV coordinate
  4. Three.js – Orthographic camera
  5. Drawing a line with three.js dynamically
  6. THREE.js : 2xMeshes using same vector as position
  7. How to rotate a 3D object on axis three.js?
  8. Rotate object on specific axis anywhere in Three.js – including outside of mesh
  9. Thickness of lines using THREE.LineBasicMaterial
  10. Multiple transparent textures on the same mesh face in Three.js
  11. How to stop a requestAnimationFrame recursion/loop?
  12. Three JS – Find all points where a mesh intersects a plane
  13. How to get the absolute position of a vertex in three.js?
  14. Any way to get a bounding box from a three.js Object3D?
  15. Three.js Projector and Ray objects
  16. How to detect collision in three.js?
  17. Three.js – Geometry on top of another
  18. Three.js/WebGL: Large spheres appear broken at intersection
  19. Convert 2:1 equirectangular panorama to cube map
  20. Three.js cube with different texture on each face
  21. Three.js and loading a cross-domain image
  22. How to save canvas animation as gif or webm?
  23. Three.JS wireframe material – all polygons vs. just edges
  24. How to create a custom mesh on THREE.JS?
  25. Detect clicked object in THREE.js
  26. Determine if a mesh is visible on the viewport according to current camera
  27. How to render clipped surfaces as solid objects
  28. Three.js multiple materials on object loaded via OBJMTLLoader
  29. Why do shaders have to be in html file for webgl program?
  30. Apply color gradient to material on mesh – three.js

Leave a Comment