我是trijs的新手,如何创造一个天空圆顶

Question

我对three.js很陌生,我花了好几个小时创建了一个天空盒/天空,为我的世界带来了更好的视觉感受(在这种情况下是空间).谷歌搜索,检查教程,在StackOverflow上询问.没有任何效果,或者我在这里得到了一个愚蠢而愚蠢的回答.问题很简单:如何制作天空盒/圆顶？

Answer 1

这就是你在threejs做skydome的方法.

var skyGeo = new THREE.SphereGeometry(100000, 25, 25); 

首先是几何.我想要它很大并且做得很大

    var loader  = new THREE.TextureLoader(),
        texture = loader.load( "images/space.jpg" );

加载背景空间的纹理.这里有一点是你需要它来运行服务器才能加载纹理.我使用wamp或括号预览.

在此处为天空盒创建材质

    var material = new THREE.MeshPhongMaterial({ 
        map: texture,
});

将所有内容组合在一起并将其添加到场景中.

    var sky = new THREE.Mesh(skyGeo, material);
    sky.material.side = THREE.BackSide;
    scene.add(sky);

这可能不是最佳解决方案,但对于初学者来说这很容易.易于理解和创造.