three.js地球没有加载纹理

时间:2016-01-10 20:03:42

标签: javascript three.js

我最近下载了三个.j并尝试在宇宙中创建一个地球。这一切都很好,但当我尝试在我的球体上放置一个纹理时,没有任何反应,除了,我再也看不到球体...... 我尝试在这里和其他网站上找到解决方案,但没有任何工作: - /

拜托,伙计们,帮助我。我的想法用完了,这让我发疯了:D

这是代码,我坚持:

var geometry = new THREE.SphereGeometry(0.5, 32, 32);

var material = new THREE.MeshPhongMaterial({
color: 0x4682B4,
map: THREE.ImageUtils.loadTexture('2_no_clouds_16k_002.jpg', {}),
bumpMap: THREE.ImageUtils.loadTexture('elev_bump_16k_002.jpg'),
specularMap: THREE.ImageUtils.loadTexture('water_16k_002.jpg'),
specular: new THREE.Color('grey')
});

var mesh = new THREE.MeshPhongMaterial({
color: new THREE.Color('red'),
wireframe: true
});

var sphere = new THREE.Mesh(geometry, material);
var earthMesh = new THREE.Mesh(geometry, mesh);
scene.add(sphere);
scene.add(earthMesh);

//--- Renderer --
function render
{
requestAnimationFrame(render);
sphere.rotation.y = + new Date() / 7000; //movement is added
renderer.render(scene, camera);
}

render();

1 个答案:

答案 0 :(得分:0)

我发现了,为什么它不起作用。 首先,图像确实太大了。它也是在jpg,它只是不想与之合作(我不知道为什么......)而是我使用了png。 它也在我的服务器上工作,但不在本地。其中我也不知道为什么:D有时我认为我的电脑有自己的想法...就像在iRobot中:-D

感谢各位帮忙!你是最好的< 3 干杯,维基