THREE.js和我在这里遇到了一个简单而棘手的问题,我需要帮助。
我注意到,当我链接一个传递URL的three.js 3D对象时,一切看起来都很好。但当我经过一条相对路径时,只会出现黑色的窗口。工作守则如下:
var jsLoader = new THREE.JSONLoader();
jsLoader.load('http://codepen.io/nickpettit/pen/nqyaK.js', function(geometry) {
var material = new THREE.MeshPhongMater
现在我的任务是从MySQL数据库加载一个3d模型并在Three.js中使用它。
这是我所做的,
我创建了一个这样的数据库
models{model_id int(4), model mediumblob};
我可以成功地将JSON格式的3d模型加载到数据库和从数据库加载。
我知道如何从数据库中检索数据。
但我的问题是-‘我如何使从DB加载的JSON文件供Three.js使用?’
我按照惯例加载Json文件,如下所示
// instantiate a loader
var loader = new THREE.JSONLoader();
// load a resource
l
我一直在努力将默认的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的初学者,不知道是什么导致了这两个错误。错误: 1.找不到变量:三行21:31 frame.html 2. import‘./polyadds.js’;第1行three.js
import './polyfills.js'; error:import './polyfills.js'; line 1 three.js
----- //a bunch of other imports
<!DOCTYPE html>
//other
var scene = new THREE.Scene();
我正在启动一个使用three.js库的项目,我还将使用视差库。3D效果只会是装饰性的,但是视差会触发它。
我修改了这个示例,并为我工作得很好::代码:
...but我需要将每个部分的标题(当用户通过滚动进入它时)发送到3D脚本代码,它在一个模块中关闭。
...How到了吗?我是three.js和模块的新手,我想保持视差的原样(外部模块,因为它是一个著名的库和已开发的项目的一部分)。
也许正确的方法是转换样本代码,没有模块.但我迷失了方向..。例如,模块中JS的起始部分是:
import * as THREE from 'three';
import { OrbitContro
在Three.js中,我希望相机指向3D空间中的某个点。
为此,我尝试使用camera.lookAt函数,如下所示:
camera.lookAt(new THREE.Vector3(-100,-100,0));
然而,我发现这个调用没有任何效果。它什么也做不了。我试着改变矢量中的数字,当它应该改变时,我总是在屏幕上得到相同的外观。
我现在才发现,如果我删除代码中的THREE.TrackballControls,camera.lookAt()就会正常工作。我使用THREE.TrackballControls的方式有问题吗?这是我初始化它们的方式:
controls = new THREE
three.js画布是一个500 x 500正方形的更大的网页与其他内容,我需要鼠标控制相机(缩放和旋转周围的对象)只有当鼠标在500 x 500正方形发生。
此外,我无法滚动网页,但当我们将鼠标事件侦听器隔离到500x500画布时,这个问题可能会得到解决。
当前代码:
<!DOCTYPE html>
<html>
<head>
<style>
div {
position:relative;
left:100px;
t
我想要创建一个three.js模型的lightbox/弹出。我的HTML正在出现,但是我看不到画布中的three.js模型,我不明白为什么。谢谢
我的three.js函数:
function cube() {
var myCanvas = document.getElementById("myCanvas");
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(40, window.innerWidth / window.innerHeight, 0.1, 1000);
v
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>