像素射击 - Cops N Robbers[纯干货]RGB算法教学进阶篇（二）:彩虹渐变

像素射击 - Cops N Robbers[纯干货]RGB算法教学进阶篇（二）:彩虹渐变如下：

自从基础篇推出后好久没有更新了，今天卧病在床闲着没事干突然想起来了要更新攻略。

由于进阶篇篇（一）篇幅较长，先发出进阶篇（二）

⚠️前排提示:在未阅读和前请勿阅读本篇教程

镇楼图

.

.

.

本篇主要的讲解内容为彩虹渐变

上篇中提到了一个简单的单色至单色的渐变:纯红到纯蓝＃ff0000→＃0000ff

彩虹渐变本质上和这个渐变一样，甚至更简单。

我在此先将全渐变过程发出来。

[ff0000]→[ff1100]→[ff2200]→[ff3300]→[ff4400]→[ff5500]→[ff6600]→[ff7700]→[ff8800]→[ff9900]→[ffaa00]→[ffbb00]→[ffcc00]→[ffdd00]→[ffee00]→[ffff00]→[eeff00]→[ddff00]→[ccff00]→[bbff00]→[aaff00]→[99ff00]→[88ff00]→[77ff00]→[66ff00]→[55ff00]→[44ff00]→[33ff00]→[22ff00]→[11ff00]→[00ff00]→[00ff11]→[00ff22]→[00ff33]→[00ff44]→[00ff55]→[00ff66]→[00ff77]→[00ff88]→[00ff99]→[00ffaa]→[00ffbb]→[00ffcc]→[00ffdd]→[00ffee]→[00ffff]→[00eeff]→[00ddff]→[00ccff]→[00bbff]→[00aaff]→[0099ff]→[0088ff]→[0077ff]→[0066ff]→[0055ff]→[0044ff]→[0033ff]→[0022ff]→[0011ff]→[0000ff]→[1100ff]→[2200ff]→[3300ff]→[4400ff]→[5500ff]→[6600ff]→[7700ff]→[8800ff]→[9900ff]→[aa00ff]→[bb00ff]→[cc00ff]→[dd00ff]→[ee00ff]→[ff00ff]→[ff00ee]→[ff00dd]→[ff00cc]→[ff00bb]→[ff00aa]→[ff0099]→[ff0088]→[ff0077]→[ff0066]→[ff0055]→[ff0044]→[ff0033]→[ff0022]→[ff0011]→[ff0000]

（具体效果如图所示）

.

.

.

我们将其拆解成几部分来讲解

1.＃ff0000→＃ffff00

这部分的渐变本质上为纯红到纯黄的渐变

我们只需要在G值上逐渐的加数值就可以

（效果如图）

2.＃ffff00→＃00ff00

这一部分的本质上纯黄到纯绿

这时候不同于上一个操作，我们需要对R值进行减少，以做到渐变到纯绿。

（效果如图）

（ps.绿色部分的渐变我实在是很难分辨出相邻色块的颜色区别，也可能是因为我绿色色弱的问题，各位一定要保护好眼睛）

3.＃00ff00→00ffff

此部分同理于上述操作，在B值上加值即可

（效果如图）

4.重复上述操作

实际上，如果我们将上面的全过程简化的话，实际上看起来是这样的

＃ff0000→......→＃ffff00→......→＃00ff00→......→＃00ffff→......→＃0000ff→......→＃ff00ff→......→＃ff0000

而且我们可以看出，这个渐变是可以进行无限循环的。而且通过可知，我们可以将这条彩虹随意的改短改长。

.

.

.

请大家多多点赞转发并提出建议。

转载请标注原作者。

进阶篇三将在不久之后推出

以上就是像素射击 - Cops N Robbers[纯干货]RGB算法教学进阶篇（二）:彩虹渐变相关内容。