草庐IT

myseries_three

全部标签

javascript - 我可以在 three.js 中隐藏网格的面吗?

我想让网格的一部分在运行时不可见。我可以将这些部分设置为不可见/透明吗?通过改变单个面孔的属性?网格本身仅使用一种Material。示例说明作为编辑理解这个问题:想象一个网格(这里有20个顶点的几何形状),其中四个顶点的每个四边形构建一个Face4。现在,网格的某些部分应该是不可见的(这里有两个面是不可见的)。 最佳答案 注意:此答案适用于three.js的旧版本您可以为每个面指定不同的Material。这是一个示例,其中面共享Material,但有些面是透明的://geometryvargeometry=newTHREE.BoxG

javascript - Three.js - 使用 scale.set() 缩放模型或增加模型大小?

在Three.js(或其他3d渲染器)中缩放3d模型的最佳做法是什么?这是我刚刚遇到的一个例子:我加载了一个模型,发现模型的尺寸太小了。然后我使用mesh.scale.set(2,2,2);缩放网格,它是完美的尺寸。在这种情况下我应该采取什么行动,是让它保持原样缩放(以编程方式缩放)还是返回我的3d建模软件并将模型的大小加倍?谢谢 最佳答案 这不是最佳实践的问题,而是优化的问题。如果你的网格总是被缩放,那么最好在你的建模软件中进行缩放。那个简单的语句mesh.scale.set(2,2,2);是一个矩阵乘法,需要在渲染的每一帧上发生

javascript - 使用 Three.js 围绕对象旋转相机

我正在使用WebGlRenderer显示带有Three.js的OBJ元素,现在我想允许用户以任何方向围绕对象旋转相机,我找到了这个答案:RotatecamerainThree.jswithmouse但是两个例子都返回错误,第一个说投影仪没有定义,我不知道“投影仪”是什么意思。我只有一个简单的相机、物体和一些光。第二个代码表示undefined不是一个函数。有人知道如何获得我需要的结果吗? 最佳答案 这就是您想要的:http://threejs.org/examples/misc_controls_orbit.html包括轨道控件(在

javascript - three.js动态画线

这就是我想要实现的(一个可修改的多边形,其中红色圆圈是顶点)并且我想动态构建多边形。初始化几何时vargeometry=newTHREE.Geometry();geometry.vertices.push(point);geometry.vertices.push(point);varline=newTHREE.Line(geometry,newTHREE.LineBasicMaterial({}));它在第二次单击之前一直运行良好,它在1和2之间建立一条直线,但在将其推送到数组时不会添加第三条线。WebGL似乎需要缓冲点。当我像这样预定义顶点时,我可以绘制两条线(第三次单击)varg

javascript - Three.js 中的动态骨骼动画

是否可以通过使用three.js对3D模型的骨骼应用转换来创建动态动画?我尝试移动和旋转SkinnedMesh的骨骼,但网格未更新。loader=newTHREE.JSONLoader();loader.load('/JS-Projects/Virtual-Jonah/Modelos/initialPose.js',functionjsonReady(geometry){mesh=newTHREE.SkinnedMesh(geometry,newTHREE.MeshNormalMaterial({skinning:true}));mesh.scale.set(10,10,10);mes

javascript - 如何在 three.js 中制作加载屏幕?

我有大量的纹理和模型要加载到我的项目中。我正在尝试在加载所有内容时显示进度条。我认为LoadingManager可以满足我的需求,因为它会跟踪所有已加载Assets的进度。我正在使用JSONLoader和TextureLoader。如果有人能告诉我如何在示例代码中实现这一点,那就太棒了。varcamera,scene,renderer;init();animate();functioninit(){camera=newTHREE.PerspectiveCamera(70,window.innerWidth/window.innerHeight,1,1000);camera.positi

javascript - 如何在轴世界 three.js 上旋转对象?

是否可以以世界轴而不是以物体为轴进行旋转?我需要对一个对象做一些旋转,但是在第一次旋转之后,我不能像我想的那样做其他旋转。如果无法在世界轴上进行旋转,我的第二个选择是在第一次旋转后重置轴。有这方面的功能吗?我不能使用object.eulerOrder,因为当我在一些旋转后设置object.eulerOrder="YZX"时,它会改变我的对象的方向。 最佳答案 更新:三个-0.125.2演示:codesandbox.ioconstTHREE=require("three");constscene=newTHREE.Scene();co

javascript - Three.js - 什么是 PlaneBufferGeometry

PlaneBufferGeometry到底是什么,它与PlaneGeometry有何不同?(r69) 最佳答案 PlaneBufferGeometry是PlaneGeometry的低内存替代方案.对象本身在很多方面都有所不同。例如,位于PlaneBufferGeometry中的顶点位于PlaneBufferGeometry.attributes.position而不是PlaneGeometry.vertices您可以在浏览器控制台中快速查看以找出更多差异,但据我所知,由于顶点通常以统一的距离间隔(X和Y)之间,只需要给出高度(Z)来

javascript - Three.js - 视野宽度

有没有办法找出场景渲染部分的宽度?例如,如果我们有一个宽度为100的网格,但渲染时使用了一定级别的缩放...我如何计算在屏幕上渲染的网格部分的宽度? 最佳答案 这里你必须精确。您可以根据相机的视野camera.fov和距离相机的给定距离dist来计算可见矩形区域。由于对象可能有深度,您必须通过网格选取一个平面,并在该距离处进行计算。下面是如何计算距离相机的给定距离dist的可见高度和宽度。varvFOV=THREE.MathUtils.degToRad(camera.fov);//convertverticalfovtoradian

php - Zend 框架 : Require one out of three values

对于我的学校项目,我正在开发一个数据库管理应用程序。这是我的第一个真正的ZendFramework应用程序。现在,现在,我已经根据需要设置了3个值,邮政编码、电子邮件和电话。他们需要像这样(示例):$mail=$this->createElement('text','mail');$mail->setLabel('E-mail:')->setAttrib('size',50)->addValidator('StringLength',false,array(6,40))->addValidator('EmailAddress',true)->setRequired(true);$tel