删除PlaneGeometry threejs中的widthSegments和heightSegments

Question

我正在尝试删除 widthSegments 和 heightSegments。

如果我改变这个

var tergeo= new THREE.PlaneGeometry(100, 100, 1, 1);

至

var tergeo= new THREE.PlaneGeometry(100, 100, 0, 0);

没用

如何删除此 jsFiddle 中的 widthSegments 和 heightSegments？

Answer 1

这是一个带有索引缓冲区几何结构的选项：

body{
  overflow: hidden;
  margin: 0;
}

<script type="module">
import * as THREE from "https://cdn.skypack.dev/three@0.136.0";

let scene = new THREE.Scene();
let camera = new THREE.PerspectiveCamera(60, innerWidth / innerHeight, 1, 1000);
camera.position.set(0, 0, 10);
let renderer = new THREE.WebGLRenderer();
renderer.setSize(innerWidth, innerHeight);
document.body.appendChild(renderer.domElement);

let g = QuadGeometry(THREE.MathUtils.randInt(5, 10), THREE.MathUtils.randInt(5, 10));
let m = new THREE.LineBasicMaterial({color: "yellow"});
let quad = new THREE.Line(g, m);
scene.add(quad);

function QuadGeometry(w, h){
  let pts = [
    [0.5, 0.5], 
    [-0.5, 0.5], 
    [-0.5, -0.5], 
    [0.5, -0.5]
  ].map(p => {return new THREE.Vector2(p[0], p[1])});
  let g = new THREE.BufferGeometry().setFromPoints(pts);
  g.setIndex([0, 1, 2, 3, 0]);
  g.scale(w, h, 1);
  
  return g;
}

renderer.setAnimationLoop(() => {
  renderer.render(scene, camera);
});
</script>

删除PlaneGeometry threejs中的widthSegments和heightSegments

Remove widthSegments and heightSegments in PlaneGeometry threejs

javascript

shapes

jsfiddle

three.js