笔迹绘制

最近有个闪客朋友找我探讨一个学术问题:如何把一个路径补间移植到H5。
然后这个路径补间长这样:

嗯……虽然有点壮观,但是似乎没啥难度,拿 as 或 jsfl 把每帧的坐标输出成一个 json 啥的,然后拿 cocos 做个遮罩,搞定!

过几天又找来,原因是验收方来来回回改,一会觉得画太快一会觉得画太慢。
这玩意要调速度就只能是一帧帧调了,想想头就大!
那就只能手搓贝塞尔曲线解析了。

把形状输出成 svg,然后搞个小工具提取必要的信息到一个 json 里:

然后解析曲线:

嗯,完美:

bze.zip (1.0 MB)

3赞