小编Mil*_*mri的帖子

我试图通过从Select Form元素中选择一个选项来在运行时更改立方体图像.运行代码时,选择后图像会发生变化,但前一个立方体和图像会保留在场景中.

更改材质/图像/纹理时,如何正确清除/刷新/更新场景.

<div id = "container"></div>

<form id = "changesForm">
    Cube Image:
    <br>
    <select id = "cubeImage">
        <option value = "random">Random</option>
        <option value = "image1">First Image</option>
        <option value = "Image2">Second Image</option>
    </select>
    <br>
</form>

<script type = "text/javascript">

window.onload = windowLoaded;

function windowLoaded(){
    if (window.addEventListener){
        init();
        animate();
                             //document.getElementById('container').addEventListener('mousemove', containerMouseover, false);
    window.addEventListener( 'resize', onWindowResize, false );
    var cubeImage = document.getElementById('cubeImage');
    cubeImage.addEventListener("change", changeCubeImage, false);
    }
    else if (window.attachEvent){
        //init();
        //animate();
                  //document.getElementById('container').attachEvent('onmousemove', containerMouseover);
        //window.attachEvent( 'onresize', onWindowResize);
    }

function changeCubeImage(e){
    //e.preventDefault();
    var target …

如何在运行时在three.js 中添加和删除不同的灯光类型？

我有一些复选框，每个复选框都代表一种灯光类型，我想在选中复选框时向场景添加某种灯光类型，并在未选中时删除灯光。

我试过：scene.remove(light)and light.visible = false，但没有用。