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

Question

我试图研究如何访问 ParametricGeometry，因为每次我尝试使用它时都会收到此消息“THREE.ParametricGeometry 已移至 /examples/jsm/geometries/ParametricGeometry.js”

如有任何想法，我们将不胜感激。

Answer 1

这是一个使用文档构建的工作示例：

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>

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

Don't know how to access ParametricGeometry in Three.js

javascript

three.js