THREE.js -可点击的交互式objects.Click在一个立方体上，然后出现第二个立方体，我想使最后一个立方体可点击

var cubeGeometry = new THREE.BoxGeometry(1, 1, 1);
var cubeMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
cube.position.set(0, 0, 0);
scene.add(cube);

cube.addEventListener('click', function() {
    // 创建第二个立方体对象
    var secondCubeGeometry = new THREE.BoxGeometry(1, 1, 1);
    var secondCubeMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
    var secondCube = new THREE.Mesh(secondCubeGeometry, secondCubeMaterial);
    secondCube.position.set(2, 0, 0);
    scene.add(secondCube);

    // 添加点击事件监听器到第二个立方体
    secondCube.addEventListener('click', function() {
        // 在点击第二个立方体后的操作
        // 可以是添加第三个立方体、修改属性等
    });
});

function render() {
    renderer.render(scene, camera);
    requestAnimationFrame(render);
}
render();