`
qjoycn
  • 浏览: 1216046 次
文章分类
社区版块
存档分类
最新评论

毛笔效果简单思路

 
阅读更多

任何画线的程序,都是先在界面上获取若干不连续的点,然后将这些点连成线。


一些常见的笔型比较好实现,比如说铅笔、钢笔等等,这类笔型的线条的宽度和线条的颜色是固定的,只需要将点连接成固定颜色和固定宽度的线即可。


毛笔是比较特殊的笔型,要实现好毛笔效果,有几点比较特殊,需要考虑。

1. 同一笔画内,线条各处的粗细不同。

2. 同一笔画内,线条各处的透明度不同。

3. 有笔锋效果。


实现思路:

先说笔锋效果。对笔锋效果的处理,一般在一笔的开始和结尾处特殊处理,特别是横竖笔画。

再说线条的透明度。一般来说,下笔速度慢、下笔力量重的地方,线条颜色较深;下笔速度快、下笔力量轻的地方,线条颜色较浅。

再说线条粗细。一般来说,下笔速度慢、下笔力量重的地方,线条较粗;下笔速度快、下笔力量轻的地方,线条较窄。


实现毛笔效果,不能简单的直接在面板上画线,而是要计算出一个线条区域,然后进行填充。大概算法:

1. 根据用户的输入得到连续的点信息。

2. 根据每个点之间的间隔距离,模拟计算出下笔速度。

3. 将速度与触摸压力(触摸屏的程序可以得到压力信息)结合,模拟计算出每个点的大小。如果无法得到触摸压力,或者不考虑压力,则可以只用速度来模拟计算。

4. 根据每个点的坐标和大小值,计算出所有需要填充的区域。

5. 模拟计算每块填充区域的透明效果。

6. 处理每一笔的初始和结尾点,模拟笔锋效果。

7. 根据计算好的效果,画出所有填充的区域。

要做好毛笔效果,需要专门研究。能够做好毛笔效果,其它笔型就简单多了。


下面是一个demo图,运行平台为Android,目前也仅仅是根据速度模拟计算出粗细效果,还非常简单,但是看起来已经蛮酷的了。

毛笔效果

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics