
| ||||||
| 作者:金大为 来源:general.blogjava.net 发布时间:2007-10-14 22:24:06.267 | ||||||
| 刚刚学习了一下网页动画中上的缓动效果,分享一下学习心得。
其中,我们只要知道一个的曲线,其他两个都可以转换生成: 知道渐入曲线之后,将其相对于(0.5,0.5)点绘制镜像,就是一个缓出运动,分段叠加就是一个完整的缓入缓出运动。 首先,常见的加速/减速运动: 初中物理就能搞定。 加速渐变函数为(easeIn): y=x*x; //y轴比例常数无需考虑 这是一个简单的2次曲线,表现一个渐入运动。 简单的变换一下:y = 1-(1-x)*(1-x) 减速运动(easeOut) 复杂一点: y = x>0.5? 1-2(1-x)*(1-x) : 2*x*x : 先加速后减速运动(easeBoth) 既然有二次曲线,很自然就想到三次、四次曲线。是的,这些曲线都有类似特征,区别在中间更陡峭,两头平缓(缓入缓出) 接下来,我就想实现一下弹动效果: 这类效果就好像一个甲虫飞到蜘蛛网上,在网上抖动两下,静下来听天由命。 抖动,周期运动,好,我们很快就想到正弦曲线。 方法基本正确,不过我起初还是走弯路了,我自作聪明的想着延长开始的半周期(x轴边形处理,振动让周期先大后小)。 但最终发现效果非常不理想,最后查看yui的实现。模仿一下,走出了这个误区。 我们通常看到的振荡移位效果,都是开始移动了较长位移,给人一种开始的振动周期更长的错觉,振动周期是不需要变化的。 纠正这个错误后,实现曲线函数如下: y = Math.pow(1024,x-1)*Math.sin(x*((2*(period||1)+0.5)*Math.PI)); 利用指数函数的第二象限的渐变特征变形,取处理正弦波形的振幅,达到一个衰减的效果。 趁热打铁,看看yui的其他几类渐变效果: 回退起步效果。 喜欢看动画片的话,你一定记得这个常见的场面,当一个家伙想快跑的时候,一点要先回撤一段距离,能后如突然加速前进。ok要的就是这个效果。 实现其实也很简单,一个二次曲线就可以搞定 y = x*(x-(backDistance||0.1)*4) 撞墙效果 这个名字可能不太合适吧,应该叫撞地效果更合适,鉴于撞墙这个名词更常见一些,也就标题党一回好了:) 玩过弹球吧,弹球的运动规律一定还记得。 对就是这种轨迹。 运功轨迹就是若干条二次曲线的分段拼接。改写一个yui里面的模拟实现。 this.bounceOut = function (x) { if (x < (1/2.75)) { return x*x; } else if (x < (2/2.75)) { return (x-=(1.5/2.75))*x + .75/7.5625; } else if (x < (2.5/2.75)) { return (x-=(2.25/2.75))*x + .9375/7.5625; } return (x-=(2.625/2.75))*x + .984375/7.5625; }; 这里手动指出了一大堆参数,其实,这些参数都可以通过计算得出,偷个懒,就这么地吧,^_^ |
| 4. 特殊功能 功能:清洁卸妆护肤一次完成 精油:天竺葵,迷迭香 基底油(建议葡萄子油) 将天竺葵3滴迷迭香2滴,调和于5ml的基底油中,作为每天起床后与沐浴前的清洁护肤按摩油,可达到深层清洁与紧实肌肤的目的,之后再用中性沐浴乳洗净。 功能:瘦脸提升 迷迭香2+杜松1+胡萝卜籽油1+橙花1+葡萄籽油7ml+月见草油3ml 功能:白头粉刺 精油:佛手柑,熏衣草 葡萄子油 将佛手柑3滴,熏衣草3滴,调和于5ml葡萄子油,早晚于易生患部按摩施用。 功能:黑头粉刺 精油:佛手柑,丝柏,熏衣草,柠檬香茅,荷荷巴油 准备一脸盆的热水,先用熏衣草3-5滴于热水中,用毛巾罩住脸盆与脸间以热蒸汽敷脸5-10分钟,然后用丝柏3佛手柑2调和5ml荷荷巴油按摩脸部,清洗干净后,再用热水加上柠檬香茅2滴敷脸,可达到软化、清洁去除、收敛的三重效果! 功能:20岁到30 岁间的肌肤活化防皱 精油:橙花,熏衣草,天竺葵 将葡萄子油 橙花2,熏衣草5,天竺葵3,混于10ml的葡萄子油中,睡前按摩,停留五分钟后洗净。 功能:30岁到40 岁间的肌肤活化防皱 精油:广藿香,快乐鼠尾草,洋甘菊 将甜杏仁油 广藿香3,快乐鼠尾草3,洋甘菊3,混于10ml的甜杏仁油中,睡前按摩,停留五分钟后洗净。 功能:40岁以上的肌肤活化防皱 精油:熏衣草,橙花,乳香,檀香 甜杏仁油 将熏衣草3滴,橙花3滴,乳香3滴,檀香3滴,混于10ml的甜杏仁油中,睡前按摩,停留五分钟后用温水洗净。 面部保湿 适合的基底油有:月见草油、甜杏仁油、蔓越莓油、荷荷芭油, 适合的精油有:乳香、檀香、广藿香、罗马洋甘菊、甜橙花、玫瑰 将基底油5ml配上总数5滴的精油,以此比例制作脸部按摩油,轻柔的按摩脸部,按摩后洗掉或用面纸拭去脸上多余的油指即可保有长时间的保湿防干效果。 恢复肌肤光泽:乳香、迷迭香。 (1)荷荷芭油30ml+乳香精油三滴。 (2)荷荷芭油30ml+迷迭香精油四滴。 ˙使用方式:在脸上涂满按摩油,以绕圈圈的方式,用指腹轻轻按摩。 ˙注意事项:睡眠必须充足 5. 护发配方 1.中性头发:迷迭香精油,檀香精油,伊兰精油。这两者都是绝佳的中性头发护发精油。檀香的味道和头发最能搭配,十分好闻。 2.油性头发:薄荷精油,杜松精油,茶树精油。薄荷精油十分适合夏天用,而杜松则有一种很特别的木质香味,茶树精油有很好的去头屑效果。 3.干性头发:百里香精油,乳香精油。它们能够促进油脂的分泌。 每次加入清水中的精油量不能超过5滴,可以自己搭配。 另外,以下我再介绍几种特殊配方的按摩油,它们是起护理效果的按摩油,洗完头发后擦干,用按摩油轻轻按摩头发和头皮,用温毛巾包住头发20分钟(毛巾不能太热),令精油渗透进去。 1、油性头发: 佛手柑2滴+柠檬草1滴+丝柏1滴+荷荷芭油5ml; 佛手柑2滴+鼠尾草1滴+杜松1滴+荷荷芭油5ml; 2、中性头发: 天竺葵1滴+薰衣草1滴+鼠尾草1滴+荷荷芭油5ml 天竺葵2滴+熏衣草2滴+鼠尾草2滴(混入洗发水中用) 3、干性头发: 熏衣草2滴+天竺葵2滴+依兰2滴+荷荷芭油5ml; 熏衣草2滴+天竺葵2滴+依兰2滴(混入洗发水中用) 4、头皮屑过多: 鼠尾草2滴+杜松1滴+葡萄籽油3ml ; 熏衣草2滴+迷迭香1滴+柠檬草2滴+葡萄籽5ml; 5、受损发质: 檀香1滴+熏衣草1滴+天竺葵1滴+荷荷芭油5ml; 乳香1滴+佛手柑2滴+迷迭香1滴+荷荷芭油5ml; 乳香1滴+鼠尾草1滴+迷迭香2滴+荷荷芭油5ml 乳香1滴+熏衣草14滴+鼠尾草5滴+迷迭香10滴+荷荷芭油30ml DIY护发调理水 (一) 帮助平衡油脂分泌,预防头皮屑产生. 材料:薄荷精油5滴.甘油5ml.矿泉水100ml混合即可. (二) 中性发质适用,迷迭香不但调理头皮,也可增加头发明亮感. 材料:迷迭香精油5滴.甘油5ml.矿泉水100ml.混合均匀即可. (三) 适合纤细.受损发质,使干性发质看起来有明亮感,也可以增加蓬松度. 材料:洋甘菊5滴.甘油5ml.矿泉水100ml.混合均匀即可. 6. 补充 手部保湿 每晚洗完澡后,将调好的按摩油(甜杏仁油5ml+月见草油3 ml +蔓越苺油3 ml,加入乳香5d+岩兰草3d+广藿香3d)按摩双手。按摩后戴上戴上棉质的布手套,让双手休息,如需做事情,请在棉布手套外套上塑料手套。都可以让皮 肤迅速保湿,不但避面龟裂,还可以让手部恢复白晰柔嫩。 脚干、脚底后跟的皮不断增厚变硬,慢慢出现龟裂的纹路,脚掌的皮肤变薄出现皱纹。 保湿对策:适度去角质,利用洗澡时,或是足浴时,用浮石,轻轻的将脚底已形成的硬皮部位,轻柔的按摩,去除坏死的角质,洗后一定要涂抹上乳霜(玫瑰乳霜一罐+檀香10滴)或按摩油,从足部按摩至小腿,的皮肤皮肤就会柔嫩、有透明感,不在脱皮龟裂。 精油瘦脸配方 水肿型-迷迭香、杜松、薰衣草 脂肪型-柠檬、迷迭香、茴香 肌肉型-薰衣草、天竺葵、柑桔 綜合型-迷迭香、天竺葵、薰衣草 用十二毫升的基底油加上每种精油各两滴调和,精油一般冬天用甜杏仁油,夏天用葡萄籽油。中国的MM可以在佰草集买芦荟油(有美白效果)。把调好的精油倒在 掌心搓至温热开始按摩(手上不要有残留的化妆品)。从脸部到颈部,促进淋巴的代谢,再运用拇指和食指,从嘴角到耳朵按摩,再从鼻角到耳朵重复按压。 注意事项: 1、脸部肌肤不同于其它部位,敏感程度相对较高,大家在用之前请先在头颈上做试验。等5分钟看有没有瘙痒,发红,起疙瘩的过敏现象。 2、眼睛周围一定不要用,不小心粘上了请用大量清水洗净。 精油按摩用法配方 减轻肌肉酸痛:薄荷10滴+熏衣草12滴+柠檬8滴+ 30ml荷荷芭油 帮助睡眠:熏衣草12滴+柠檬8滴+ 30ml甜杏油 清洁肌肤:茶树3滴+ 5ml榛果油(按摩脸部5-10分钟) 驱除蚊虫:熏衣草8滴+薄荷8滴+ 10ml荷荷芭油 淡化妊娠纹、疤痕:茉莉10滴+熏衣草10滴+桔10滴+ 30ml玫瑰籽油 “敷面法” 进行“敷面法”时,只需预备一盆热水,按需要,将3-6滴香熏油加入其中,均匀搅动后,将湿毛巾绞干,脸对着脸盆,相距大约15-20公分,用毛巾包住脸与脸盆边缘,尽量不让香熏漏出,如此熏10-15分钟左右。 敷面法可软化死皮,并促进新陈代谢,使细胞活跃,增加皮肤吸收养分的能力。如果是冷敷,则对痛症有帮助,可用于急救。 当然,不同性质的皮肤和病症,所用的香熏油亦有所不同,具体用法如下: 油性皮肤:柠檬(3滴) +丝柏树(2滴) 干性或成熟皮肤:乳香(3滴) +檀香木(2滴) +鼠尾草(1滴) 中性或敏感皮肤:玫瑰(2滴) +甘菊(4滴) 面黄或呆滞皮肤:尤加利(2滴) +甘菊(3滴) /松木(2滴) +熏衣草(2滴) 消化不良:胡椒薄荷(3滴),热敷在胃部 咳嗽:百里香(2滴) +熏衣草(4滴) +茶树(2滴),热敷在胸部 发烧:尤加利(4滴),冷敷在头上 经痛:玫瑰(4滴) +蜜蜂花(4滴) +甘菊(4滴),热敷在肚腹间 太阳晒伤:熏衣草(2滴) |