three.js单击事件时,我尝试操纵FBX模型并尝试获取位置、比例、旋转x、y、z坐标

three.js
单击事件时,我尝试操纵FBX模型,并尝试获取位置、比例、旋转x、y、z坐标。
= new THREE.Vector3(mouse.x, mouse.y,>nYou should update your question with more details about what you\"re actually trying to achieve and where you stuck. People invest their free time to help. For me its not really clear, but the transforms can be decomposed from the matrix like = new THREE.Vector3()obj.matrix.decompose(position, quaternion, scale)
您应该首先用更多细节更新您的问题。
其次,如果标题是问题,那么在获得交点后,您可以使用object>
您好@mjurczyk,@Fluqz很抱歉没有给出描述性问题,我的意思是要求我上传FBX模型并将转换控制附加到它。然后加上一个列表,我试着将对象相交。在那个代码中,当我在网格中移动我的fbx模型时,我需要他的x,y,z坐标,但当fbx移动时不会得到。我正在使用鼠标点击位置“s”获取2020-12-11 14-48-061920×1080 342 KB的屏幕截图来自2020-12-11 14-56-091920×1080 416 KB的屏幕截图
在你的代码中,对我来说最奇怪的事情是,你已经有了一个光线投射器(raycaster),用.setFromCamera()方法设置它。然后创建一个新的光线投射器(ray),用相机位置和计算的方向设置它。然后将最后一个用于交叉点。nHello@prisoner849,尝试删除第258行,但仍然没有任何更改,光线在代码中是否有任何区别?
要正确理解您的意思,您希望使用TransformControl移动模型,并且在移动过程中,您需要获取模型的更新位置吗?
是@Fluqz,我需要他的坐标,这样我就可以在屏幕上显示。位置、比例、旋转坐标
您可以看到屏幕截图,我需要在右侧框中显示x、y、z。n2020-12-11 15-16-121920×1080 229 KB的屏幕截图。TransformControls 2允许您在场景中拖动对象,并且可以监听多个事件。
如果执行任何类型的更改(对象或属性更改),将触发事件。属性更改是可以向其中添加事件侦听器的单独事件。事件类型为“propertyname changed”。
鼠标向下
如果指针(鼠标/触摸)变为活动状态,则触发。鼠标右键
如果指针(鼠标/触摸)不再活动,则触发。对象更改
如果受控三维对象发生更改,则触发。
我自己在这里有点问题。我试着用threejs示例3 r123测试它,但是上面列出的事件没有按预期工作?该示例使用了dragging-changed事件,文档中甚至没有列出它?
这很有效
let>nI have one doubt how can I access fbx after transform control because model will load once then on addeventListener I am moving modal and getting x,y,z. I tried as you suggested but not getting success, can you help me .Screenshot from 2020-12-11 16-02-321920×1080 431 KB Screenshot from 2020-12-11 16-00-271920×1080 469 KBnI thought there is a way to get the attached object from TransformControls Events. But the event.target does not update. Im not sure whats happening here… Maybe someone else knows more about>nThe other way would be to define a global variable outside your function and set it to the loaded fbxnlet = fbx // store a reference globally to use it later})}
好的,谢谢@Fluqz,我尝试了哪个全局变量,但仍然没有成功。我想稍后@mjurczyk和@prisoner849会对我有进一步的帮助。非常感谢@Fluqz。
我仍在为同样的问题苦苦挣扎,如果有人能帮助我,我会很高兴。n@Anuj_Bagerwal你能重复一下这个问题吗?这个帖子中突然出现了大量的截图、文字和混乱。尽可能简短和具体,这样更容易提供帮助。
是的,当然,n**任务:-**我可以上传fbx和obj模态,我可以通过鼠标单击进行操作,我必须显示模态当前时间位置、比例和旋转。n**完成:-**由此我将模态添加到场景,并将变换控制附加到模态。当我点击鼠标并尝试移动鼠标时,我需要帮助。我需要在屏幕上显示模式当前位置、比例、旋转,您能帮我解决这个问题吗。
但是否有特定的问题/或问题阻碍了您?或者只是“请帮我完成这件事”?
我被阻止,无法获取模态位置。我尝试使用intersectObjects和vector3获取模型在网格中的位置,但它不起作用。
如果(相交长度>;0){
常数>
如果只查找根网格的位置,与整个场景相交(启用递归)将不起作用-您可能会收到一个带有子网格的相交。
加载模型后,将引用存储在某个数组中,然后仅对该数组进行测试:nraycaster.intersectObjects(rootModels, false);
您好,如果我错了,请纠正我,您的意思是:-
让>fbxLoader.load(网址:,>fbx.updateMatrix();
推(fbx);//这是我在阵列中添加的模型,我是否还需要添加地板/网格,就像这个阵列中的网格一样?nscene.add(fbx);
转换。附加(fbx);n};n//鼠标上的更改事件侦听器
let>console.log(“intersects”,intersects);//如果(相交长度>;0){
常数>console.log(“sampleVariable”,sampleVariable);n}n On Click Event I try to manipulate FBX model and trying to fetch position,scale,rotation x,y,z co-ordinatesn

three.js[已解决]正交摄影机的变换控件:gizmos缩放问题

您好,我正在使用带轨道控制的正交摄影机。我注意到当缩放照相机变焦不改变相机的位置(如透视相机)。首先,我想知道为什么这两个相机的实现方式不同?第二,我也在使用TransformControls,对于透视摄影机,更新功能上的小控件的重新缩放在这个等式中非常有效>但是使用OrbitControls更改缩放而不是正交摄影机的位置时,它没有正常工作。我试着像这样在等式中添加缩放,但没有得到任何好的结果>我应该以不同的方式包括它吗?我应该使用其他控件吗?谢谢大家的帮助!NaDaMa:首先,我很想了解为什么这两个摄像头...

日期:2021-12-11 08:00:01 浏览:1726

three.js多次渲染同一模型(obj模型),FPS要低得多

我试图在程序中渲染150个相同的树模型,但FPS突然从60下降到30+。你能告诉我什么是最好的解决办法吗?非常感谢。和平与爱。skr有两种典型的方法可以解决这个性能问题(太多的绘制调用):- 使用实例化渲染- 将所有几何体合并为一个几何体(因此只有一个网格)...

日期:2021-12-11 08:00:02 浏览:1741

three.js可缩放场景背景

three.js大家好,我有一个场景,由一个物体(反射雕像)组成,保持在一个漂亮背景的中心。我一直在使用威尼斯日落矩形hdr地图作为我的场景背景它既可以作为环境地图,也可以作为背景我看到背景不会与场景中渲染的网格一起缩放。这给人一种场景完全是假的感觉。i、 e状态向上/向下缩放,但背景不缩放。目前,我已经禁用了放大/缩小功能,这样用户就不会感到害怕。我的问题是:1. 当轨道控制放大/缩小时,我是否需要在此处使用一些着色器魔法来放大或缩小场景背景,以便看起来场景中的所有对象都在均匀缩放?或者这根本不可能做到?...

日期:2021-12-11 09:00:02 浏览:1264

three.js移动导入的Gltf模型

three.js我导入了我的gltf模型并将其添加到场景中,但现在如果我尝试移动它,它将不会=新建三、几何();var=混音器( 模型动画[0]>如何移动模式?Prakar_Srivastava:var>3D对象不能是Geometry或BufferGeometry类型。它应该是Object3D或类似Mesh、Points或Line的派生类的实例。在您的情况下,我只是这样声明变量:var mode;在动画循环中,执行以下操作:如果(mod!==未定义)>还请记住,基本3D场景的重要部分在代码片段中丢失(例如相...

日期:2021-12-11 10:00:01 浏览:1097

three.js平面明暗处理的问题

three.js嗨!我在项目中使用节点材质。我在模型渲染方面有问题。它看起来像是真实的平面阴影。如何平滑多边形?也有点像低分辨率阴影纹理贴图的自阴影。可能不是,但可能是。@Arkadiy\\u Vinkovskiy您需要在您的帖子中添加更多细节。屏幕截图不足以说明这里发生了什么。始终包括引起问题的代码,如果您使用的是模型,也要包括这些代码。更好的是,使用codepe制作一个工作示例...

日期:2021-12-11 10:00:02 浏览:991

three.js如何渲染立方体材质?

您好,直到昨天,我才相信Object3D是一组网格,而网格是一组几何体+材质,每个对象只有一个对象。我发现了立方体材质的结构,因此object3D的网格包含1个几何体(boxGeometry)和6个材质!所以问题是,这种网格的渲染效果如何?有关于它的文件吗?(这是为了提高我对three.js)非常感谢还有其他问题,与我的上一个帖子相关,如果一个网格中可能有多个材质,如何设置CustomDistanceMaterial以考虑所有材质的所有贴图?elysium11:所以问题是,渲染如何在这种类型的网格上工作?您...

日期:2021-12-11 11:00:03 浏览:851

three.js如何创建要在网格中拟合的线段

three.js伙计们,我想帮忙,假设我有一个这样的网格图像718×729 1.25 KB我想在网格面内创建线段,也就是说,我想将网格转换成这样的线图像710×828 740字节有人能帮忙吗???...

日期:2021-12-11 12:00:01 浏览:899

three.jsGLTFLoader.js这是我的登记簿错误

three.js每当我试着做决定的时候3.GLTFLoader对象我收到此错误代码:“未捕获类型错误:这是我的登记簿不是一个函数“我需要帮助!由Penta#u Trax在post#5中解决我最终发现我一直在使用错误的文件,当你需要使用jsm/example时,我使用的是js/example。其他东西也是个问题。但这是问题的基础。你能给我们看看你的代码吗?通常,如果你使用的是import语句,GLTFLoader不需要在前面加三个字符。好的,所以在这之前,我刚刚关注了这个视频,因为它是去年发布的。但是现在我试...

日期:2021-12-11 12:00:02 浏览:1060

three.js使用threejs的光流

嘿,我需要通过我的屏幕显示一束移动的光束。我不想使用任何模型或动画。我想知道我是否可以单独使用threejs来实现这一点。我也应该能够控制其运动的颜色强度和路径。嗨!也许这会有帮助:GitHub-jeromeetienne/三倍体积聚光灯: three.js扩展以提供体积聚光灯13,用于可视化光锥。您可以使用THREE.Curve()设置其路径。控制颜色强度,可能取决于曲线上的位置,也可以使用tween.js或者GSAP用于复杂的动画。创造力取决于您这是您想要的吗?https://threejs.org/e...

日期:2021-12-11 13:00:01 浏览:1298

three.js使用光线投射动态绘制多边形

我要画多边形three.js具有交点。为此,我使用下面的函数。首先,我使用光线投射器在第一个交点的第一个点添加球体。每次单击后,在交点处创建新球体,并在该交点和上一点之间创建线。现在,我希望在第一次单击时关闭多边形指向或单击该点周围。如何实现此目标。raycaster params是否与网格一起工作以检测鼠标位置周围的网格?function checkIntersectionclick() = raycaster.intersectObjects(addedObject, true);if (interse...

日期:2021-12-11 13:00:02 浏览:858