three.js如何将2d转换为3d？

大家好，
在我的项目中，我有3d地图和3d汽车，当我点击地图时，汽车正在地图上移动。那个点击事件只会给出X&Y。那么怎么做呢three.js在地图上内部将XY转换为XYZ位置。见视频48。现在我希望手动给出X&Y位置，而不是使用单击。那我该如何转换那个职位。
谢谢你…！nSandip检查raycaster 192。n@loeee已经使用了，但是现在我想手动输入。输入将来自数据库。在鼠标单击其工作状态良好时，请参见视频
是的，您将使用光线投射器从数据库中获取的点创建光线（而不是使用单击事件中的点）。如果你看看looee链接的Raycaster，有很多例子。n@trusktr@looee
请看CodenPatrolJS Demonbody {font-family: Arial;background-color: #000;color: #fff;margin: 0px;overflow: hidden;}.info {padding: 10px;width: 100%;position: absolute;background-color: rgba(255, 0, 0, 0.5);font-size: 14px;}.info h1 {padding: 0;margin: 0;}nvar container;var camera, scene, renderer, controls;var raycaster, = = new THREE.Object3D();var level; var movePosition;init();animate();vartarget;var = = = new THREE.DirectionalLight( );directionalLight.position.set( 0, 0.5, 0.5 );scene.add( directionalLight === \"Mesh\") === = patrol.getGroup(\"level\", player1.position);}); = new THREE.MeshBasicMaterial( {color: = new THREE.MeshBasicMaterial( {color: 0xff0000} = new THREE.OrbitControls( = ( event.clientX / window.innerWidth ) * 2 = patrol.findPath(player1.position, target.position, \"level\", playerNavMeshGroup);if (calculatedPath && calculatedPath.length) {if (pathLines) = new THREE.Line( geometry, material );scene.add( pathLines );// Draw debug cubes except the last one. Also, add the player = new THREE.MeshBasicMaterial( {color: 0x00ffff} = \"+ = \"+mouse.y)camera.updateMatrixWorld();raycaster.setFromCamera( mouse, camera = new THREE.LineBasicMaterial({color: 0x0000ff,linewidth: = [player.position].concat(calculatedPath);for = new THREE.Mesh( geometry, material );node.position.copy(debugPath[i]);pathLines.add( node );}}}}function = += = movePosition;if (!level)> sandipnd31:nnow I want to give manually input. Input will come from databasenThis is the most confusing part. Could you clarify what it means?nFrom my point of view, \"manually\" is when you have input(s) for coordinates and type data in it. But then you say about input from database and this contradicts the previous statement.nFurther, you don\"t tell, what format of data will come from the database. Is it intended to be used as THREE.Vector2()或THREE.Vector3()。这是屏幕上点击的坐标吗？如果是，是否考虑了摄像头的位置？取而代之的是，你只需上传你的项目awhole并为你写下所有的东西。n@prisoner849
关于我的项目的3d导航地图。在那张3d地图（navMesh）&3d cars.obj文件中有。为了测试的目的，我做了一个示例项目，在鼠标点击汽车在路上行驶。鼠标单击事件获取当前屏幕的X和Y坐标。它工作的很好。
现在我将我的示例项目合并到真实项目中，在第三方中只给出X&Y，然后如何通过X&Y。以前我使用的是当前窗口屏幕。我知道我的英语很差，我希望你能理解我的问题。请参见视频7
那些来自第三方软件的X&；Y，它们是什么？
你能用图片来说明吗？
有点像：“我有这样格式的坐标x，y。在屏幕上，他们在这个位置[图片]。我想这样做是为了得到结果”。以防万一，这是一个如何解释的示例，而不是一个精确的计划。
当实际道路上的汽车移动时，他们会将x&y发送给DB，然后我必须根据DB值移动汽车（.obj）。n@looee我不想使用鼠标单击，我会传递值，汽车会沿着地图移动。
当你的汽车移动时，你的汽车会在哪里应该在桥下，但你只有x和y的坐标？n@prisoner849无需鼠标点击，汽车应该可以从源头开到目的地。这辆车咔嗒一声就开动了。但是它应该在不单击的情况下运行，所以不要在单击处理程序中写入raycaster逻辑，而是在收到数据库数据时在回调中写入。n@trusktr，我不知道您能否给出一些code或示例。我对JS完全陌生
如何获取数据库数据？能否只发布一段>public JSONObject getEntityDetailsByTagMacId（@RequestHeader（“mapId”）final String mapId，n@RequestHeader（“tagMacId”）final String tagMacId，@RequestHeader（“xCoordinate”）final String xCoordinate，n@RequestHeader（“yCoordinate”）final String yCoordinate）{nlogger.info（“mapId”+mapId）；nlogger.info（“tagMacId“+tagMacId）；nlogger.info（“xCoordinate”+xCoordinate）；nlogger.info（“y坐标”+y坐标）；nJSONObject>if（！号码rutils.isNumber（协调）&！号码rutils.isNumber（坐标））{njsonObject.put（“responseCode”，0）；njsonObject.put（“errorMessage”，“Invalid coordinates”）；
返回jsonObject；n}
如果(StringUtils.isNotBlank（tagMacId））{nTblEntity>if（TblEntity==null）{njsonObject.put（“responseCode”，0）；njsonObject.put（“错误消息”，“未分配标记”）；n}nelse{nMapEntityTo>json.setNote（“示例文本”（）；njsonObject.put（“responseCode”，1）；njsonObject.put（“responseData”，jsonto）；nif(CollectionUtils.isNotEmpty（groupsList））{nboolean>.anyMatch（group->；group.getGroupCode（）等信号情况(tblEntity.gettbl组（）.getGroupCode（））；nif（isGroupFound）{nentityService.pushEntityLocation（jsonObject）；n}n}
否则{nentityService.pushEntityLocation（jsonObject）；n}n}n}
否则{njsonObject.put（“responseCode”，0）；njsonObject.put（“errorMessage”，“invalide parameter”）；返回jsonObject；
发送数据
<brjava代码无关紧要。从java服务器获取数据的javascript代码在哪里？如果还没有这样的code，那么您应该考虑使用fetch</brjava代码无关紧要。从java服务器获取数据的javascript代码在哪里？如果还没有这样的code，那么您应该考虑使用2来获取数据。一旦你弄明白了，再来这里。
这里有一篇关于FetchAPI的更好的文章7。特别是，您需要使用.json()方法。
注意，fetch()可能无法在较旧的IE浏览器中工作。这是一个塑料填充物5。或者你可以使用旧的XMLHttpRequest或jQuery.ajax。
一旦你知道如何获取数据，那么你可以在收到数据后使用数据库中的X，Y值。n@trusktr但我没有用java脚本实现，以前的2d地图现在有3d地图了。但是3d地图有X Y Z，他们只给出X Y。我应该用JavaScr写什么ipt从Java获取数据
How internally conversion of 2d to 3d?n

three.js如何将2d转换为3d？

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

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

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

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

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

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

three.js使用threejs的光流

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