Error Involved In Displaying Images On A Shape Using Three.js

I am trying to display images on each face of the polyhedron using three.js r71. I am making the geometry by loading a JSON file which holds the data that defines the shape. I set

Solution 1:

In your json file you have "uvs": 1 which is in accordance with the images I get:

so you are only applying one texture to two faces, according to the uv's. So again the issue is with your model creation method.

Here is my version of the fiddle (http://jsfiddle.net/dfnkhbjm/), which yes doesn't work because of the Access-Control-Allow-Origin problem. If you copy it local, it should work.

Solution 2:

I had the same problem, but it is somehow related to the 71th version. The problem is solved in the more decent 72th version despite the fact that it is still not on release. Check here: https://github.com/mrdoob/three.js/issues/6774.

You can find the 72th version here.