我正在嘗試OrbitControls在 THREE.js 中使用。如果我let cameraControl = new OrbitControls(camera)從下面刪除該行，將不會(huì)出現(xiàn)錯(cuò)誤。但是現(xiàn)在，我有“Uncaught TypeError: Cannot read property 'addEventListener' of undefined”我嘗試更改OrbitControls(camera)為T(mén)HREE.OrbitControls(camera)，然后出現(xiàn)“Uncaught TypeError: THREE.OrbitControls is not a constructor”。我嘗試OrbitControls.js使用<script src=...></script>outside導(dǎo)入"module"，而不是import {OrbitControls} from ...;，但它不起作用，我也嘗試移動(dòng)let cameraControl = new OrbitControls(camera)到其他行，但也不起作用。任何想法如何解決？<body><script type="module">import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r115/build/three.module.js';import {OrbitControls} from 'https://threejsfundamentals.org/threejs/resources/threejs/r115/examples/jsm/controls/OrbitControls.js';let scene, renderer, cameralet cubefunction init() { scene = new THREE.Scene() renderer = new THREE.WebGLRenderer() renderer.setSize(window.innerWidth, window.innerHeight) document.body.appendChild(renderer.domElement) camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 100) let cameraControl = new OrbitControls(camera) camera.position.set(10, 10, 10) camera.lookAt(scene.position) // cube cube = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1)) scene.add(cube)}function render() { requestAnimationFrame(render) renderer.render(scene, camera)}init()render()</script></body>
Three.js + OrbitControls - 未捕獲的類(lèi)型錯(cuò)誤：無(wú)法讀取未定義的屬性
一只甜甜圈
2022-12-22 09:29:39
