我想学习three.js，但我不知道从哪里开始。我没有这方面的知识，但我真的很想学习和学习。我计划用three.js开发一个交互式的3D地图。请帮助我，并给我一些建议。
浏览 32提问于2017-12-31得票数 0
1回答
最近，React项目计划采用3D地图，这将是一个复杂的场景。它将是一个有着不同情节、海滩、山脉和互动的城市。您可以选择，单击和拖动等。
该团队目前有three.js (我可以做一点)、Unity (没人能做)。
所以这是一个使用three.js还是统一的问题？
如果我选择three.js，我将努力学习并在工作中进行开发；假设选择了统一，将雇用一个使用React unity与项目进行交互。
我不知道有没有更好的计划
浏览 16提问于2022-03-22得票数 -1
5回答
我计划开发一个带有Three.js页面的HTML5，这样我就可以使用它实现3D屏幕，并在跨平台方法中轻松支持移动平台。我读到Three.js使用WebGL，但iOS和安卓浏览器不支持它，所以我不能开发这样的组合应用。
有人能建议一下，我是否可以开发带有Three.js页面的HTML5，以在iOS和安卓应用程序上实现3D交互，或者不作为web应用程序？如果没有，请给我的官方链接，其中提到，它是不支持的。
谢谢。
浏览 7提问于2013-04-19得票数 11
回答已采纳
我想用Three.js创建一个3d地图，就像在反恐游戏中一样，但我不知道该用哪种格式创建它？我应该使用什么工具来创建它？
浏览 0提问于2013-06-08得票数 0
回答已采纳
我有一部分地图的经度/经度。我想把本文的重点放在3d空间webgl(lib: three.js)上。然后如何将经度/经度转换为相应的x，y，z坐标。
浏览 2提问于2015-09-19得票数 3
1回答
所以，现在我有一个带有three.js的3D地图(带有鼠标交互)。我也放置了一个图像(绝对定位)“在地图上”，但当然，当我移动地图，图像不会移动。那么，我如何“渲染”，‘针’，.图像到地图，所以它与相机一起移动？
我一直在调查angularjs，css3drendere，但我不想让他们工作
有人能帮我吗？
非常感谢!
浏览 5提问于2014-05-19得票数 0
回答已采纳
我想测试一下3D地图。在最简单的情况下，一个平面窗格，上面画着地图线等，平面(就像我在HTML画布上画的一样)。但我希望这个窗格在3D空间中是可移动的。
我知道我可以非常简单地在three.js中制作一个平面窗格，但是有没有可能实现某种“自定义纹理”，允许我以编程方式在这个窗格上绘制？
浏览 13提问于2012-07-23得票数 0
回答已采纳
我们将开发像这样的3D卡车装载可视化应用程序：，但目前仅使用手动装载。应用程序将计算每轴重量，每次我们在我们的卡车上投下一个新的货物。但我们不知道从哪种技术开始；目前我们计划从Three.js ( webgl )开始，但由于我们是webgl的新手，我们不知道这些计算在Three.js中是痛苦的，还是我们更喜欢其他平台来开发这个3D web应用程序？而且学习期也必须大约不超过1-1.5周。
如有任何建议，我们将不胜感激！期待着来自Three.js / webgl专家的提示。
备注:有关轴重计算的详细信息，请查看
浏览 1提问于2013-08-28得票数 0
1回答
我想创建一个像这样的交互式全景图：
但我想让用户与之交互。
是否有可能在鼠标移动时从纹理中获取坐标，以使用three.js创建类似3d图像的地图？
谢谢!
浏览 1提问于2013-05-05得票数 0
1回答
三条不同的线
、、、
我们使用three.js绘制一些地图。在地图上应该有一些线(比如一些边框，等值线)。所以我们知道怎么画虚线。但我也想用这样的图案画线。那么，有什么更好的方法来做到这一点呢？贴图？
UPD:地图将是3D的(但线不是)，你可以旋转它和缩放它。它使用WebGl渲染器。
浏览 4提问于2014-07-18得票数 0
回答已采纳
我正在使用three.js在WeChat上开发3D游戏，但我有一个问题，three.js如何设置渐变的背景颜色。我在文档上看到了背景颜色，但没有背景颜色的渐变。请说明我是中国人，英文不好。
浏览 8提问于2018-05-08得票数 1
1回答
我要跳到一些简单的游戏开发与Javascript。我想有一天过渡到3D开发，但目前我只打算做2D“自上而下”的对象。
我知道这并不理想，但我觉得这会帮助我熟悉3D“环境”。
我正在使用，因为它看起来开发得很好，我喜欢它可以做画布、WebGL和SVG。然而，我遇到的第一个问题是，我不知道如何“移动”一个对象。使用画布，我可以轻松地接受我呈现的对象，并修改它的.x或.y属性来“移动”它。然而，到目前为止，对于Three.js对象，我只找到了object.rotation.x等。我可以移动相机，但这不起作用，因为我需要对象单独移动。
所以我想我要寻找的是Three.js中用于2D开发的任何资源，或者
浏览 3提问于2011-09-05得票数 4
我使用mapbox和来自的three.js在地图上添加了三维模型
但是，在单个单独的层中添加单个3D gltf模型并将它们添加到映射中是很好的，但是在地图上的单个层中是否有添加多重3D gltf模型的方法？
地图代码：
this.modelOrigin = [148.9819, -35.3981];
this.modelOrigin2 = [148.9819, -35.4981];
this.iconImage = "https://docs.mapbox.com/mapbox-gl-js/assets/34M_17/34M_17.gltf";
//map info her
浏览 4提问于2019-04-03得票数 6
嗨，我正在开发一个基于地图的应用程序，其中我使用Nutiteq 3D库来实现3D视图。但现在无法在该3D地图上的两个点之间绘制路线。有人能帮我在Nutiteq 3D库上开发的3D地图上绘制两个点之间的路线吗？
提前谢谢。
浏览 5提问于2013-01-25得票数 1
回答已采纳
我现在真的很困惑，我确实需要一个建议。
我目前的目标是获得一个随机建筑的卫星视图，具有Google地图的提示性路线图\3D效果：
并且能够在上面使用three.js，呈现多个映射的重叠。
我从这个git回购中学到了这个例子：
但是我可以在地图上包括粒子.我不能把多边形、样条之类的几何图形放在上面。
我不知道该怎么做know...maybe铯是答案吗？
但铯在建筑物上没有相同的"3d“选项..。
任何帮助都将不胜感激！
谢谢!
浏览 3提问于2016-05-07得票数 0
回答已采纳
3回答
我正在创建一个3D地球，上面有一张地图，它应该在几秒钟后解开并充满屏幕。
我已经成功地使用three.js和webGL创建了球体，但我在找到任何关于能够对形状变化进行动画处理的信息时遇到了麻烦。有人能提供帮助吗？这有可能吗？
浏览 43提问于2013-06-01得票数 2
回答已采纳
我目前正在为另一个程序开发一个插件，以便向它添加3D功能，所以我尝试将three.js中的所有功能都投入其中，并增加了这样的目标，这是一个很好的方法，可以直接了解three.js的所有功能。
我现在遇到了一个问题，因为我使用mesh基本材料实现了纹理和材料，设置了一些在主threejs.org站点上显示的文档是特性的东西，实际上什么也不做。
当我为炒作图或光图设置纹理时，什么也不会出现。我很肯定这不是我犯的错误，因为设置地图的纹理是有效的，但是试图为specularMap或lightMap设置相同的纹理是没有用的。有规律的纹理为这些工作，还是我必须做一些不同的？
我还想知道mesh basic
浏览 1提问于2014-04-19得票数 0
回答已采纳
1回答
我正在开发一个用于导航和可视化人体解剖的。
感兴趣的主要对象是一个“棋盘”，占据了屏幕的大部分。拖动板周围执行某些CSS3三维转换。一个3D对象(在下面的例子中，头部)显示在板上盘旋，用three.js渲染。
头部的转换与板的转换是同步的。但是，这是一个非常不完美的同步，通过尝试和错误实现。
“CSS 3D世界”和“Three.js/WebGL 3D世界”是如何对应的？例如，CSS世界中的“照相机”在哪里？有什么方法可以正确地同步两者吗？更好的是，有图书馆吗？
浏览 1提问于2014-04-09得票数 1
回答已采纳
1回答
我可以使用以下链接中的教程将世界地图图像纹理添加到球体上，从而使用three.js为3D地球渲染和设置旋转动画。我打算让世界上的国家都可以点击。也就是说，当用户点击任何国家时，该国家的边界应该突出显示，弹出窗口应该列出该国家的名称。我想我将需要使用d3.js来加载一个国家/地区的GeoJSON，并将其作为网格添加到three.js中。但我没有通过代码实现这一点的线索。
有谁能帮帮忙吗？
浏览 2提问于2016-04-10得票数 0
1回答
我正在学习three.js。我使用硬编码参数创建了简单的3D模型。下一步是从我在MSSQL中创建的数据库中加载这些值。x、y和z参数存储在一个名为维度的表中。我的问题是，我能否将three.js连接到REST (在SpringBoot或Node.js中开发)，该API将从我的DB中获取数据并将其传递给我的three.js项目，后者将在运行时呈现对象。
浏览 5提问于2022-08-14得票数 1
回答已采纳
我需要开发一个类似于虚拟地球或谷歌地球的iPhone 3d地图应用程序。该应用程序将有图像覆盖在3d地图上，如云或位置针。有人对此有什么想法吗？
问候
编辑:试着让这句话这次不模糊：
据我所知，谷歌地球和微软虚拟地球应用编程接口(3d)不支持任何iOS设备。使用OpenGL ES从头开始重做所有事情，而不是使用硬件加速在iOS设备上进行3d操作的唯一方法，我想要开发一个具有现有地图服务的地图应用程序，例如谷歌地图。然而，地图将是3d的。
当然，我可以使用openGL ES制作一个简单的3d地球，其核心地理位置类似于living earth HD，但我尽量避免这种情况。
浏览 1提问于2010-11-15得票数 0
1回答
webgl中的可点击地图
、、、
我可以通过在球体上添加世界地图图像纹理来使用three.js渲染3d地球。我打算让这个地球变得可点击。也就是说，每当用户点击任何国家时，该国家的边界都应该突出显示。是否有可能通过使用包含国家边界的世界地图jpeg来实现此功能？有没有可能检查用户是否点击了某个国家的边界？另一种选择是加载World countries的geojson，并将svg转换为canvas。然而，我仍然不确定如何使国家可点击。
浏览 3提问于2013-03-29得票数 1
回答已采纳
12回答
我目前正在为一个网站做一个简单的3D全景查看器。出于移动性能的原因，我使用的是Three.js 。这需要一个立方体地图，分成六个单独的图像。
我正在用Google 在iPhone上录制图片，或者类似的创建2:1等长方形全景图的应用程序。然后，我调整大小，并将其转换为一个cubemap与这个网站： (闪存)
最好，我想自己进行转换，如果可能的话，可以在Three.js中运行，或者在Photoshop中进行。我发现Andrew的Photoshop操作，它们看起来很接近，但是没有直接的转换。有没有一种数学方法来转换这些，或者某种脚本来实现它呢？如果可能的话，我想避免使用像这样的3D应用程序。
也许这
浏览 19提问于2015-04-16得票数 56
回答已采纳
我正在计划一个游戏的项目，用户可以自由漫游世界上的许多不同的车辆等。
世界模式需要相对简单，但我正在努力研究最好的方法。
到目前为止，我已经想到了一个SVG世界地图，它可以实时导航(一种Google视图安排)，第一个人部分使用three.js呈现。
虽然我已经创建了一个要导航到的选定城市的数据库，但我不确定如何将这些应用到SVG地图/3D世界/等等。
浏览 3提问于2013-10-28得票数 1
回答已采纳
我想用javascript 3d库开发一些web产品。
像three.js一样
但我听说它将使用WebGL技术，问题是我希望我的产品在ipad或iphone上也能正常工作，而一些移动设备，我试过了，发现pad不能在演示中工作
所以它必须使用WebGL?或者我有一些其他的javascript 3d库来替代？
浏览 1提问于2012-03-25得票数 0
回答已采纳
8回答
我是个新手，开始学习web浏览器中的3D计算机图形。我对在浏览器中制作3D游戏很感兴趣。对于任何同时学习过WebGL和three.js的人来说...
是使用three.js所需的WebGL知识？与WebGL相比，使用three.js的优势是什么？
浏览 120提问于2012-08-15得票数 158
回答已采纳
1回答
来自ActionScript + Papervision我熟悉的" As3dMod“库，修改3D网格弯曲，扭曲等现在我正在与THREE.js合作，并发现这：”#mod3 As3dMod 3D修改器库端口的Javascript和Three.js，Pre3d和J3D和Copperlicht“，但代码是过时的任何远程当前版本的THREE.js (也是为画布渲染，而不是webGL)。创建者无法更新。有没有人知道在webGL中有类似的3D库可以“弯曲、扭曲、膨胀”3D网格？我没有足够的技能来更新这一点。谢谢你的建议。
浏览 1提问于2013-02-18得票数 1
回答已采纳
我使用Three.js在画布元素中使用webgl创建一些3D图形。是否有一个很好的库来在3D图形的顶部绘制2D元素。有点像3D游戏的HUD。我想在屏幕上绘制一些图像或文本，覆盖3D内容。有什么想法吗？用Three.js能做到吗？
浏览 2提问于2012-02-02得票数 2
回答已采纳
我正在使用WebGL库开发一个Three.JS应用程序。
我试图在场景中将Blender 3d模型加载到我的Three.js应用程序中，并尝试在一个场景和另一个场景之间导航。我能够成功地将搅拌机3d模型js文件加载到场景中，并在基于Three.js的项目中正确地显示了该模型。我现在有以下要求，但无法完成。
当我将一个场景加载到另一个场景时，我想从一个场景到另一个场景进行某种移动转换。如何通过编程实现摄像机像前、后、右、左的移动过渡。
如何实现“序列动作”，比如当摄像机移动到一个地方时，它会加载并显示下一个场景。我认为，我们可以使用opengl中的“序列操作”来实现这一点。
浏览 4提问于2013-07-10得票数 1
回答已采纳
我想创建一个交互式的基于3D的网页/应用程序，在其中，我可以绘制简单的3D形状、阴影、定制的3D模型(比如.ply、.obj)。我希望这个页面包含丰富的3D内容，应该同时支持MAC和Windows。我对网页开发很陌生，在编码方面也很幼稚。我对创建网页/web应用程序有基本的了解。
我知道所有这些都可以使用WebGL ()来完成。但是，使用webGL本机或使用库(如Three.js )构建网页似乎相当麻烦。是否有更简单的工具/库/方式来简单地删除和样式3D元素？
浏览 3提问于2015-02-02得票数 1
回答已采纳
我已经研究过使用three.js，但找不到任何特定于我所需的示例。
我正在尝试创建一个3D地图(在一个地球上)，有3个不同的引脚点在世界各地。我希望能够检测到点击了哪个精确点，以便在页面的其他地方显示信息。
有没有人知道如何做到这一点？任何演示或教程都会非常有帮助。
谢谢。
浏览 3提问于2018-01-26得票数 0
1回答
我用搅拌器创建了一个简单动画的3D对象，然后我将其导出为.gLTF文件，我试图导入到THREE.js，但我只能导入3D对象，但无法加载动画，我如何加载动画到Three.js？
浏览 130提问于2019-10-02得票数 1
我想使用three.js渲染autodesk (.dwg和.dwf)的3D图形文件，但three.js要求3D数据为json格式。因此，我需要将这些文件转换为three.js可读的json格式。我试着在互联网上搜索，但找不到任何解决方案。谁能告诉我一个好的转换器来处理这些文件？
提前谢谢。
浏览 26提问于2015-06-12得票数 7
回答已采纳
2回答
一个对three.js社区开放的问题。
据我所知，Three.js框架有不同的“增强”，比如OrbitControls.js，允许我们使用鼠标或触摸屏来探索3D场景。
现在我的问题是：
对于Three.js来说，还有另一个允许使用操纵杆、游戏垫或3D鼠标的“增强”吗？如果不是，您认为实现它们的功能有多容易或有多难？
浏览 7提问于2015-10-06得票数 2
回答已采纳
1回答
有没有人能告诉我用three.js打开VDS文件是不是可能，以及怎么做？我想开发一个应用程序，您可以选择一个3D模型中的不同节点。我们使用AutoCAD和SAP.任何帮助都将不胜感激！
浏览 0提问于2015-11-20得票数 1
我正在尝试旋转一个2D对象(在GTA样式的小地图覆盖中)，该对象与我的3D场景中的Three.js相机rotation.y值相关。
问题是从camera.rotation.y值返回的弧度有点奇怪，从0> -1.4弧度到前45度，从-1.4 >0弧度到90度，0> 1.4弧度到270度，1.4 >0弧度到360度。
有谁知道如何将这些值转换或转换为360坐标？
我使用的是PerspectiveCamera和OrbitControls。
提前感谢！
浏览 4提问于2017-02-07得票数 0
1回答
从网站导出3d对象
、、、、
我是three.js和3d的新手。我想在我的网站上创建一个3d形状，并给出一些可修改的属性，这样用户就可以修改这个形状的某些部分(我做了这个部分)。现在，我想给用户一个链接，下载这个修改后的形状作为文件，可以打开在Blender或3 3dsmax。我徘徊在这部分。我如何开发这样的功能？
非常感谢你的帮助
抱歉，我的英语不好
浏览 2提问于2012-12-07得票数 0
1回答
我尝试将对象从3d搅拌器导出到three.js。这是作品，但three.js没有显示材质和纹理。我有最新版本的搅拌机和three.js。
谢谢
浏览 1提问于2017-08-19得票数 0
我正在尝试用three.js开发一个3D编辑器。我知道javascript和three.js，但是我对web-dev不是很熟悉，也从来没有尝试过UI框架。虽然mrdoob的编辑器对UI元素使用普通的javascript，但我不确定哪种方法对我更有利？使用像react.js或vue.js这样的框架；或者为UI元素使用普通的javascript。
项目所有者计划拥有动态和复杂的UI元素，如教程向导，控制台或字段，将与来自服务器的数据动态变化。
那么，考虑到它将是一个three.js项目，使用纯js或框架的优点和缺点是什么呢？
我应该使用像react-three或vue-threejs这样的库，还是
浏览 5提问于2018-02-07得票数 0
我在three.js中使用bullet/ammo.js。我有一个3d网格，我想使用精确的形状与柔体进行碰撞检测。有没有办法从网格(在three.js中)创建3d刚体(在bullet中)？
这里有一个例子： (请稍等片刻，等待下载3d模型)。我有一块布落在一个3d物体上，我需要模拟这块布与物体的碰撞。
我刚接触这些框架，如果我从根本上误解了什么，很抱歉。
浏览 24提问于2016-09-12得票数 2
回答已采纳
有没有可能在three.js中为模型的特定面生成具有形状的SVG？我们正在开发一个3D模型的交互式编辑器，你可以在每一面墙上绘制，我们被这个问题困扰了。 例如，对于此面： ? 我们想要一个这样的SVG： ?
浏览 82提问于2021-09-28得票数 1
回答已采纳
我将csg.js与three.js结合使用，它似乎只支持3D CSG。检查
我想要相交和联合2D (three.js)几何。我能用three.js做2D CSG吗？
浏览 4提问于2017-08-24得票数 1
1回答
我目前正在使用Three.js开发一个基于web的高度地图生成器。我使用一个画布显示实际生成的高度图，其他几个画布用于显示高度地图所包含的单独八度，另一个画布用于演示高度地图“在行动中”，其中它直接应用于平面网格。
到目前一切尚好。所有的预定义参数(波长等)也都呈现出完美的效果。实际的问题是，画布在初始渲染后没有更新，这使得我的程序完全无用，因为我的程序的目的是能够用滑块操纵高度图的几个参数，并实时看到效果。
遗憾的是，唯一更新的画布是带有平面网格的“真实”3D场景。但在这里，它似乎有点像从第一次渲染通行证的数据从来没有被清除，但至少它似乎是正确的噪音参数的制服更新-显然不是所有其他拉票的情况
浏览 3提问于2013-11-27得票数 0
回答已采纳
我想开发和谷歌地图应用程序，默认为3D地球视图，类似于铯API。谷歌地图应用程序接口( v4 )的未来版本是否有包含3D地球/全球视图的计划？
浏览 1提问于2015-11-04得票数 2
1回答
首先:我是一名熟练的开发人员，是3D实体文件/绘图的新手。我开始玩webgl和three.js。我的任务是将一个坚实的3D文件(即STEP/IGES)移植到一个网页(一种cad查看器)。
我从这个例子开始：
我想通过导航树获得类似于上面的链接，并隐藏/显示层功能。
上面的链接有服务器的json文件，一个用于层。
我想获得：，为每一层提供三个json文件，以获得隐藏/显示功能。
现在，我有一个坚实的文件(STEP格式：.STP)。该文件包含层。我想为每个层获取一个json(three.js)文件。
问题如下：
如何使用自由软件导出到三个json?我读到最好的方法是: STEP > Wa
浏览 1提问于2015-11-15得票数 3
我想开发一个网站的一些功能，其中涉及一点3D -用户可以移动对象，旋转他们和纹理他们。
到目前为止，我已经调查了：
WebGL (特别是three.js)看起来很棒，但是IE和IOS都不支持它。
IOS支持<canvas>标记，但只支持2d。看起来three.js有一个不受支持的黑客来使用2d画布来制作3d东西，而不是没有纹理，但这看起来像一个黑客。
我也考虑过使用Flash，它在大多数浏览器上都能工作，但在IOS上就不行了。
在庞大的浏览器和界面上做3d网络图形的最佳选择是什么？
目前，我正在考虑在网络上使用WebGL (并要求人们使用chrome或firefox，然后使用IE)
浏览 0提问于2013-02-15得票数 10
2回答
是否可以使用pixi.js制作2D图形，然后使用three.js添加3D对象，或者在同一视图中旋转2D pixi对象？
例如，可以用pixi制作2D gui，然后用three.js旋转到3D场景中吗？
或者像这样使用这两个库是不可能的？
浏览 9提问于2013-09-29得票数 1
我正在尝试用Three.js开发一个3D对象编辑器，其中允许用户执行CSG操作，如联合、交叉、减法等，我使用了"Three.js编辑器“中的源代码作为加载stl文件和呈现对象的主要功能。
现在，我想为用户添加CSG函数来执行动态CSG功能。我发现"CSG.js“和"JSModeler.js”用于执行CSG operations.My，目的是加载stl文件，然后使用CSG操作定制(联合，减去)对象。我的理想是像"123D设计“，至少对于布尔操作是这样；选择画布上的对象并执行操作
因此，我的问题是如何选择画布上的多个对象来执行CSG操作。我是three.js新手，还
浏览 2提问于2014-03-03得票数 1
回答已采纳
问题：
假设我想创建一个React，左边有一个3D组件，右边有一些其他UI组件。
3D程序是用three.js完成的，假设我想克隆这个3D应用程序：
目前，我在全球范围内包括我的index.html中的脚本，这些脚本是3D应用程序所需要的：
<script src="../build/three.js"></script>
<script src="js/controls/DragControls.js"></script>
<script src="js/controls/OrbitControls
浏览 1提问于2018-03-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
