Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Canvas 画布预渲染地形鼠标拾取_Canvas_Three.js_Webgl_Terrain_Raycasting - Fatal编程技术网

Canvas 画布预渲染地形鼠标拾取

Canvas 画布预渲染地形鼠标拾取,canvas,three.js,webgl,terrain,raycasting,Canvas,Three.js,Webgl,Terrain,Raycasting,我正在开发一款浏览器游戏(在设计阶段),该游戏将具有平铺地图。我想要达到的是类似模拟城市4的效果 由于webGL支持和设备功能有限,我需要一个画布回退。在这种情况下,在服务器端渲染地形并用作图像块似乎是一个可行的选择 但在这种情况下,我不知道如何处理鼠标拾取瓷砖。我的搜索导致了两个选项,如果坡度类型数量有限,则为鼠标贴图;如果使用三维地形,则为光线投射 由于我没有这两个,我不知道如何处理这一点,所以将感谢一些帮助 提前感谢,首先,我要确保您在使用图像而不是3D模型时不会遇到任何其他问题。我个人

我正在开发一款浏览器游戏(在设计阶段),该游戏将具有平铺地图。我想要达到的是类似模拟城市4的效果

由于webGL支持和设备功能有限,我需要一个画布回退。在这种情况下,在服务器端渲染地形并用作图像块似乎是一个可行的选择

但在这种情况下,我不知道如何处理鼠标拾取瓷砖。我的搜索导致了两个选项,如果坡度类型数量有限,则为鼠标贴图;如果使用三维地形,则为光线投射

由于我没有这两个,我不知道如何处理这一点,所以将感谢一些帮助


提前感谢,

首先,我要确保您在使用图像而不是3D模型时不会遇到任何其他问题。我个人不会支持这个解决方案。然后,如果您想保留此解决方案,则必须在服务器端生成映射网格表,从中可以获得所有案例的所有位置。考虑到webGL的支持和设备的当前性能,是否还有其他选择。我很想听听你的建议。如果你不想使用webgl,我会尝试保留服务器图像,并在不渲染的情况下覆盖地形的克隆。然后使用Three.js中的拾取工具。我决定切换到webGL,并在需要时使用canvas/dom回退。再次感谢