家居
电器
烟酒
食品
国外
服饰
医疗
交通
国内
其它
官网
生活资讯娱乐休闲行业部门文体教育网络科技投资理财建筑材料综合网站

WeaveSilk,基于HTML5的在绘图特效平台

网站:weavesilk.com 基于HTML5的在绘图特效平台

在线对称线条绘画制作工具,国外艺术网站,基于HTML5的在绘图特效平台,艺术,如图1中左图是一条随机线中的各个随机点,如果用直线连接那么就是一条条的折线,显然不是我们要的波浪线;如果如中图那样用曲线来连接,难点就是如何来确定曲线的控制点;所以我采用的方法是如右图那样,用每两个点的中点来做实际连接的锚点,而采用原来的随机点作控制点,这样既能保证平滑又可以确保曲线与随机点的方向一致,不至于最后出来的波浪线走样儿。

我刚看到这个效果的时候就在想这个问题,仔细观察后发现波浪线之间的填充色有很强的渐变,而且在一些极端区域甚至可以看到细线。这让我确定了之前的一个猜测,那就是波浪线之间的填充是若干条细线,而不是整块填充色。

可见光的光谱从长波到短波会依次经历彩虹的七个颜色:红、橙、黄、绿、青、蓝、紫。

我的思路是这样的,当所有的线条都画好后,由于波浪线的疏密会形成颜色的深浅,这一点无需质疑,只要将波浪线一条一条画上去自然会水到渠成。但是仔细观察后发现,原效果中线条密集的地方除了饱和的颜色之外,还有明显的白色高光。

可是当我用BlendMode.ADD后发现效果与预期的相差甚远,像素感特别强,更别提什么平滑。我用了整整两个通宵来解决这个问题,修改透明度、颜色值、加高光层等等做过各种尝试,最后发现原因出现在一个小小的细节上。因为我用的是BitmapData位图绘制,在黑色的背景上有一层输出位图,我在初始化的时候将输出的位图定义成全透明的,这样绘制的波浪线实际上是在一张透明层上做图形叠加,所以结果很差。解决的方法就是将输出背景改为不透明黑色,这样得到的效果就和当初设想的一模一样!

我写这个代码的目的就是想告诉Flash开发者,Flash 和ActionScript都已经非常成熟,只要你在网页上见到的任何绚丽的效果,不管它是不是用Flash开发,基本上都可以用Flash作出一模一样甚至更好的结果。在线对称线条绘画制作工具。

猜你喜欢
官方网站
DCloudHBuilder,基于HTML5开发工具
FilesNack,在线拖拽式文件共享存储平台
Design Milk,室内设计博客网
BusinessWeek,美国商业周刊经济新闻网
Netvibes,基于webRSS信息聚合网
WebDesignShock,免费网页模版素材网
FilesHut,基于文档的搜索引擎
WeiLos,基于手机减肥教练对接应用
DesignWeek,英国图形设计周刊
PlayFrameWork,Java Web应用框架开发平台
Jamesnachtwey,战地摄影纪实网
TalkDesk,基于云服务呼叫中心平台
MobileAwesomeness,移动建站创意设计网
Bmobilized,Web网站变成HTML5移动网站工具
Family Web Files
Webmiles GmbH
Philatelie und UNESCO Welterbe
Trash-Mail.de Wegwerf-E-Mailadressen
futabasha.co.jp/new/jille_latest.html
Westf#228;lische Wilhelms
奇虎360官网
中国设计视觉网
我要我购
コニシ
Copyright © 2013-2018 人气网址收录 All Rights Reserved