个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
当我尝试导入 OrbitControls.js 时:
我得到 Cannot use import statement outside a module错误
所以，我使用:<script type="module" src="OrbitControls.js"></script >
但这次我得到:
ReferenceError: OrbitControls is not defined
<body>
<div id="page-wrapper">
<h1>Open Spaceport Container (.drc):</h1>
<div>
<input type="file" id="fileInput">
</div>
</div>
<div>
<pre id="decoderType"><pre>
</div>
<div>
<pre id="fileDisplayArea"><pre>
</div>
<script src="https://cdn.rawgit.com/mrdoob/three.js/dev/build/three.min.js"></script>
<script src="DRACOLoader.js"></script>
<script src="geometry_helper.js"></script>
<script type="module" src="OrbitControls.js"></script>
<script>
"use strict"
// Configure decoder and create loader.
var textureLoader = new THREE.TextureLoader();
const loadManager = new THREE.LoadingManager();
...
最佳答案
您将 ES6 模块与无效的非模块代码混合在一起。这样做:
<script type="module">
import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.121.1/build/three.module.js';
import { DRACOLoader } from 'https://cdn.jsdelivr.net/npm/three@0.121.1/examples/jsm/loaders/DRACOLoader.js';
import { OrbitControls } from 'https://cdn.jsdelivr.net/npm/three@0.121.1/examples/jsm/controls/OrbitControls.js';
// your actual app code
// Configure decoder and create loader.
const manager = new THREE.LoadingManager();
const textureLoader = new THREE.TextureLoader(manager);
</script>
geometry_helper.js到 ES6 模块，也是。
关于javascript - 三.js/OrbitControls 未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64155393/
25
4
0
当我去创建一个 OrbitControls 的实例时，我最终得到了 未捕获的类型错误:THREE.OrbitControls 不是构造函数。 我的代码非常简单，但我显然遗漏了一些东西。 var or
有什么方法可以限制场景中摄像机的平移运动吗？ 尝试在 orbitControls 中更改 pan 方法，但我对结果并不满意，我希望有更方便/正确的方法来做到这一点.. if ( scope.objec
我正在使用 THREE.js 和 Blender 开展一个学术项目。在我的 main.js 中，我有用于创建场景、创建渲染器、相机、轨道控件等的代码...问题是，每次我加载网页时，相机都会看着某个位置
我已经尝试创建一个 WebVR 环境一个多星期了，我的场景是用三个 js 渲染的，但我似乎无法使 VR 控件工作。 我已经尝试过: 在我的node_modules中添加包并导入它们: import t
有没有办法、插件或想法让 THREE.js OrbitControls 在旋转时产生惯性效果？ 我想像这样旋转一个具有一定阻尼的世界球体: http://stemkoski.github.io/Thr
在three.js中如何设置摄像机轨道的中心？ (使用OrbitControls) 鸡蛋:我要用 camera.lookAt(new THREE.Vector3( 100,50,200 ) 并让我的相
如何在鼠标交互时停止 OrbitControls 的自动旋转，并在几秒钟后像 P3D.in 一样开始使用他们的 Logo (http://p3d.in/) 最佳答案 对于谷歌搜索的人，如果你想在第一次
我想知道我是否仍然可以在 2020 年使用 OrbitControls？ 这是我得到的警告: 作为向 ES6 模块过渡的一部分，“examples/js”中的文件已于 2020 年 5 月 (r117
我需要旋转环境。而且由于three.js 不支持立方体环境旋转，我将采用最简单的方法并修改scene.rotation.y ，正如三个.js 贡献者所建议的那样。 在相机平移之前，一切正常。在这里亲自
刚刚开始学习 THREE.js，我用基本的东西做了一个简单的场景: http://codepen.io/inspiral/full/Lewgj 一切工作正常，除了最近插入的鼠标事件处理对渲染产生的奇怪
我尝试将最新的 OrbitControls.js 添加到我的场景和轨道接缝中以正常工作。但是，当我使用鼠标中键或滚轮进行缩放时，轴接缝会关闭并且不再正确旋转。平移(或扫射)在我的场景中似乎也无法正常工
我不明白这是否是一个纯粹的 JavaScript 错误。在下面的类函数中，我添加了一个事件监听器，它返回此错误: Uncaught TypeError: Cannot read property 'c
我试图在我的 three.js 项目中添加 OrbitControls，但是当我尝试调用构造函数时，它给出了一个未捕获的类型错误“THREE.OrbitControls 不是构造函数”。我已经搜索了一
我将 misc_controls_orbit 示例嵌入到包含其他内容的较大网页中的 800x600 框架中。 我的问题是当我滚动我的鼠标滚轮时，即使我的鼠标在框架内或框架外，它也会滚动网页和缩放我的对
我是一名老 COBOL 程序员，为了一个小的个人项目自学了一些 Javascript 和 Three.js，现在我被这个疑问困扰了将近两天。我已经在 StackOverflow 中阅读了所有关于 Or
我使用 OrbitControls.js 允许用户放大/缩小和旋转我网站上显示的 3D 模型。但是，当我单击页面上的任意位置时，模型会消失，并且用于在模型之间切换的两个按钮不再起作用。事先，它允许我放
我已经使用 OrbitControls.js 在 Three.js 中设置了一个场景，以允许旋转和平移。我希望我的照明设置跟随相机，确保场景中的物体始终被照亮。 (现在您可以旋转到物体的“暗面”)。
我将通过图像解释我的问题: 这是顶部相机的 View ，灰色立方体是3D模型，“X”表示“旋转中心”，箭头表示旋转方向: 通常，当我们平移时，“旋转中心”仍然位于相机的中心，因此旋转方向如下所示: 问
我希望它继续围绕物体旋转。但我无法设置 minPolarAngle/maxPolarAngle(当我将其设置为(+-)无限旋转时不起作用)。 OrbitControls 中的最小和最大极 Angula
如何限制 OrbitControl 的水平旋转？ 在代码中，我可以看到可以使用 minPolarAngle 和 maxPolarAngle 来垂直限制它。但是我找不到横向限制它的方法。 -- 编辑:我
我是一名优秀的程序员,十分优秀！