webgl three 项目常用操作

分组

    const group1 = new THREE.Group(); //所有高层楼的父对象
    group1.name = "高层";
    for (let i = 0; i < 5; i++) {
        const geometry = new THREE.BoxGeometry(20, 60, 10);
        const material = new THREE.MeshLambertMaterial({
            color: 0x00ffff
        });
        const mesh = new THREE.Mesh(geometry, material0);
        mesh.position.x = i * 30; // 网格模型mesh沿着x轴方向阵列
        group1.add(mesh); //添加到组对象group1
        mesh.name = i + 1 + '号楼';
        // console.log('mesh.name',mesh.name);
    }
    group1.position.y = 30;
    const group2 = new THREE.Group();
    group2.name = "洋房";
    // 批量创建多个长方体表示洋房
    for (let i = 0; i < 5; i++) {
        const geometry = new THREE.BoxGeometry(20, 30, 10);
        const material = new THREE.MeshLambertMaterial({
            color: 0x00ffff
        });
        const mesh = new