我已经在我的angular项目中安装了THREE.js。我正在尝试以下面的方式使用OrbitControls,但它给出了一个错误:- var controls = new THREE.OrbitControls(this.camera,this.renderer.domElement); 错误是: Property 'OrbitControls' does not exist on type 'typeof import. 有没有人能建议一下如何在angular项目中使用OrbitControl? 我试图安装下面的npm库,但没有成功: npm i @types/th
我成功地用JSPM导入了一个js 3d渲染库,如下所示:
import THREE from 'three.js/build/three';
我还想为Three.js导入轨道控制插件
import OrbitControls from 'three.js/examples/js/controls/OrbitControls';
但是,这会引发一个错误,因为插件没有引用库。
Uncaught ReferenceError: THREE is not definedOrbitControls.js:24 (anonymous function)syste
我开始在angular.io中使用three.js,并出现以下错误:
(index):18 Error: (SystemJS) THREE is not defined
ReferenceError: THREE is not defined
at Object.eval (http://localhost:3000/node_modules/three/examples/js/controls/OrbitControls.js:16:1)
at eval (http://localhost:3000/node_modules/three/examples/js/control
我浏览了一下three.js,找到了这个例子。https://threejsfundamentals.org/threejs/lessons/threejs-load-gltf.html不幸的是,当我使用Flask在本地运行它时,所有三个导入都会出现这个错误。 import * as THREE from 'https://threejsfundamentals.org/threejs/resources/threejs/r122/build/three.module.js';
import {OrbitControls} from 'https://threejsf
对于我正在做的一个项目,我想做一些像THREE.OrbitControls这样的事情
var controls = new THREE.OrbitControls(camera, renderer.domElement);
但不能让摄像机动起来。
我正在寻找一些three.js插件(如OrbitControls),或一些代码来做这件事。
谢谢!
我试图在Three.js中添加光,但是当我更新显示时,光不会影响我的缓存器--我从Three.js docs 复制粘贴源代码,但是它不起作用。
这是我的密码
import * as THREE from "https://cdn.skypack.dev/three@0.126.1";
import { OrbitControls } from "https://threejsfundamentals.org/threejs/resources/threejs/r122/examples/jsm/controls/OrbitControls.js";
//scen
目前,我正与THREE.js和socket.io混在一起玩一个小游戏--我想用OrbitControls扩展THREE.js (我以前在一个非TS项目中使用过)来控制摄像头。
问题是客户端似乎找不到它(它编译得很好):
Uncaught TypeError: undefined is not a function
在线上:
this.cameraControls = new THREE.OrbitControls(this.camera, this.renderer.domElement);
在我的TS文件中,我使用:
///<reference path="../typing
当我尝试导入OrbitControls.js时,请执行以下操作: 我得到Cannot use import statement outside a module错误 因此,我使用: <script type="module" src="OrbitControls.js"></script> 但这一次我得到了: ReferenceError: OrbitControls is not defined HTML正文: <body>
<div id="page-wrapper">
我正在努力学习Three.js。但是当我试图运行我的代码时,我会遇到一个错误。有人能帮我吗?
这是我得到的错误:
three.js:19528 Uncaught TypeError: material.onBeforeRender is not a function
at renderObject (three.js:19528)
at renderObjects (three.js:19519)
at renderScene (three.js:19471)
at WebGLRenderer.render (three.js:19355)
at tic
总的来说,我对Three.js和javascript很陌生。我目前正试图在浏览器中显示一个模型。它正常工作,除非我用Firebug打开我的控制台时,我有一个错误声明:
TypeError: lastQuaternion.dot is not a function
|| 8 * (1 - lastQuaternion.dot(this.object.quaternion)) > EPS ) { ...OrbitControls.js(line 293)
.dot属性似乎属于src中的Vector3.js。我已经在OrbitControls.js中链接到我的index.html,以便能够在
我今天开始使用THREE.js,并设法渲染了一个带有宇宙飞船和一些盒子的场景。宇宙飞船应该在盒子上投射阴影,但阴影只在我使用OrbitControls时显示。如果我使用自己的相机,一切都可以渲染得很好,但阴影就不行了。如何将PerspectiveCamera设置为显示阴影?
使用OrbitControls:
不使用OrbitControls:
我是一个初学者,不能让我的jsfiddle代码工作,但代码是
var spotLight = new THREE.SpotLight(0xffffff);
spotLight.position.copy(ship.position);
s
我从three.js开始。现在我发现了一个问题,需要帮助。看起来很简单,但我找不到一个好的答案。问题是:即使声明使用OrbitControls.js (CODE1),即使它显示在DOM的三个树中(图1)。当我尝试使用构造函数(代码2)时,我收到错误:“TypeError: THREE.OrbitControls is not a constructor”FIGURE2。
CODE1 :***index.html***
<html>
<head>
<title>My first three.js app</title>
I followed this quick tutorial from YouTube 当我注释掉这一行时,我得到了不带控件的工作示例。 //controls = new THREE.OrbitControls( camera, renderer.domElement ); 但是当我尝试使用OrbitControls时,日志会告诉我以下内容: (index):21 Uncaught ReferenceError: controls is not defined
at (index):21 我的index.html的内容 <html>
<head>
我在localhost中工作,我试图导入“轨道控制()”,但是不知怎么的,它不能工作并且显示错误。
main.js:1 Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:1:1)
这就是我如何在我的main.js中导入轨道控件()
import {OrbitControls} from "./examples/jsm/controls/OrbitControls";
//...there are scene, camera and renderer etc
const
目前,关于ref对象的类型(据我所知),我被一个类型记录错误所困扰。我对打字很陌生,所以我不知道如何解决这个问题!
我已经附上了给我的尖头打字稿,以及它在构建阶段抛出的错误。此外,我还使用react 3-drei和react三纤库来组合three.js对象。
这是引发的错误:
src/components/models/web/Plane.tsx:120:22 - error TS2322: Type 'MutableRefObject<OrbitControlsProps | undefined>' is not assignable to type 'R
我试图把轨道控制添加到我的现场,但没有成功。下面的代码一直给我一个错误Uncaught TypeError: THREE.OrbitControls is not a constructor。我尝试了不同的解决方案,我偶然遇到了网络,但错误仍然存在。我做错了什么?
伪码
增加轨道控制
能够在现场使用轨道控制
提前谢谢你。
<html>
<head>
<title>My first three.js app</title>
<style>
body {
使用“源地图”开发工具构建webpack用于生产时,我有以下错误:
ERROR in bundle.js from UglifyJs
Unexpected token: name (OrbitControls) [./node_modules/orbit-controls-es6/src/index.js:33,0][bundle.js:57444,6]
该构建一直工作良好的开发使用‘廉价模块-评估-源地图’webpack开发工具。
Uglify似乎有问题的模块是用于相机控制的Three.js模块,指向主类声明:
export default class OrbitControls exten
目前,我希望使用Three.js并检测单击对象以获取有关此对象的信息。
所以,我看到了这个例子: --它使用的是一个类,但是我当前的javascript项目位于。
我正在尝试修改一个模块:
<script type="module">
import * as THREE from './build/three.module.js';
import { OrbitControls } from './js/controls/OrbitControls.js';
import {Reus