在three.js中按顺序显示多个对象

// 创建场景
var scene = new THREE.Scene();

// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建对象A
var geometryA = new THREE.BoxGeometry(1, 1, 1);
var materialA = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var objectA = new THREE.Mesh(geometryA, materialA);
objectA.position.set(-2, 0, 0);

// 创建对象B
var geometryB = new THREE.SphereGeometry(0.5, 32, 32);
var materialB = new THREE.MeshBasicMaterial({ color: 0xff0000 });
var objectB = new THREE.Mesh(geometryB, materialB);
objectB.position.set(0, 0, 0);

// 创建对象C
var geometryC = new THREE.CylinderGeometry(0.5, 0.5, 1, 32);
var materialC = new THREE.MeshBasicMaterial({ color: 0x0000ff });
var objectC = new THREE.Mesh(geometryC, materialC);
objectC.position.set(2, 0, 0);

// 将对象添加到场景中
scene.add(objectA);
scene.add(objectB);
scene.add(objectC);

// 创建对象数组
var objects = [objectA, objectB, objectC];

// 循环遍历数组，依次将对象添加到场景中
for (var i = 0; i < objects.length; i++) {
    scene.add(objects[i]);
}

// 渲染场景
renderer.render(scene, camera);