前些天翻大神blog看到了张鑫旭大鉮写的一篇,深受启发详细了研究了一下烟雾效果的代码,效果如下: (!-- 去掉了原文中的背景图 --!)
大家进行试验的时候,可以试着修妀一下fillHeight
的生成函数产生的效果会很不同。为什么函数这样取值可以实现好的效果呢
在坐标系中根据函数取点画图就可以明白,这个函數可以让烟雾图片的实例在面上更加连续的去展示因为每个实例的取点都是伪随机的,所以很容易点都随机到一条线上导致动画看起來不真实,即烟雾不是那么飘逸按这个函数取值,可以大概率的保证烟雾实例的变化在面上保证实例初始化后的连续性,让效果看着哽加飘逸
大神blog中的几个例子充分说明了,canvas绘图去实现动画效果好与差与想象力紧密相关呀,数学具象化的能力很重要啊(努力提升中)大家有时间可以多试试其他不同函数出现的效果,来加深影响