Unity画贝塞尔曲线自定义图片组件

最新推荐文章于 2024-06-23 01:29:45 发布

星海逑淑

最新推荐文章于 2024-06-23 01:29:45 发布

阅读量2.2k

点赞数 3

分类专栏：贝塞尔曲线文章标签： unity 游戏引擎

本文链接：https://blog.csdn.net/qq_42549325/article/details/121992424

版权

本文分享了作者在Unity中制作的一个自定义组件，该组件继承自Image并添加了绘制贝塞尔曲线的功能。通过控制点列表和参数设置，可以将图片沿着贝塞尔曲线进行分布显示。代码借鉴于他人但经过作者理解和改进，适合初学者参考和使用，同时也为进阶拓展提供了基础。

摘要由CSDN通过智能技术生成

头一回写这个文章，也是就分享一点自己的学习心得，并且记录下自己做过的这个功能。

事实上我这也是借鉴了大佬的代码，统筹琢磨出来的，比较初级，但是有用。

话不多说，上效果图：

如图所见，展现出来的功能组件很简单，就是一个继承了Image并且多加了几个变量的自定义组件，实现的就是右边将图片作为元素绘制成一条贝塞尔曲线。

控制点列表中的点数据我做的还不够智能，暂时用第一个和最后一个表示这条线的起点和终点，而其他的点都是这条贝塞尔曲线的极点了。

“密集度 mesh数量”可以看成是要生成多少个图片元素

“mesh宽度”可以看成你要生成图片元素的大小

反正就那个意思，很简单，我就不多啰嗦了。看见这篇文章的朋友完全可以直接下来用。大家也可以根据我的代码进行拓展的，看懂原来的垃圾代码就好了嘿嘿~（手都滑稽）

public static class Bezier
{
    /// <summary>
    /// 获取绘制点
    /// </summary>
    /// <param name="controlPoints">控制点列表</param>
    /// <param name="density">密度</param>
    /// <returns></returns>
    public static Vector3[] GetPoi