动态导航线分享(开箱即用)

导航线是3D游戏常用到的功能,无论是新手引导还是寻路,导航都用的上。

分享一个简单的导航线组件,支持shader,会根据路径点距离自动改变尺寸和箭头密度。

商店免费上架,大佬们多多指教
为了做出炫酷的效果,这里在3Dmax做了一个中心点在底部的面片,面片2端使用了渐变顶点色
image
面片使用的shader比较简单,制作了Vec2的tillingoffset(如果使用默认的Vec4的tillingoffset需要改下源码即可),texture移动,噪点图和噪点图移动
*texture位移+噪点图位移
动画8
*shader设置(源码商店白嫖)

箭头默认的ScaleZ的大小就是一个世界坐标,获取到距离目标点距离后,这里只改变Z轴的scale即可

image
如果有高度需求,用总距离和Y轴高度算出角度即可


组件本身有使用uv动画,所有没必要每帧更新,这里建议3-5帧处理一次,
image

人物移动这里翻译了unity vector3里的MoveTowards,没有使用物理,以后版本可以使用我的Navmesh(月底会开源上架商店喔)

18赞

image

感谢大佬对Cocos开发社区的贡献 :muscle:,您提交CocosStore的资源已审核通过!

下载链接:超方便导航线 | Cocos Store

NB,我想说的是,这做DEMO的水平,一看就是产品大佬跑来写代码了。细节太棒了。(除了图标)

1赞

我就喜欢白嫖

我也喜欢白嫖

无私精神可敬

白嫖党给大佬狂赞 :star_struck: :star_struck:

1赞

战术性mark一下,赞

我太喜欢白嫖了

1赞

我太爱白嫖了

谢谢大佬让大家白嫖

苹果浏览器里看不到导航线 怎么破

cocos 什么版本,我升级修复下

3.5.2


在m1 和m2 上都测试了一切正常 :rofl:

好!

咋能没有我的mark呢.

我的,我没说清楚,是苹果手机浏览器 :joy:



分别是苹果手机浏览器和微信扫一扫

我的锅,arrow1 的尺寸不是2的次幂(所以ios的repeat会有问题),我测的arrow 是正常的,可以替换下图片,或者自己修改到256256 或者128128
arrow1