爲什麼圖像不會在此網絡GL中顯示爲紋理？

Question

由於某種原因，圖像不會顯示，我不明白爲什麼。圖像在這裏http://imgur.com/VtsrmSj

我需要添加一個特定的屬性到紋理或定義它不同嗎？還是像我因某種原因找不到的錯字一樣簡單。

var camera, scene, renderer; 
     var geometry, material, mesh; 

     function init() { 
      scene = new THREE.Scene(); 
      var width = window.innerWidth; 
      var height = window.innerHeight; 

      camera = new THREE.PerspectiveCamera(45, width/height, 0.1, 25000); 
      camera.position.set(0, 200, 700); 
      scene.add(camera); 

      var spotlight = new THREE.SpotLight(0xffffff); 
      spotlight.position.set(500, 500, 500); 
      //spotlight.shadowCameraVisible = true; 
      spotlight.shadowDarkness = 0.3; 
      spotlight.intensity = 2; 
      spotlight.castShadow = true; 
      scene.add(spotlight); 

      var texture = THREE.ImageUtils.loadTexture('apple.jpg'); 
      material = new THREE.MeshLambertMaterial({map: texture}); 

      geometry = new THREE.OctahedronGeometry(100, 0); 
      mesh = new THREE.Mesh(geometry, material); 
      mesh.position.y = 100; 
      mesh.castShadow = true; 
      scene.add(mesh);      

      var planeTexture = THREE.ImageUtils.loadTexture('apple.jpg'); 
      planeGeometry = new THREE.PlaneGeometry(1000, 1000, 10, 10); 
      planeMaterial = new THREE.MeshLambertMaterial({map: planeTexture, side: THREE.DoubleSide}); 
      plane = new THREE.Mesh(planeGeometry, planeMaterial); 
      plane.rotation.x = Math.PI/-2; 
      plane.receiveShadow = true; 
      scene.add(plane); 

      renderer = new THREE.WebGLRenderer({alpha: 1, antialias: true}); 
      renderer.setSize(width, height); 
      renderer.shadowMapEnabled = true; 

      controls = new THREE.OrbitControls(camera, renderer.domElement); 

      document.body.appendChild(renderer.domElement); 
     } 


     init(); 

Answer 1

我看到圖像不是兩個冪。您是否嘗試過兩種尺寸的圖像（例如256 x 256）？