Javascript 场景3.js/editor中的工件

我有个问题。。。现在我尝试在three.js/editor中运行一个场景，我得到了方形平面形式的工件（当设置动画时）。如果我使用通常的three.js，而不是编辑器-就不会有这样的问题。。。因为代码是相同的，所以可能会出现什么问题

它看起来像什么：

来自编辑器的代码：

let cloudParticles = [];

function init() {
    camera.position.z = 1;
    camera.rotation.x = 1.16;
    camera.rotation.y = -0.12;
    camera.rotation.z = 0.27;

    let ambient = new THREE.AmbientLight(0x555555);
    scene.add(ambient);

    let orangeLight = new THREE.PointLight(0xcc6600, 50, 450, 1.7);
    orangeLight.position.set(200, 300, 100);
    scene.add(orangeLight);
    let redLight = new THREE.PointLight(0xd8547e, 50, 450, 1.7);
    redLight.position.set(100, 300, 100);
    scene.add(redLight);
    let blueLight = new THREE.PointLight(0x3677ac, 50, 450, 1.7);
    blueLight.position.set(300, 300, 200);
    scene.add(blueLight);

    renderer.setSize(window.innerWidth, window.innerHeight);
    scene.fog = new THREE.FogExp2(0x000, 0.001);
    renderer.setClearColor(scene.fog.color);

    let loader = new THREE.TextureLoader();
    loader.load("https://lh3.googleusercontent.com/fife/ABSRlIqJR2ZrAReJs75iIIXGvDZgXFkEXYbx-cbNo1nMQKSv78cRcQhLDDgLjJfjcr3UFEtfAhiDG8JhPo55QTnGMF_v0ByABvmPDkgqXFsFrdcQF2bTdfAK5ur9gEknzSjKwIeiOFaffjfrK9-ihNaCYSeLzUhABcs485M6Hnz38Ub-al9UCZEVDwJLi3VHGYLiTt8V3chcfmRE7VuICvJ7BhND548fcg1yHkyIqBqN9LKkL3NEjHmqPiUL80cU5uX8Ewhztmp9bcXJ-_auCE-ndA3rrrqhPqCw33-ftR-YiIcq24tS2ofRyhIMnSDHAWwoa7rc_5p_Khz7iRVr10GAjV-MxbpLGJS0PzmonKLdW7VHKNJrcNSpPRu8BrG_ylIksb-FKI066vyKk58Ejc1uVgF6JpOsy9EoPr3Um2enBi611ICQBMmZDi9eP-qyWNI2Yv11_69SiQqErpxRc_V77BYyCrHqjIi-afOg6J_QdAlgUkSSQ8bUU2BLVvdmOwhZw7KNIStOi3HeWuilv4Gh0Gf0qLMUNzxbIBWY95PiPfFyNxfMDnHX8lcRO19d2ZSddvbK4RFl8Y8JjxUzBTzyHJXJPPlD7_fsvRM0RJcLQJY0LvPdxJKS_kGl3CJXkm2Ftg93VJjRGZqMZoA_7husvIIKNHsEXXc6f5EbWZ63pGkzXRigh3mO3dgtmXWRt2txvXHVF1eIZOkW68kLr3pQHITBrfNn9Ql6wIQ=w1135-h937-ft", function(texture) {
        cloudGeometry = new THREE.PlaneBufferGeometry(500, 500);
        cloudMaterial = new THREE.MeshLambertMaterial({
            map: texture,
            transparent: true,
        });

        for (let p = 0; p < 50; p++) {
            let cloud = new THREE.Mesh(cloudGeometry, cloudMaterial);
            cloud.position.set(
                Math.random() * 800 - 400,
                500,
                Math.random() * 500 - 500
            );
            cloud.rotation.x = 1.16;
            cloud.rotation.y = -0.12;
            cloud.rotation.z = Math.random() * 2 * Math.PI;
            cloud.material.opacity = 0.55;
            cloudParticles.push(cloud);
            scene.add(cloud);
        }
    });

    render();
}

function render() {
    cloudParticles.forEach(p => {
        p.rotation.z -= 0.001;
    });
    renderer.render(scene, camera);
    requestAnimationFrame(render);
}

init();

让cloudParticles=[]；
函数init（）{
摄像机位置z=1；
摄像机旋转角度x=1.16；
相机旋转y=-0.12；
摄像机旋转z=0.27；
让环境光=新的三个环境光（0x555555）；
场景。添加（环境光）；
让orangeLight=新的三点光源（0xcc6600,50450,1.7）；
orangeLight.position.set（200300100）；
场景。添加（橙色灯光）；
设红灯=新的三点灯（0xd8547e，50450，1.7）；
红灯。位置。设置（100300100）；
场景。添加（红灯）；
设蓝光=新的三点光源（0x3677ac，50450，1.7）；
蓝光。位置。设置（300300200）；
场景。添加（蓝光）；
renderer.setSize（window.innerWidth、window.innerHeight）；
scene.fog=新的3.FogExp2（0x000，0.001）；
renderer.setClearColor（scene.fog.color）；
let loader=new THREE.TextureLoader（）；
装载机("https://lh3.googleusercontent.com/fife/ABSRlIqJR2ZrAReJs75iIIXGvDZgXFkEXYbx-cbNo1nMQKSv78cRcQhLDDgLjJfjcr3UFEtfAhiDG8JhPo55QTnGMF_v0ByABvmPDkgqXFsFrdcQF2bTdfAK5ur9gEknzSjKwIeiOFaffjfrK9-ihNaCYSeLzUhABcs485M6Hnz38Ub-al9UCZEVDwJLi3VHGYLiTt8V3chcfmRE7VuICvJ7BhND548fcg1yHkyIqBqN9LKkL3NEjHmqPiUL80cU5uX8Ewhztmp9bcXJ-_auCE-ndA3rrrqhPqCw33-ftR-YiIcq24tS2o在一次研究中，他们发现了一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究方法，一种新的研究，一种新的，一种新的研究，2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2，新的新的研究，2 2 2 2，2 2 2 2 2，2 2 2 2 2，2，2，2，2，2，2，2 2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2，2 0LVPDXJKS_kgl3cjxkm2ftg93vjrgzqmzoa_7HUSVIIKNHSEXC6F5EBWZ63PGKZXRIGH3MO3DGTMXWRT2TXVxHVF1EIZOKW68KLR3PQHITBRFNN9QL6WIQ=w1135-h937-ft”，功能（纹理）{
cloudGeometry=新的三个.PlaneBufferGeometry（500500）；
cloudMaterial=新的3.0网格LambertMaterial({
贴图：纹理，
透明：是的，
});
对于（设p=0；p<50；p++）{
设cloud=new THREE.Mesh（cloudGeometry，cloudMaterial）；
cloud.position.set(
Math.random（）*800-400，
500,
Math.random（）*500-500
);
云旋转x=1.16；
cloud.rotation.y=-0.12；
cloud.rotation.z=Math.random（）*2*Math.PI；
cloud.material.opacity=0.55；
云粒子。推（云）；
场景。添加（云）；
}
});
render（）；
}
函数render（）{
cloudParticles.forEach（p=>{
p、 旋转z-=0.001；
});
渲染器。渲染（场景、摄影机）；
请求动画帧（渲染）；
}
init（）；

cloudMaterial=new THREE.MeshLambertMaterial({
贴图：纹理，
透明：是的，
});

尝试将

depthWrite:false

添加到物料配置中