Flash修改:百叶窗式切换效果【AS 3.0】

4 篇文章 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值