如何使用 HTML5 Canvas 制作水波纹效果

如何使用 HTML5 Canvas 制作水波纹效果,第1张

看看flash是怎么做的吧。水波波纹效果有好多种做法,实现难度不一样,效果也不一样。

比如这个

http://bbs.9ria.com/forum.php?mod=viewthread&tid=404246&highlight=%E6%B0%B4%E6%B3%A2

可以在论坛搜一搜,有讲原理的,也有直接贴源码的。用遮罩做比较简单,用柏林噪声做比较难。

水纹是人们十分熟悉的表示吉祥寓意的纹样,在人们的日常生活中被大量运用,表达一种情感的寄予和对美好的向往。(一)传统水纹的寓意:水纹是我国古典传统吉祥图案之一,蕴含着深厚的美学价值也体现着一定的文化内涵。水纹一般表达的有四个含意 :“富、贵、寿、喜”。也正是因为水本身的形态和性格决定了人们赋予它美好的寓意。水是万物本源 , 生生不息。水有极强的凝聚力 , 包容性和富有生机和毅力等性格。水文化中也蕴涵着“以柔克刚”“柔中见刚”的精神内涵。所谓上善若水,善利万物而不争,就是对水的品性的赞扬。(二)传统水纹的分类水纹种类繁多,不同的时期有着不同的形态,将水纹大致上可分为三种类型:一是表现水流呈漩涡状的涡纹(旋涡纹);二是表现流水动态的水波纹(或称波浪纹、波状纹);三是表现海水翻腾的海水纹 (海涛纹)。其中 , 涡纹是奔腾流水的表现,流畅生动的涡状组织结构十分巧妙,富有动感;水波纹则是另一种对水波的模拟形式,经过抽象变形而成,流动生机而富有优美的节奏和韵律感,随后在涡纹和水波纹的基础上经过多次演变和发展后,形成了更为写实且更具动感的海涛纹。

水纹的画法如下:

第一种:波浪法。

像这样形似小山丘,一个挨着一个,中间加以线条形成水纹,重复造型不断增加,波浪斜上走势,自然排列可加皴染,从根部向上渐渐淡去,这样就画好了。

第二种:涟漪法。

介于浪和水之间,小幅度不规则波纹,波纹加弧线体现风吹涟漪,造型要圆润,不可有硬角,可加皴染,渲染在弧线和波纹之间。

第三种:网纹法。

形如渔网,分组分层,可加皴染,渲染留出飞白,以表现阳光打在水面的效果。

第四种:海潮法。

不规则小型浪花,以水纹组合,浪花斜上走势,可加皴染,渲染在浪花下面,体现明暗效果。

水波纹画法素材参考:

水纹出处:

《西京杂记·卷二》:“汉诸陵寝,皆以竹为帘,皆为水纹及龙凤之像。”

南朝·梁元帝《晚景游后园》诗:“日移花色异,风散水纹长。”

前蜀李珣《南乡子》词之二:“兰棹举,水纹开,竞携藤笼采莲来。”

陈毅《东征初抵高淳》诗:“波光荡漾水纹平,河汊沟渠纵复横。”

唐·李益《写情》诗:“水纹珍簟思悠悠,千里佳期一夕休。”

宋·欧阳修《有赠余以端溪绿石枕与蕲州竹簟》诗:“端溪作出缺月样,蕲州织成双水纹。”

以上内容参考:百度百科-水纹怎么画


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8364870.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存