【ActionScript】组件的颜色变换

本文介绍如何使用ActionScript让舞台上的组件改变颜色,并通过一个正方形颜色循环变化的例子进行详细说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ActionScript除了控制组件的位置、旋转位置与透明度以外,还能使组件变色。

如下图的一个例子:


一个原本是淡蓝色的正方形,从红色变成蓝色再变成绿色,最后变回红色。

这里使用ActionScript则如下实现:

一、基本布局

与《【ActionScript】ENTER_FRAME事件与组件的旋转》(点击打开链接)一模一样,就是画一个正方形的影片剪辑。

1、通过Ctrk+F8,或者插入->新建原件,新建一个名为square的影片剪辑


2、在影片剪辑中通过矩形工具,设置其没有笔触,否则一会儿用选择工具很难选取,在影片剪辑中任意拖出一个矩形。之后使用选择工具,选择这个矩形,如图设置其位置于大小,X:-100,Y:-100,分别为,宽、高200px的相反数的一半。之后点左上角,切换回场景1。


3、在舞台中,按F11打开库,把库中的square影片剪辑拖到舞台,之后右键第1关键帧,打开动作面板,开始脚本的写作。


二、脚本编程

之后在第一帧写入如下脚本:

import flash.utils.Timer;  
import flash.geom.ColorTransform;

var colorTransform=new ColorTransform();

//清除组件现有的颜色
colorTransform.redMultiplier=0;
colorTransform.greenMultiplier=0;
colorTransform.blueMultiplier=0;


var flag =0;//用来一次颜色转换是否完成 
var timer = new Timer(100,0);//此定时器每100毫秒执行1次,0意为执行无数次,不停息。设置为n则执行n次之后自动停止  
timer.addEventListener("timer",function(){  					   
    if(flag==0){
		colorTransform.greenOffset-=10;
		colorTransform.redOffset+=10;//square组件的R值从每次增加10,G值每次减少10
		square.transform.colorTransform=colorTransform;//对square组件应用颜色变化。
        if(colorTransform.redOffset>255){  
            flag=1;  
        }  
    }  
    else if(flag==1){  	
		colorTransform.redOffset-=10;
		colorTransform.blueOffset+=10;
		square.transform.colorTransform=colorTransform;
        if(colorTransform.blueOffset>255){  
            flag=2;  
        }  
    }
	else if(flag==2){
		colorTransform.blueOffset-=10;
		colorTransform.greenOffset+=10;
		square.transform.colorTransform=colorTransform;
        if(colorTransform.greenOffset>255){  
            flag=0;  
        }
	}
	
});  
timer.start();//开始定时器  


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值