使用ThreeJS在3D模型上添加2D图像点击点

文章/答案/技术大牛

发布

1回答

javascript、three.js、3d、babylonjs

如何执行以下操作: 1.在3D模型的不同位置放置2D图像图标(如加号) 2.在这些图标上附加点击事件当用户点击这些图标时，我想要显示一个带有文本/图像内容的弹出窗口。我怎么才能做到这一点。

浏览 186提问于2020-04-06得票数 0

1回答

从Threejs模型到用于纹理的Fabricjs画布的Raycast鼠标点击

javascript、three.js、fabricjs、raycasting

我正在创建一个3D产品配置器。问题<em

浏览 6提问于2018-10-16得票数 1

1回答

画布ScreenShot不工作

javascript、canvas、webgl、screenshot

不久前，我能够使用函数从我的webGL 3D模型中获取屏幕快照，但是突然这个停止了的工作，现在我无法从任何 3D模型获得一张图像。关于更多的见解，请看下面的内容：只有2D示例才返回正确的图像</e

浏览 0提问于2014-07-14得票数 2

回答已采纳

1回答

ThreeJS -如何将3d对象转换为2d表示

3d、three.js、projection

我在ThreeJS中有一个3d模型。将3d对象投影到2d需要哪些技术？例如，我想将3d模型投影到地面上。这是我正在寻找的图片：这算不算投影呢？如何做到这一点？

浏览 0提问于2015-10-29得票数 0

4回答

将iOS - 2d图像转换为3d

objective-c、ios、animation、3d、2d

根据他们的产品描述- 我的问题如下：任何指针

浏览 81提问于2012-01-21得票数 18

1回答

如何用realityKit在抽头方向旋转三维usdz模型？

swift、augmented-reality、realitykit

我可以利用点击的2d点从光线投射中得到世界的转变，现在假设3d usdz模型面对完全相反的方向，并且使用图像跟踪将其放置在图像上，我必须动态地旋转该模型，使它的脸指向用户所点击的方向。

浏览 2提问于2022-06-13得票数 1

2回答

使用pcl或opencv匹配2d场景中的3d模型

c++、3d、2d、opencv3.0

我有一个用3d扫描仪获得的3d模型，我想在2d场景中匹配它(包含模型的简单2d视频)。我知道pcl只处理具有2d图像的点云和opencv，是否可以使用它们中的任何一个从3d模型中提取关键点，然后使用它们在2d图像中找到模型？

浏览 4提问于2017-06-16得票数 1

回答已采纳

1回答

将三维点转换为二维点

unity3d、3d、2d

我所做的是在屏幕上显示与场景中的模型相同的2D纹理贴图。将模型完美地显示在屏幕上。如图所示，红点是边界的中心。蓝点是2D纹理图像的中心。由于3D具有深度，因此3D模型的中心点被应用于2D图像。2D图像会偏离某个位置，无法连接在一起。编辑最终我在这个link中找到了答案。

浏览 9提问于2019-02-20得票数 0

回答已采纳

1回答

在webGL中将纹理元素添加到已设置纹理的对象的最佳方法

webgl、textures、multitexturing

我已经设法创建了一个布局编辑器，您可以使用它通过拖放来排列建筑物的4面墙，然后在3D中查看结果。布局编辑器是一个简单的2D画布，3D内容是用WebGL完成的。我从先前创建的2D布局和默认高度创建3D网格。现在，我想更进一步，提供一个添加窗和门的函数。因此，我还想使用2D画布，您可以通过拖放在上面添加和移动它们(每面墙)。然后，我想再次在3D模型

浏览 19提问于2021-01-05得票数 0

1回答

从球体对象的中心开始绘制直线和文本[ThreeJS]

javascript、three.js

我正在使用ThreeJS研究一个太阳系模型。当我点击一个行星名称时，相机聚焦在那个行星上；我想从行星的中心开始画一条(2D)线，连接行星本身和一些文本(显示一些信息，如质量、速度等)。我如何才能做到这一点？ ?

浏览 16提问于2021-02-02得票数 2

1回答

如何在React项目中设置ThreeJS可滚动平面？

reactjs、graphics、three.js、2d、react-three-fiber

我想使用ThreeJS创建一个具有左、右、上、下边缘的2D平面。摄像机应该不能滚动超过这些边界。为什么在只有2D平面的场景中使用ThreeJS？因为我想使用着色器来绘制平面，并可能最终添加3D内容。相机在飞机上移动吗？飞机在摄像机周围移动吗？我如何强制“有界的边缘”，相机不能滚动过去？最后，我是否需要使用React-Three-Fiber，因为

