在线对称线条绘画制作工具,国外艺术网站,基于HTML5的在绘图特效平台,艺术,如图1中左图是一条随机线中的各个随机点,如果用直线连接那么就是一条条的折线,显然不是我们要的波浪线;如果如中图那样用曲线来连接,难点就是如何来确定曲线的控制点;所以我采用的方法是如右图那样,用每两个点的中点来做实际连接的锚点,而采用原来的随机点作控制点,这样既能保证平滑又可以确保曲线与随机点的方向一致,不至于最后出来的波浪线走样儿。
我刚看到这个效果的时候就在想这个问题,仔细观察后发现波浪线之间的填充色有很强的渐变,而且在一些极端区域甚至可以看到细线。这让我确定了之前的一个猜测,那就是波浪线之间的填充是若干条细线,而不是整块填充色。
可见光的光谱从长波到短波会依次经历彩虹的七个颜色:红、橙、黄、绿、青、蓝、紫。
我的思路是这样的,当所有的线条都画好后,由于波浪线的疏密会形成颜色的深浅,这一点无需质疑,只要将波浪线一条一条画上去自然会水到渠成。但是仔细观察后发现,原效果中线条密集的地方除了饱和的颜色之外,还有明显的白色高光。
可是当我用BlendMode.ADD后发现效果与预期的相差甚远,像素感特别强,更别提什么平滑。我用了整整两个通宵来解决这个问题,修改透明度、颜色值、加高光层等等做过各种尝试,最后发现原因出现在一个小小的细节上。因为我用的是BitmapData位图绘制,在黑色的背景上有一层输出位图,我在初始化的时候将输出的位图定义成全透明的,这样绘制的波浪线实际上是在一张透明层上做图形叠加,所以结果很差。解决的方法就是将输出背景改为不透明黑色,这样得到的效果就和当初设想的一模一样!
我写这个代码的目的就是想告诉Flash开发者,Flash 和ActionScript都已经非常成熟,只要你在网页上见到的任何绚丽的效果,不管它是不是用Flash开发,基本上都可以用Flash作出一模一样甚至更好的结果。在线对称线条绘画制作工具。