Three.js项目实战之Dijkstra寻路效果、 A*寻路效果

本文介绍了使用Three.js结合Dijkstra和A*寻路算法实现的项目效果。首先展示了Dijkstra寻路效果,尽管存在路径不平滑的问题,但可以通过曲线拟合改进。随后提到了在实习期间,通过B样条曲线优化了A*算法的寻路效果,实现了更平滑的路径。A*的启发函数基于方块间的距离而非网格关联。文中还提到项目中存在一些细节未完善,如允许在灰色格子间穿行。最后,作者发出了加入图形图像处理社区的邀请。
摘要由CSDN通过智能技术生成

      分享两个基于Three.js结合寻路算法实现的项目效果;第一个是用Dijkstra实现的,是我大学的毕业设计,熟悉蜂鸟视图产品的同志,可能会感觉很相似哈,就简单截个图了哈。

      上面当然会有些缺陷了哈,路径不够平滑,其实在得到最短路径之后,我们是可以用贝塞尔曲线或者B样条做曲线拟合的生成光滑的路径点,所以呢,在我实习的时候,遇到了类似的需求我就在得到最短路径后利用Three.js的B样条曲线生成了光滑的路径点,下面的效果就是基于A*算法实现的效果。

      这里的A*的启发函数不是依据网格的关联计算的,而是依据方块之间的距离。能在两个灰色格子之间穿过,是因为我在生成初始路网数据的时候,没有做很细致,就简单做了效果。

     最后呢,发下广告啦啦啦!这里有WebGL、Vulkan、OpenGL,也有Three.js、Unity、UE4!当然也有图形图像处理大佬哈!我们在这里期待你的加入,欢迎交流!

                                    

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值