不知道如何访问 Three.js 中的 ParametricGeometry

Question

I have tried to research how to access ParametricGeometry as I get this message every time I try to use it "THREE.ParametricGeometry has been moved to /examples/jsm/geometries/ParametricGeometry.js"

Any thoughts on how would be much appreciated.

Answer 1

Here is a working example, built with the docs:

 body{ overflow: hidden; margin: 0; }

 <script type="module"> import * as THREE from "https://cdn.skypack.dev/three@0.136.0"; import {OrbitControls} from "https://cdn.skypack.dev/three@0.136.0/examples/jsm/controls/OrbitControls"; import {ParametricGeometry} from "https://cdn.skypack.dev/three@0.136.0/examples/jsm/geometries/ParametricGeometry"; import {ParametricGeometries} from "https://cdn.skypack.dev/three@0.136.0/examples/jsm/geometries/ParametricGeometries"; let scene = new THREE.Scene(); let camera = new THREE.PerspectiveCamera(60, innerWidth / innerHeight, 1, 1000); camera.position.setScalar(10); let renderer = new THREE.WebGLRenderer(); renderer.setSize(innerWidth, innerHeight); document.body.appendChild(renderer.domElement); let contorls = new OrbitControls(camera, renderer.domElement); const geometry = new ParametricGeometry( ParametricGeometries.klein, 25, 25 ); const material = new THREE.MeshBasicMaterial( { map: new THREE.TextureLoader().load("https://threejs.org/examples/textures/uv_grid_opengl.jpg") } ); const klein = new THREE.Mesh( geometry, material ); scene.add( klein ); renderer.setAnimationLoop(() => { renderer.render(scene, camera); }); </script>