前言
这篇文章主要是关于移动端毛笔的开发,在平板上有着书写毛笔字贴的效果。
- 介绍关于毛笔的算法思路。
- 项目github地址
算法思路分析
曲线拟合算法
利用曲线拟合算法增加虚拟的点,使得笔迹更加光滑,关于算法思想本文采用的是B样条插值算法。
采集点:获取笔输出的两个关键点a1、a2,以及a1和a2附近的几个点a3,a4;
拟合点:利用a1,a2,a3,a4计算出a1和a2之间曲线的步长,再根据步长计算出a1与a2之间所有的点,所
计算出的点即为曲线上的点;
简单图示:
圆形填充轮廓粗糙算法
利用圆形填充思想来实现毛笔的效果,并进行轮廓的粗糙,使其更加形象。
获取笔宽:获取到a1与a2两点笔的压力,转换成对应的宽度作为此段起点和终点的宽度d1,d2,以d1与、
d2差再除以a1与a2点之间的个数得到曲线点之间笔宽的差值,再计算出该段曲线上所有点a1,b1...bn,a2
对应的笔宽l1...ln;
计算圆形:利用曲线上的点和对应的笔宽计算出圆形,利用图形模块的填充效果将圆形填充;
处理轮廓处:对于每个笔迹的轮廓处,根据当前点与上一个点的斜率K的大小来画不同长度的线,线的颜色
深浅也会渐变;
简单图示(实践的圆形点会更加稠密,所以轮廓几乎是直线):
项目地址
关于github代码地址:https://github.com/doubledouble123/Pens
手写效果展示:
总结
本文通过曲线拟合算法和圆形填充轮廓粗糙算法完成了毛笔效果的实现,增加了平板毛笔字帖的书写体验。