Javascript . 如何在3JS中创建立方体

我试图在实际场景之外创建一个立方体。因此，我可以使用立方体作为“房间”，我的对象所在的地方

我发现了一些代码片段，但它们不适合我。如果我正确理解此代码段的功能，它应该创建一个有6个面的立方体eRoom。我将纹理blau.png附加到所有6个面上，它是蓝色的。所以我应该能看到一个蓝色的房间，我的物体就在那里。但我得到的只是一点也没有。就是这个东西

（当然，我在渲染函数中渲染场景、摄影机和sceneCube、cameraCube）

---

如果有人能帮我处理这个案子，我将不胜感激：）

好的，你想要一个房间和一件物品；那么为什么要创建两个摄像头呢？这是一个要点。但我在某个ThreeJS示例的片段中发现了这一点。删除cameraCube不会改变任何东西。实际上，您没有很好地描述问题是什么？好的，我对描述做了一些修改。希望现在听起来更清楚：）我希望有人能告诉我如何创建一个房间，在那里我可以放置我的对象“立方体”实际上不是图形编程中公认的术语。。。这可能是因为你想要的是一个

Skybox

？

camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 20000 );
camera.position.set( 8000, 0, cameraOffset ); 

cameraCube = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 20000 );
cameraCube.position.set( 80, 0, cameraOffset );  

sceneCube = new THREE.Scene();
sceneCube.add(cameraCube);

//---------------------

var r = "././images/";
    var urls = [
        r + "blau.png", r + "blau.png",
        r + "blau.png", r + "blau.png",
        r + "blau.png", r + "blau.png"
    ];

var textureCube = new THREE.TextureLoader();

textureCube.load( urls );
textureCube.format = THREE.RGBFormat;

var shader = THREE.ShaderLib[ 'cube' ];
shader.uniforms[ 'tCube' ].value = textureCube;

var material = new THREE.ShaderMaterial( {

    fragmentShader: shader.fragmentShader,
    vertexShader: shader.vertexShader,
    uniforms: shader.uniforms,
    depthWrite: false,
    side: THREE.BackSide

} )

room = new THREE.Mesh( new THREE.CubeGeometry( 1000, 1000, 1000 ), material );
sceneCube.add(room);