刪除 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>