三个 Js：OrbitControls.js 不工作

Posted 2023-03-15

【中文标题】三个 Js：OrbitControls.js 不工作

【英文标题】：ThreeJs: OrbitControls.js not woking

【发布时间】：2020-03-14 10:20:11

【问题描述】：

我尝试使用 ThreeJs 中的 OrbitControls.js。我创建了一个文件夹并保存了类似的文件（例如： GLTFLoader.js, OrbitControls.js..) 但是当我在它们中使用函数时，我有这样的错误：enter image description here

我曾经使用其他方式，例如使用代码链接 (https://raw.githubusercontent.com/mrdoob/three.js/master/examples/jsm/controls/OrbitControls.js) 并运行 cmd (npm install)...但它也不起作用。

你能帮我解决这个问题吗？

【参考方案1】：

当您将示例文件作为 ES6 模块导入时，没有必要使用 THREE 命名空间。当使用npm 时，导入看起来像这样：

import  OrbitControls  from 'three/examples/jsm/controls/OrbitControls.js';

如果您在类似于官方three.js 示例的<script type="module"> 标记内导入模块，请使用此样式：

import  OrbitControls  from "https://cdn.jsdelivr.net/npm/three@0.114/examples/jsm/controls/OrbitControls.js";

在这两种情况下，您都可以像这样创建控件的实例：

const controls = new OrbitControls( camera, renderer.domElement );

【讨论】：

我试过你写的方法。但不工作。你可以看到我的项目[链接] (glitch.com/~early-nimble-ship)

您没有正确包含 ES6 模块。像下面这个例子那样做：glitch.com/~sugary-flint-jonquil