本文主要是介绍Flash修改:百叶窗式切换效果【AS 3.0】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
我最早是2014年在鼠标炸弹【http://mousebomb.org/2018/】的技术博客【闪界】上看到的这个效果,虽然分类打的是原创,但主要部分是鼠标炸弹在更早的时候编写的,我只算个修改者。原作品在它的博客中【http://www.flashj.cn/wp/as3-baiyechuang-qiehuan.html】。
早在2009年,也就是Action Script 3.0发布不久,这位大佬就在还不能直接编辑3D效果的Flash CS4上纯代码写出了这个效果,其代码是相当的专业。2014年因为我要做一个展示用的Flash动画,需要过渡效果,无意间在百度上搜到了这个,但因当时自身水平不够,所以没法使用,于是自己照着它逐帧地做了一个,差点累死,效果呆板单一、一成不变,完全没有动态编写的强。当时水平有限主要是因为初识AS3.0,学艺不精,看不懂代码。
这个效果使用了AS 3.0中一个非常有用的库GTween【https://www.gskinner.com/libraries/gtween/index.html#download】,是gskinner编写的一项具有普适性、应用便捷、功能多样的过渡效果库,Flash自带的Tween类可以说是相形见绌。有一篇文章比较好的描述了它的强大性能【https://www.cnblogs.com/rob0121/articles/1752615.html】。强烈建议广大Flash用户使用。
然而任何产品都会更新换代,时过境迁后老版本自然被淘汰了。在2014年GTween已经更新过了,而2009年的动画代码是用老版本编写的,新版本掠去了GTweenTimeline这一辅助,setProperties也被setValues所取代。当时不懂,所以只能像饿狼一样盯着肥肉不能吃,比没肉还难受。
2015年暑假,我用了一周全面分析了老文件的代码,对使用GTween的部分进行了适当改进,修改成功。现在这种特效已经可以用最新的GTween运行了。
以下是替换的代码,有一句老代码没回忆起来。
//设置参数-老代码
gtween.setProperties({x:toX, rotationY:toRy, rotationZ:toRz, scaleY:3, alpha:0, blurX:20});
//设置参数-新代码
gtween.setValues({x:toX, rotationY:toRy, rotationZ:toRz, scaleY:3, alpha:0, blurX:20});
//暂停-新代码
gtween.paused = true;
//设置参数-老代码
gtween.setTweenEase(Strong.easeIn);
gtween.setTweenComplete(onTweenComp);
//设置参数-新代码
gtween.ease = Strong.easeIn;
gtween.onComplete = onTweenComp;
效果如下:
查看GTween:http://www.gskinner.com/libraries/gtween/#download
下载GTween:http://www.gskinner.com/libraries/gtween/GTween_v2_01.zip
原版切换效果源文件:http://www.flashj.cn/wp/wp-content/uploads/2009/10/src.rar【可能已失效】
新版切换效果源文件:http://pan.baidu.com/s/1mgHzzuS
这篇关于Flash修改:百叶窗式切换效果【AS 3.0】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!