RGB颜色action自定义教程(3)—颜色渐变篇

　　前面两篇讲了颜色配置的基础和随心所欲的得到随机的颜色，希望对大家多少有所帮助。说完随机颜色，我们再讲讲颜色渐变，就像下面这个动画：

　　

　　页面：点这儿参观

　　源代码(3K)：

　　colortest2.zip

　　这样用颜色来表示y轴数值的大小，还是很直观的，怎么做的呢？有了前面关于颜色讨论的基础，我想大家应该都差不多猜出做法来了，就是把rgb中的一个跟随变量的增加而增加，就像这样：

　　for (n=1; n<=200; n ) {

　　attachMovie("ball", "ball" n, n);

　　//复制200个点

　　this["ball" n]._x = 2*n;

　　y = Math.sin(n*Math.PI/100)*100 150;

　　this["ball" n]._y = y;

　　//配置点的位置

　　mycolor = new Color(this["ball" n]);

　　mycolor.setRGB(255 << 16 | Math.floor(255*(y-50)/200)<<8 | 0);

　　//根据y的位置定义点的颜色

　　}

　　关键就在红色的Math.floor(255*(y-50)/200)<<8处，为什么这么写我就不用解释了吧？大家应该都明白了吧？不明白再问。

　　看了上面的颜色渐变，大家肯定想做出更复杂的颜色渐变吧，看看下面：

　　

　　页面：点这儿参观

　　源代码(3K)：

　　colortest3.zip

　　是不是很有意思啊，下面是用flash自带的调色板做的渐变，上面是用action计算出的渐变。看起来似乎很麻烦，其实也很容易的，因为我们只要知道了色谱渐变的规律就行了，色谱渐变关键是找关键点。大家能够在连续色谱上自己距离不远取取颜色看看，很快就能够发现规律。写出来就是：

　　FF0000-g增加-FFFF00-r减少-00FF00-b增加-00FFFF-g减少-0000FF-r增加-FF00FF-b减少-FF0000

　　这是个分段函数，用action实现起来就是：

　　a = Math.floor(n*6/nmax);

　　b = Math.floor((n*1530/nmax)%5);

　　//nmax=320；n从1增加到320；所以a最小值0，最大值6；b最小值0，最大值255

　　if (a == 0 || a == 6) {

　　?????mycolor.setRGB(255 << 16 | b << 8 | 0);

　　?????//FF0000--FFFF00段

　　} else if (a == 1) {

　　?????mycolor.setRGB((255-b) << 16 | 255 << 8 | 0);

　　?????//FFFF00--00FF00段

　　} else if (a == 2) {

　　?????mycolor.setRGB(0 | 255 << 8 | b);

　　?????//00FF00--00FFFF段

　　} else if (a == 3) {

　　?????mycolor.setRGB(0 << 16 | (255-b) << 8 | 255);

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有