three-js

首页 > TAG信息列表 > three-js

javascript-根据鼠标指针放大到对象

在这里,我尝试根据鼠标指针的位置放大对象(例如立方体).在这里,我搜索了一个想法,认为它可以在D3 JS中实现,也可以通过捕获鼠标指针3D点并将其传递到鼠标滚轮功能中来实现. 这是小提琴https://jsfiddle.net/fpt9hswo/ var scene, renderer, camera; var cube; var controls; var c

javascript-将场景渲染为Three.js纹理

我正在尝试实现此目标：Three.js为http://learningwebgl.com/blog/?p=1786. 我不知道从哪里开始寻找.仅将场景作为纹理传递会产生类型错误.解决方法:我在这里找到了答案：http://mrdoob.github.com/three.js/examples/webgl_rtt.html Three.js可能没有最好的文档,但是示例几乎涵盖了所

javascript-未渲染场景(three.js)

我已经在three.js中创建了一个简单的场景,但是它不适用于画布渲染器(但是应该可以使用…) 代号：http://jsfiddle.net/PRkcJ/ 仅当我使用webGLrenderer时,它才有效.但为什么？提前致谢,解决方法:您得到的是在白色背景的一架转换型飞机. 定向光的光位置被视为方向矢量,并且必须具有单位

javascript-将球体a旋转到b点

我试图找出如何将球体从点A旋转到点b.我找到了一些Unity3d代码： Quaternion rot = Quaternion.FromToRotation (pointA, pointB); sphere.transform.rotation *= rot; //Multiply rotations to get the resultant rotation 通过http://answers.unity3d.com/questions/21921/rotate

javascript-将整个Object3D / Mesh层次结构合并在一起

我正在开发一个动态生成树的项目.目前仅处于原型阶段,因此树枝和树叶只是简单的立方体.该树由多维数据集的层次结构组成,嵌套有旋转和按比例缩小的分支.我需要能够向树中添加更多的分支/叶子,但是可以将其转换为静态树,仅用于渲染目的. 当树太大时,我遇到了一个问题,渲染许多立方体

javascript-THREE.js-如何淡化背景？

我正在尝试重新创建淡化绘制缓冲区并留下绘制对象的痕迹的效果,而不是在每一帧都清除它.这是一个非常简单的效果,在2D模式下将像这样进行：http://jsfiddle.net/faRW3/1/ // draw stuff c.fillStyle = "red"; c.fillRect(Math.sin( time )*50+70, Math.cos( time )*50+70, 20, 20);

javascript-三个JS：轨道控件和camera.up.set

当我将相机设置为时,我正在尝试使轨道控制正常工作： camera.up.set(0,0,1) 最终导致轨道运行不正确,并且一些未解决的问题引起了这个问题：Three.js: way to change the up axis? 谁能提供有关如何更改轨道旋转轴的信息？解决方法:这是recently fixed.如果您从https://github.com/mrdo

如何集成Golang后端和Javascript(three.js)前端？

我想使用我最喜欢的编程语言Golang编写3D应用程序.但是,我宁愿不要直接使用本机OpenGL作为图形前端,因为这将导致更大的学习曲线,而这是我所不能容忍的.另外,我真的不想使用go：ngine这样的Golang游戏引擎. 在进行了一些研究之后,我发现了令人惊叹的WebGL Javascript库three.js,我对

javascript-Three.js可以将雾应用于区域而不是与照相机的距离吗？

想象一下一个场景,其中您有一个非常大的THREE.PlaneGeometry模拟地板,并且有一个摄像机随机添加到场景中. 如果手动调整雾的近距离和远距离值,则可以以某种方式隐藏平面的外部,从而产生无限的印象. 到现在为止还挺好. 问题是,如果我让我的相机在场景中飞行到平面内的随机位置怎么办

javascript-如何转换THREE.PointCloud对象中的顶点？

