RGB颜色action自定义教程 — 色光叠加篇

我一人走在街头

我一人走在街头

2016-01-29 12:49

RGB颜色action自定义教程 — 色光叠加篇,RGB颜色action自定义教程 — 色光叠加篇

    通过前几篇教程,相信大家对于RGB颜色方面的编程应该已经是得心应手了吧?还有一个方面我们没有涉及,那就是:颜色叠加。等这一篇写完,我想我的这个RGB教程也该结束了,因为我肚子里可就只有这么点东西了。

    这个色光叠加部分,更多的是一种想法,连算法都算不上。因为这一部分连可以copy了直接用的代码都没有,只有一个swf文件,还是为了演示用的,不过我想这个swf里模仿photoshop的取色器大概还是有一点意思的,因为这不是本节的重点,大家还是自己分析源码吧,看过上一节和这一节后,应该不难理解!

    言归正传,我们都知道可以用RGB的3色值来表示一个颜色。但是这并不是说我们在实际中看到的眼色就是由3原色光叠加组成的(计算机屏幕自然如此),而是说这种光的颜色和对应的3色光叠加对人眼的刺激是相同的,也就可以等效起来了。因此或许如果对于别的生物,比如猫,因为眼睛构造的不同,我们看来屏幕上和实物完全相同,猫看起来却不一样。这一部分在学科划分上属于色度学和心理学(交叉),大家有兴趣可以自己找资料看一看。

    说这些废话是为了分清楚一件事情,光叠加和色(比如水彩)叠加。红光加上绿光看起来是黄光,但是红墨水掺上绿墨水可就差不多是黑的了。我们在计算机上所作的,都是光叠加的内容。

    如果是一束ff0000的光和一束00ff00的光线叠加,是什么颜色?不错,是黄色:0xffff00.这也种简单的叠加方法其实也适合于更复杂的情况。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)

    看到这里大家可能有一个担心,如果一种色光的强度超过255怎么办?很简单,超过255就把他设置为255,可不要进位啊!呵呵,开个玩笑。其实,这个担心是多余的,我们能证明,实际的情况中,永远也不会出现某一色光强度超过255的情况,最高等于255.

    我觉得色光叠加最核心的问题是:如果是一个半透明的东西覆盖在另一个物体上,颜色怎么计算?

    这可能是很多网友最头疼的问题之一,我也是和cnmusa讨论这个到问题才开始深入的思考色光叠加问题的。为简单考虑,我们先考虑整块的色块。一个色块的alpha值是30,意味着什么?就是说他本身的颜色我们可以看到30%,有70%(1-30%)的底色可以透过它射上来。是不是这个样子的呢?我们来做一下验证,看下面这个flash.

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)

    页面:点这儿参观

    源代码(34K):colortest5.zip

    在这个flash,你可以自己选择底色、覆盖层颜色、覆盖层透明度,然后看看我根据刚才那个原理预测的颜色是否和实际颜色相同。因为用了很多Math.floor(),肯定有误差,但是到目前我自己还没发现误差很大的情况。基本上可以证明,我关于半透明覆盖的猜想是正确的。

    那现在我们可以得出计算公式了:叠加色r=覆盖色r*覆盖alpha+底色r*(1-覆盖色alpha);绿和蓝也是如此,然后再3色组合起来。

    在我的这些flash文件里,rgb都是自己定义的,开始就是分立的。如果不是这样,那我们如果怎么得到一个诸如0xf456c7这样的颜色代码的rgb分立值?很简单:color=0xf456c7;r=(color&0xff0000)16;g=(colo"

展开更多 50%)
分享

猜你喜欢

RGB颜色action自定义教程 — 色光叠加篇

flash教程
RGB颜色action自定义教程 — 色光叠加篇

RGB颜色action自定义教程(2) — 随机颜色篇

flash教程
RGB颜色action自定义教程(2) — 随机颜色篇

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

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

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

flash 颜色 action 自定义教程(1)

flash教程
flash 颜色 action 自定义教程(1)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

iPhone自定义铃声教程

iphone iPhone 5s iPhone 6 iphone刷机
iPhone自定义铃声教程

《死侍》自定义键位心得完美自定义键位

电脑网络
《死侍》自定义键位心得完美自定义键位

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Flash MX行为功能初体验:相册的制作

Flash MX行为功能初体验:相册的制作

《苍穹之剑》三大快速赚钱方法攻略

《苍穹之剑》三大快速赚钱方法攻略
下拉加载更多内容 ↓