前言
这篇文章主要是关于移动端毛笔的开发,在平板上有着书写毛笔字贴的效果。
介绍关于毛笔的算法思路。
项目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
手写效果展示:
总结