我已经在我的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
可以在ApostropheCMS中将JS从npm模块推送到浏览器吗? 已使用pushAsset成功将文件lib/modules/my-module/public/js/custom.js推送到浏览器。 已随npm i three一起安装了Three.js。 现在,正如here所描述的那样,THREE需要以某种方式到达浏览器进行导入。 我需要在浏览器端这样做: var THREE = require('three');
我需要在我的three.js服务器上使用node.js来控制玩家的位置和碰撞(我试图制作一个电子游戏)。
为了在nodejs上使用3,我已经安装了"npm安装三“,它的工作。
但当我想给JSONLoader打电话的时候,我做不到。
我是我的同学,我补充:
var THREE =require('three'); //or require('three/three.js');
var JSON=require('three/src/loaders/JSONLoader.js');
或
require('three'); //
我已经从npm安装了三个包,并尝试调用
lut = new THREE.Lut( colorMap, numberOfColors );
我去叫"export 'Lut' (imported as 'THREE') was not found in 'three'。
Lut.js文件可以在\node_modules\three\examples\js\math中找到,但它不包含export语句,需要three.js本身。
我尝试过import 'three/examples/js/math/Lut';和其他约定,但都不起作
我已经通过npm在我的angular2应用程序中安装了@type/trie0.0.27和三@0.82.1,并在服务中导入了它们。
import * as THREE from "three";
但当我尝试使用CSS3DRenderer时,
this.renderer = new THREE.CSS3DRenderer();
我得到了错误
core.umd.js:3004异常: THREE.CSS3DRenderer不是构造函数。css3drenderer似乎不在three.js包中。
我还做了npm安装css3drenderer。现在,我在节点_模块/css3drend
我一直在努力将默认的flycontrol导入到我的React Three.js项目中。
我尝试通过以下方式从位于three.js node_modules位置的相应文件夹中导入FlyControls:
import * as THREE from 'three';
import FlyControls from "three/examples/js/controls/FlyControls"
// in componentDidMount()
this.controls = new FlyControls(this.camera, this.renderer.
我一直试图使用官方的three.js包three on npm来呈现图像,方法是在npm上使用canvas包。到目前为止运气不太好。
我认为这应该是可能的,因为节点-画布()是一个完整的堆栈画布呈现程序,我只是不知道如何修复这个库和three.js之间的桥梁,使它们在服务器端呈现时一起工作。
这里是我失败的方法:
通过遵循一个旧的github帖子,我成功地修改了three.js文件的开头,如下所示:
var Canvas = require('canvas');
var self = self || {}; // File:src/Three.js
var canvasWi
我通过npm使用以下命令安装了three.js : npm install --save three
我目前使用的是VS-Code &有两个文件: index.html和index.js通过从threejs.org复制一个简单的示例,我似乎不能让three.js工作,因为在运行实时服务器后,我只得到一个空白屏幕,而不是旋转的立方体。
下面是这两个文件的代码:
import * as THREE from 'three';
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera
我试图在我的JavaScript文件(不是HTML script元素)中导入Three.js,但我得到了一个错误“未捕获SyntaxError:无法在模块外使用导入语句”。如果我将Three.js代码放在JavaScript元素中,但是我想使用画布元素来显示JavaScript文件中的代码,那么它就可以正常工作。 我已经使用NPM安装了Three.js并将其导入。我还在html中使用了canvas元素,我在JavaScript中查询了该元素。 import * as THREE from 'three';
let scene, camera, renderer, g
我使用的是webpack2,我已经安装了npm包,可以运行mp3文件,但是three.js无法获得该文件
module.exports.music = function(){
var listener = new THREE.AudioListener();
camera.add(listener);
var sound = new THREE.Audio(listener);
var audioLoader = new THREE.AudioLoader();
audioLoader.load('../audio/YouBitch.mp3', function(buffer
我很难获得一个使用three.js来执行任务的框架。我克隆了并使用npm install下载了依赖项。当我运行服务器并加载页面时,就会得到TypeError: THREE.FileLoader is not a constructor。
这似乎是因为没有FileLoader文件,但我不知道如何解决这个问题--我尝试删除node_module/three的内容并用最新的替换它,但这给了我Uncaught Error: Cannot find module "three"。
我不知道为什么运行npm install不给我更新版本的three.js,并给我不能运行的代码。我该怎么解决
我用bower install threejs安装了three.js。
然后,我希望在我的页面中有three.js,所以我的app.js文件以:
define(["jquery", "three"], function() {
"use strict";
然而,当我的页面加载时,Chrome控制台显示:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:9000/scripts/three.js
Unc
问题是:我想要制作一个npm包,它为三个is创建过程对象。但我不知道如何在代码中链接three.js。我试图建立一个依赖关系,并使用类似的方法
const THREE = require('three');
Function Example(){
return new THREE.TextureLoader()load('./textures/texture.png');
}
module.exports.Example = Example;
对于其他构造函数(比如场景和向量),这很好,但是对于TextureLoader(),它会生成一个未定义文档的错误(因
我是个代码新手,目前正在看Three.js初学者的教程(我在使用VisualStudio)。
我已经在powershell上启用了脚本
我在他打字的那一部分,npm run dev在终端机上,而在他方面,它很顺利,但我的那部分一直在说缺少脚本:dev
npm ERR! Missing script: "Dev"
npm ERR!
npm ERR! To see a list of
scripts, run:
npm ERR! npm run
npm ERR! A complete log of this run can be found in:
这是
我试图为我在three.js中的应用程序使用three.js构造函数。我运行npm安装和npm安装三个拖放控件,接收到消息依赖项被添加到包中。当我尝试使用新的Three.DragControls时,我会收到一个错误:"THREE.DragControls不是构造函数“
守则:
var scene = new THREE.Scene();
scene.background = new THREE.Color( 0xf0f0f0 );
var camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.inner
我正在做关于正式文档的教程。
我明白了,我需要写这个:npm install three --save-dev
我做了,我有很多错误
我在npm之前就安装了,所以不是没有npm.的问题。
我看到我对npm audit fix做了什么,但并不像我想的那么容易
PS C:\Users\laaou\Desktop\three> npm install three --save-dev
npm WARN saveError ENOENT: no such file or directory,
open 'C:\Users\laaou\package.json'
我正在将我的项目转换为Laravel,这使用了Three.js库。我跟踪了他们的文档,但是得到了错误Uncaught ReferenceError: require is not defined at stl:71,所以我假设它没有正确加载。
我做了以下..。
在我的Laravel根目录中运行"npm安装三“
Ran "npm run dev“
将以下代码片段放入刀片模板的脚本部分
var三=需要(‘三’);var场景=新的THREE.Scene();var相机=新的THREE.PerspectiveCamera( 75,window.innerWidth / wi
所以我决定用three.js,react和vite做一个项目。后来我意识到我并不想为react而烦恼,所以我的项目中的react代码主要是骨架代码(比如默认的App组件,等等)。我决定就这样不管了,只专注于学习three.js。我的项目使用npm run dev运行得很好,但我想把它部署到Github页面上。所以我尝试使用npm run build来构建它。它会生成一个dist文件夹,其中包含一个index.html和一个assets文件夹。assets文件夹中有三个文件: index.02582158.css index.c83bad18.js vendor.5957e3fb.js 我猜这
昨天我问了这个问题(),我以为我终于开始工作了,但现在却出现了新的问题:
我已经使用npm安装了“三-mtl-加载程序”,但是现在似乎该对象是不可见的,尽管我可以console.log方式来查看该对象的存在。
由于某些原因,它现在会产生以下错误,我猜这就是为什么它不可见的原因:
THREE.MeshPhongMaterial: .shading has been removed. Use the boolean .flatShading instead.
get @ three.js:43339
WebGLPrograms