Android-毛笔的探索与开发

 前言                                                                     

这篇文章主要是关于移动端毛笔的开发,在平板上有着书写毛笔字贴的效果。

  • 介绍关于毛笔的算法思路。
  • 项目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

手写效果展示:

 总结                                                                          

本文通过曲线拟合算法和圆形填充轮廓粗糙算法完成了毛笔效果的实现,增加了平板毛笔字帖的书写体验。

转载于:https://www.cnblogs.com/doubleWin/p/10898807.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android毛笔效果可以通过在自定义View中使用Path和Paint来实现。下面是一个简单的示例代码: ```java public class BrushView extends View { private Paint mPaint; private Path mPath; public BrushView(Context context) { super(context); init(); } public BrushView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public BrushView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); init(); } private void init() { mPaint = new Paint(); mPaint.setColor(Color.BLACK); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(20); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setAntiAlias(true); mPath = new Path(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawPath(mPath, mPaint); } @Override public boolean onTouchEvent(MotionEvent event) { float x = event.getX(); float y = event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mPath.moveTo(x, y); invalidate(); return true; case MotionEvent.ACTION_MOVE: mPath.lineTo(x, y); invalidate(); return true; default: return super.onTouchEvent(event); } } } ``` 在布局文件中使用该自定义View即可实现毛笔效果: ```xml <com.example.BrushView android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 在该示例中,我们使用了一个Path对象来记录用户在屏幕上绘制的路径,并在onDraw方法中使用Canvas的drawPath方法来绘制路径。在onTouchEvent方法中,我们根据用户的触摸事件来更新Path对象,并调用invalidate方法来请求重绘View。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值