Flash实例教程:AS3代码简单表现照片底片效果

2016-01-29 12:15 5 1 收藏

Flash实例教程:AS3代码简单表现照片底片效果,本例为Flash AS3实例教程,教程讲解了运用AS3代码表现照片底片效果,在AS3中显示对象都有一个transform属性,设置这个属性可以改变显示对象的大小,旋转,颜色等特性.transform属性还有它自已的属性,其中的colorTransform属性就可以改变显示对象的颜色,教程详细讲解了transform属性的应用~~

【 tulaoshi.com - Flash 】

本文由 中国 sanbos 原创,转载请保留此信息!

本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 

在学习中遇到问题请到 论坛 发贴交流!

更多AS 3.0教程:http://www.jcwcn.com/portal-topic-topicid-2.html

底片效果的制作

效果如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

在AS3中显示对象都有一个transform属性,设置这个属性可以改变显示对象的大小,旋转,颜色等特性.transform属性还有它自已的属性, 其中的colorTransform属性就可以改变显示对象的颜色.colorTransform属性必须使用new来设置.格式:

显示对象.transform.colorTransform = new ColorTransform(红色乘数,绿色乘数,蓝色乘数,透明度乘数,红色偏移值,绿色偏移值,蓝色偏移值,透明度偏移值)

根据AS帮助文件说,乘数的取值范围是0-1,偏移值的取值范围是0-255.设置.transform.colorTransform属性后,会重新计算显示对象的颜色.
计算公式以红色为例: 新的红色 = 旧的红色*红色乘数+红色偏移值.

根据这个公式,我们就突发奇想,如果将乘数设为-1,偏移值设为最大255,那颜色不就完全相反了吗?那就是说黑色会变成白色,白色就会变成黑色了,这不是底片效果吗?但是,人家帮助文件说了,乘数的取值范围是0-1,那你还敢试吗?设为-1那不范规了吗?管他的,范规又不范法,有啥不敢.你胆子真大,于是你将RGB的乘数都设为了-1,偏移值设为了255,然后你怀着忐忑不安的心(不至于麻),测试影片,会发生什么呢?系统瘫痪,或者电脑爆炸?呵呵,说严重了点哈.测试的结果,你看到了一张底片效果,偷着乐吧你.

好了,原理你应该已经清楚了,现在我们制作.

1. 首先找一张图片,导入到flash中,新建一个影片剪辑,将图片放进去,放好.
2. 回到主场景,将图片元件拖到舞台上,然后复制一个,水平并排放好.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

Flash实例教程:AS3代码表现照片底片效果_中国

3. 为要制作成底片的那个图片元件设置实例名称:film_mc.
4. 用黑色填充,透明度设为70-80%,画一个比图片元件大一些的矩形,放到film_mc的下面.然后用白色填充画一个小的矩形,放到黑色矩形的上边,复制若干个,然后全部选中这些白色的矩形,打开对齐面板,取消相对于舞台设置,然后点击上对齐,再点击水平居中平均间隔.复制一份放到黑色矩形的下边.如下图:

Flash实例教程:AS3代码表现照片底片效果_中国

新建一层,打开动作面板,输入如下代码:
film_mc.transform.colorTransform = new ColorTransform(-1,-1,-1,1,255,255,255,0);
film_mc.scaleX = -1;

测试影片,效果怎样?
上面第二句代码,是使图片水平翻转,因为我感觉底片的方向好象是反的.

对本文感兴趣的朋友可以到这里提交作业、老师会为作业点评、加分:http://bbs.jcwcn.com/viewthread.php?tid=245307

来源:http://www.tulaoshi.com/n/20160129/1485248.html

延伸阅读
标签: FLASH flash教程
poluoluo核心提示:Flash Awww.Tulaoshi.comS3简单制作跟随鼠标缓动运动的圆,我们这个教程主要是利用AS3来制作,非常简单,适合新手。  Flash AS3简单制作跟随鼠标缓动运动的圆,我们这个教程主要是利用AS3来制作,非常简单,适合新手。 先看效果,鼠标点击动画的任何部分可以预览到效果。  启动flash,新建立文档,设置...
标签: FLASH flash教程
这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现在看得太多了的原故吧。呵呵...演示: http://www.taoshaw.com/taoshaw/study/qiang_xiangce/ 制作过程有点复杂。我写慢点吧。这个动画的代码其实不是很难,只是算法上有些麻烦。 1、新建一个...
本例为Flash AS3.0菜鸟学飞系列教程,在上一讲中我们学习了含有多个类的AS3类文件的写法,在这一讲中我们来学习帧循环的运用,希望能给初学Flash AS编程的朋友带来帮助~~ 学习AS3菜鸟起飞吧之帧循环 多帧循环 Flash中的帧在默认情况下是循环执行的,租用gotoAndPlay()函数可以实现简单的帧循环,而实现代码的重复执行。 gotoAndPlay()...
很久没写教程了 这次我们做一个实现图片或其他循环播放的教材 这样我们就不必要用复杂的帧动画来实现了 只需要一帧和一些简单代码 废话少说 看效果演示: 第一步: 新建影片剪辑元件1,放一张照片或其他放到元件1的舞台中间,重复次动作(新建2.3.4.。。。影片剪辑元件,一次放入照片) 第二步: 回到主场景,把所有影片剪辑元件依次拖...
标签: flash教程
 效果演示:(请移动鼠标看效果) [next] 敌人跟随我的AS代码 很高兴我昨天为一个游戏写了一些AS。(虽然不是我自已的而不能展示它,我只是被邀请写了其中的一部分),但是我很乐意与你一起共享其中的一些代码,比如我今天与你共享的一些源代码。 这个flash Actionspript源代码创一个跟随你的鼠标的敌人,特别要注意的是它不...

经验教程

417

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部