三個js將對象添加到場景

Question

我正在關閉網站的一個示例，並且希望將textured cube添加到場景中，並且理想地將其放置在特定位置。這是我到目前爲止已經試過，但它沒有出現：

var frametexture = new THREE.ImageUtils.loadTexture('https://threejs.org/examples/textures/crate.gif'); 
var artwork = new THREE.BoxBufferGeometry(200, 200, 20); 
var material = new THREE.MeshBasicMaterial({ map: frametexture }); 
artframe = new THREE.Mesh(artwork, frametexture); 
scene.add(artframe); 
artwork.scale(- 1, 1, 1); 

這裏是我的JSFIDDLE

Answer 1

var frametexture = new THREE.ImageUtils.loadTexture('https://threejs.org/examples/textures/crate.gif'); 

應改爲

var frametexture = THREE.ImageUtils.loadTexture('https://threejs.org/examples/textures/crate.gif'); 

和

artframe = new THREE.Mesh(artwork, frametexture); 

需求爲

artframe = new THREE.Mesh(artwork, material);