6.访问几何体对象的属性

几何体对象

• Geometry
  • vertices
  • colors
  • faces
    • face3属性
      • VertextColors
• bufferGeometry
  • attributes
    • position
    • color
    • normal
  • index

    var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry
    console.log(geometry);
    console.log('几何体顶点位置数据',geometry.vertices);
    console.log('三角面数据',geometry.faces);

    var geometry = new THREE.PlaneBufferGeometry(100, 100); //创建一个立方体几何对象Geometry
    console.log(geometry);
    console.log('几何体顶点位置数据',geometry.attributes.position);
    console.log('几何体索引数据',geometry.index);
    
    // 批量更改顶点颜色
    var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry
    // 遍历几何体的face属性
    geometry.faces.forEach(face => {
      // 设置三角面face三个顶点的颜色
      face.vertexColors = [
        new THREE.Color(0xffff00),
        new THREE.Color(0xff00ff),
        new THREE.Color(0x00ffff),
      ]
    });
    var material = new THREE.MeshBasicMaterial({
      // color: 0x0000ff,
      vertexColors: THREE.FaceColors,
      // wireframe:true,//线框模式渲染
    }); //材质对象Material
    var mesh = new THREE.Mesh(geometry, material); //网格模型对象Mesh
    scene.add(mesh); //网格模型添加到场景中
	
    // 删除面
    var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry
    // pop()：删除数组的最后一个元素   shift：删除数组的第一个元素
    geometry.faces.pop();
    geometry.faces.pop();
    geometry.faces.shift();
    geometry.faces.shift();