webgl 简单文字粒子动画, 打散和复原

本文介绍了使用WebGL创建简单文字粒子动画,通过贝塞尔曲线控制点的运动轨迹,实现文字的打散和复原效果。尽管贝塞尔曲线在两端的点较为稀疏导致动画不流畅,但可以通过调整变化率来改善。作者建议使用三角形以获得更好的旋转和倾斜效果,并通过控制点的随机偏移赋予动画方向感。
摘要由CSDN通过智能技术生成

原文链接: webgl 简单文字粒子动画, 打散和复原

上一篇: 简单模拟 vectorize-text 效果

下一篇: 球体转三角形切片

up-f2fcac9c8f71858c687715427e6863a737f.gif

所有点走的都是贝塞尔曲线, 随机颜色和大小, 只不过变化范围不大, 由于贝塞尔曲线在两端比较稀疏, 所以看起来有点不流畅, 可以分段设置不同的变化率来解决

用三角形会更好, 因为方便做旋转倾斜, 而且大小不一致看着会很自然

对于文字的点的位置, 需要判断在哪一个象限, 然后再进行随机偏移, 尽量方向上的权重大一点, 不然看起来就会是全随机了, 没有方向感

肝了两天, 总算找到一点门道了, 这个可真的是大坑啊....

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值