我在尝试着： >绘制一个约有三个THREE.PointCloud对象.从Web应用程序发送点的15万个点. >缩放THREE.PointCloud对象中的点以实现类似于以下结果(使用MayaVi渲染)：问题是： >传递给THREE.PointCloud对象的数据似乎不正确>在three.js中渲染时,由于未知原因,点被排列成八个立方体(我不对点

javascript-Threejs克隆方法

我正在尝试克隆一些Vector3,但是克隆方法制作的副本是由x,y和z值中的所有零组成的.一个例子：该语句的输出 console.log(this.geometries[j].vertices[i].multiplyScalar(1)); 是 LabeledVertex {x: -0.5, y: 0.5, z: 2.6745e-12, label: "U", constructor: function…} (Labe

无需某些WebGL扩展,Three.js能否准确呈现？

javascript-如何从Three.js中的上载obj文件获取顶点

我正在上传一系列.obj和.mtl文件,用于由WebGL和Three.js开发的体积渲染工具.在代码的一部分中,我使用OBJMTLLoader上载文件： scapula = new THREE.OBJMTLLoader(); scapula.load( 'obj/scapulaTWO.obj', 'obj/scapulaTWO.mtl', function ( object ) { objec

Javascript-Three.js：具有缩放阻尼的OrbitControl？

在three.js的r.72dev分支中添加了阻尼功能. 它非常适合平滑旋转. 是否也可以启用缩放阻尼(惯性)？ controls = new THREE.OrbitControls( camera, renderer.domElement ); controls.enableDamping = true; controls.dampingFactor = 0.25; 解决方法:我在three.js r73 OrbitControls

javascript-使用标准MeshPhongMaterial的阴影中的伪像

我有一个关于阴影的问题. 这是我面临的问题的图像：我不明白为什么那里有这些线,应该完全点亮了！我不明白为什么实际阴影看起来真的很平滑,并且边框足以满足我要尝试的操作,但是我到处都有这些线条. 我的灯光配置： var dirLight = new THREE.DirectionalLight(0xfeffaf, 1); dirLig

javascript-如何在three.js或WebGL中模拟“溢出：隐藏”？

我目前正在为我的游戏开发WebGL GUI,我真的想深入研究GPU图形,因为它比WebKit CSS渲染平滑得多. 当超出父网格的边界时,是否可以使内部网格遵循溢出规则隐藏的滚动视图？也许着色器可以工作,有什么建议吗？谢谢！解决方法:您可以使用“模板测试”来实现.模具测试允许您针对表示为“模具

javascript-使用three.js的基本2D彩色三角形

我在使用Three.js创建简单的2D场景时遇到问题.我想在彩色三角形上创建2D视图.我无法将三角形设为彩色(例如红色).我相信我将需要以下内容： >三.正交相机 >简单三角形->即以红色显示的THREE.Geometry() 我不想有任何阴影,只是正交场景中的一个简单的红色2D三角形,欢迎提出任何建议.解

javascript-如何使用WebGL在运行时更新多维数据集的材质？

我正在使用three.js制作动画.我想动态更新立方体网格的材质.这是示例： // create cube geometry var material1 = [new THREE.MeshBasicMaterial({color:0xBEE2FF}),.....]; var geometry = new THREE.CubeGeometry(50, 50, 50,0,0,0,material1 ); var cube = new THREE.Mesh(geom

javascript-Three.js多维数据集在每个面上都有不同的纹理.如何隐藏边缘/顶点

我试图在Three.js中创建一个多维数据集,并在多维数据集的每个面上使用不同的图像作为纹理. 如何隐藏网格的边缘/顶点？码： var container, camera, scene, renderer, cube; init(); animate(); function init(){ container = document.getElementById('container'); scene

javascript-Three.js飞机的3D旋转

我正在尝试制作一个简单的飞机飞行游戏.我希望用户使用箭头键围绕360度区域旋转飞机,该区域的上下方向是相对于飞机水平位置的相对Y轴.左右箭头应仅使平面绕其z轴旋转并允许其具有新的Y轴位置.我的问题是-如何在相对于新水平位置的Y轴上旋转飞机？我有一个名为“飞机”的小组,并且完

javascript-在Threejs平面上渲染TMX地图

Question updated with new code 我正在尝试编写将绘制TMX Layer(从Tiled编辑器导出)的WebGL着色器.我正在使用THREE.js创建一个Plane网格,并将材质设置为ShaderMaterial,它将在其上绘制地图. 对于那些不知道Tiled editor作为json导出的tilemap的人,将为每个图层提供一个data属

javascript-在THREE.js中构造球体

是否可以对球体进行部分纹理处理？例如,我们可以在立方体的6个侧面上使用6个纹理,从而使我们可以面对面地对立方体进行纹理化.有可能在球体上做同样的事情吗？我不想将一种纹理重叠在另一种纹理上,而是在球体的不同部分使用不同的纹理.例如,具有纹理1的球体的第1/4分之二,具有纹理2的球

javascript-在运行时更新使用Three.js创建的3D圆柱体的高度/半径

就像我们在此小提琴中在运行时更改3D立方体的高度/宽度/深度一样： http://jsfiddle.net/EtSf3/4/ 我们如何在使用Three.js创建的Cylinder运行时更改半径和长度这是我的代码： HTML： <script src="http://www.html5canvastutorials.com/libraries/three.min.js"></script> <div id="co

javascript-三个js-将对象移向相机

输入适当的输入后,我有一个对象想直接移向相机. 我看了一下Object3d.translateOnAxis(axis,distance),但似乎无法将轴(对象的局部轴)设置为始终面向相机.这可能是因为对象也在旋转. 由于场景中有多个对象,因此需要将这些对象移向相机.解决方法:我想出了如何使它工作.假设我想让物体

javascript-显示看不见的父母的孩子

在我的场景中,我有一个对象图,在其中将子对象添加到父母.但是,当我设置parent.visible = false时,three.js的行为正确,并且在层次结构中不显示任何元素. 但是对于我的项目,我想要一种不同的行为.我希望子对象在可见性为true时显示,即使父对象被隐藏. 实现这一目标的最佳方法是什么？