基于引擎提供的动态mesh核心API实现通用箭头路径渲染

来源

因为之前也做了一个类似的插件(曲线纹理2d[CurveTexture2d]),那是一个单独的渲染插件。
有一些人联系我,这种定制化的很多箭头类似的渲染需求。本身并没有多大难度,个人时间也没那么多应对零星的定制化需求,所以就做成一个插件,方便大家,有需要的同学购买即可,节省几个小时时间.

这是一个基于 Cocos Creator 3.8.8 的箭头路径 Mesh 渲染组件,主要用于实现类似“箭头解谜 / 绳子移动 / 路径移动”类玩法中的连续路径渲染。

商店地址点我

在线预览点我

目的

这个组件的目标是:

用少量控制点,快速渲染出一条完整的箭头路径,并支持点击、移动、批量渲染、头身尾纹理组装等常见需求。

它适合用于箭头消除、路径移动、绳子解谜、管线连接、轨迹展示等 2D 游戏场景。

功能


组件支持以下能力:

  • 根据控制点生成连续路径 Mesh
  • 支持头部、身体、尾部三段纹理组装
  • 身体纹理支持沿路径重复铺设
  • 支持直角圆角、局部贝塞尔、样条贝塞尔等平滑模式
  • 支持单条路径渲染
  • 支持批量路径渲染
  • 支持点击路径后沿头部方向移动
  • 支持基于网格的点击命中判断
  • 支持出口阻挡判断,路径前方被挡住时不会移动
  • 支持不可移动时的提示动效
  • 支持地图 JSON 数据加载
  • 附带单 HTML 地图编辑器,可用于编辑和导出地图数据

内容

工程中主要包含:

  • 路径 Mesh 构建逻辑
  • 单条路径渲染组件
  • 批量路径渲染组件
  • 网格地图加载示例
  • 示例场景
  • 箭头纹理图集示例
  • 图集打包工具脚本
  • 地图编辑器工具

地图编辑器支持:

  • 手动绘制箭头路径
  • 修改已有路径控制点
  • 导入 / 导出 JSON 地图
  • 自动生成安全模式地图
  • 导入透明图片作为地图有效区域
  • 支持弯曲模式编辑
  • 支持纹理索引、颜色等基础数据字段

亮点

  • 批量渲染 多条箭头路径可以合并到一个批量 Mesh 中,减少渲染开销。

  • 三段式纹理组装 头部、身体、尾部可以使用不同纹理,身体部分可重复铺设,适合不同长度路径。

  • 控制点驱动 只需要提供关键控制点,组件会自动生成渲染路径和 Mesh 数据。

  • 适合解谜玩法 内置点击、移动、阻挡判断、移动后清除等逻辑,可以直接用于箭头类解谜玩法原型。

  • 配套编辑工具 附带地图编辑器,可以快速制作路径地图并导出运行时数据。

  • 可扩展性强 渲染、控制点、纹理组、地图数据都相对独立,方便接入到自己的项目或玩法逻辑中。

版权声明

本插件内所有 图片资源 均只限个人单独学习交流,不得进行任何形式的商用.
请勿二次售卖此项目.

购买须知

本产品为付费虚拟商品,一经购买成功概不退款,请支付前谨慎确认购买内容。

问题反馈

flashfin@foxmail.com
有问题加入qq群 1044961417

作者的更多插件,可以看看,有需求按需购买