浏览 15提问于2021-11-23得票数 0

1回答

如何做相应的二维-三维点

opengl、opencv、3d、augmented-reality、2d-3d-conversion

我正在与OpenCv API合作一个使用一个摄像头的增强现实项目。我想要遵循的2D点(我有4点)：这些点不是3D点的投影。使用这些参数，我有cvFindExtrinsicParam函数的外部参数(旋转和平移)，用于呈现模型和设置modelView矩阵。我的问题是，3D模型没有显示<e

浏览 3提问于2013-04-30得票数 0

1回答

着色器中的图像处理和导出结果

javascript、opengl-es、three.js、webgl、fragment-shader

有没有一种好的/推荐的方法在片段着色器中进行图像处理，然后将结果导出到外部Javascript结构？我目前正在使用带有THREEJS (WebGL 1.0)的着色器纹理来显示我的数据。它包含一个均匀的2D纹理数组。我用它来模拟3D纹理。此时，我的所有数据都存储在Fragment Shader中，我想对整个数据(不仅仅是屏幕上的像素)运行一些图像处理，例如阈值处理，然后将分割结果导出到适当的JS对象。渲染到纹理在这种情况下(

浏览 2提问于2016-07-29得票数 1

1回答

伪造查看器协调单元并将其映射到ThreeJS场景

autodesk-forge、autodesk-viewer

我试图在使用ThreeJS CSS3dRenderer ()的Forge模式下以3D方式显示HTML内容。功能示例：为DOM 创建一个ThreeJS场景#1，另一个场景#2用于3D内容，将具有HTML内容的CSS3DObjects添加到场景#1中，为场景#2添加一个匹配的 3D元素，并启用混合功能。将其他3D对象添加<

浏览 9提问于2020-02-13得票数 0

1回答

是否可以在原生iPad应用程序中使用QTVR文件？

android、ios、cocoa-touch、ios4

我有一个客户谁想要有一个360的零售商店的照片视图，并允许用户点击特定的对象来了解更多关于他们(有弹出窗口)。我不想使用浏览器，而是希望在iPad应用程序和安卓应用程序中实现所有这些功能。我所读到的一切都与在iPad Safari浏览器上显示有关，所以我有点卡住了。如果有人知道一个好的解决方案，如果你能让我知道，将不胜感激。我的客户问我，他们需要什么样的文件类型才能为我提供照片视图。我是否需要使用诸如OpenGL或Cocos2d之类的工具来使这一切都正常工作？

浏览 0提问于2011-08-16得票数 0

1回答

如何在Threejs中使用下拉选择改变三维模型(如gITF、glb、fbx等)的墙壁纹理

javascript、html、reactjs、three.js

我有一个Threejs应用程序，在其中我呈现各种3d模型，如gItf，fbx，glb等。我需要帮助在一个点击事件上改变特定网格的纹理，并应用用户从下拉列表中选择的纹理。我需要帮助才能做到。

浏览 3提问于2022-10-13得票数 0

回答已采纳

3回答

从二维投影映射回三维点云

opengl、3d、projection、raytracing、hittest

我有一个由点顶点(XYZ)和最终的三角面组成的3D模型。使用OpenGL或相机-视图-矩阵-投影，我可以将3D模型投影到2D平面，即视图窗口或m*n分辨率的图像。问题是如何确定2D投影平面中的像素与原始3D模型中其对应的顶点(或面)之间的对应关系。对于2D投影中的给定像素，3D模型中最接近的顶点是什么？这听起来像是在</em

浏览 1提问于2011-04-05得票数 5

1回答

将DXF文件转换为JSON Geometry 4

javascript、ruby-on-rails、three.js、dxf

我在试着用。我需要上传我的3D DXF文件，并使用Threejs在我的页面上显示它。但我不知道如何转换它。仅适用于2D图像。你能帮我找到解决方案，如何将我的.dxf文件转换为three.js使用的JSON geometry4或任何其他解决方案。我的项目是Ruby on Rails。

浏览 39提问于2017-01-18得票数 0

1回答

无法将3d ply文件图像转换为2d图像

python、image-processing、neural-network、conv-neural-network、depth-buffer

我真的被困在这一点上，并希望将我的3d人脸图像转换为2d图像，以便为我的FCN添加深度标签。我已经通过这个链接生成了我的3dmm模型人脸图像。

浏览 49提问于2020-08-05得票数 0

回答已采纳

点击加载更多