three.js sphère avec la texture affichée dans le mauvais sens

Question

J'utilise three.js pour afficher l'aperçu de la pièce. Quand je bouge la caméra pour regarder le plafond, je vois que la texture est mauvaise.

Cette image montre ce que je vois:

Mais je voir ceci:

Que peut-être mal dans le code ci-dessous:

var scene = new THREE.Scene(); 
var material = new THREE.MeshBasicMaterial(); 
var loader = textureLoader = new THREE.TextureLoader(); 
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 1, 1000); 
var sphere = new THREE.SphereGeometry(150, 32, 32, 0, Math.PI * 2, 0, Math.PI); 

leftSphere.applyMatrix(new THREE.Matrix4().makeScale(-1, 1, 1)); 
material.map = loader.load('image.jpeg'); 
scene.add(new THREE.Mesh(sphere, material)); 

Answer 1

Il n'y a rien de mal à le code, c'est plus comme un problème général.

Cela est très probablement lié à la manière dont la SphereGeometry est construite. Si vous allumez les wireframes et regardez le zénith, vous verrez qu'il y a beaucoup d'arêtes très compactes convergeant en un seul point. Je ne peux pas expliquer maintenant ce qui se passe exactement, mais il semble que les points échantillonnés de la texture soient juste trop proches à ce moment-là.