【烟台】流动的彩虹灯带
我们要做流动的彩虹灯带,首先我们要实现彩虹灯带,也就是灯带上的颜色要实现红绿蓝三色的渐变。我们知道我们要让三种颜色在只有60个小灯的灯带上渐变也就是每种颜色渐变为第二种颜色需要20个小灯,为了能使颜色渐变能有一个较好效果,我们要设一个列表来存储每个灯上的颜色,相当于设一个调色盘来存储各种颜色,即http://r.photo.store.qq.com/psc?/V13slqLh0xNjOv/jKwCg1C7YRUNu7w0Ty5ry*jGO5WseoyTURMdQqKILLXfEhEn9bRXQ4xc.DNZglVc5K9*rB.RLA4UGIwUT5Y36Q!!/o&bo=tgAdALYAHQADEDU!。当然首先我们要先来设置灯带:http://a1.qpic.cn/psc?/V13slqLh0xNjOv/jKwCg1C7YRUNu7w0Ty5ry4FLRVJT2OWPtmYTaMmn5j0P6B2b2.H77X2vy49okC92K7VeJ1*RvEe3AdTYvzIXEg!!/b&ek=1&kp=1&pt=0&bo=OgEdADoBHQADFzI!&tl=1&vuin=498792710&tm=1584086400&sce=60-1-1&rf=0-0
我们来写前20个小灯颜色变化:
http://r.photo.store.qq.com/psc?/V13slqLh0xNjOv/jKwCg1C7YRUNu7w0Ty5ryyGHAD9j3rGEW51SLWER8rhEij2R06xR8sy*WLX3SQZow3fwzzL7d14zSQ3ROO4.uw!!/o&bo=NQJ*ADUCfwADEDU!
同理,因为第二部分红色不再显示 值为0,只有绿色和蓝色。但i的值变成了从20~39,因此我们需将上式中的i变成i-20,这样代码如下:http://r.photo.store.qq.com/psc?/V13slqLh0xNjOv/jKwCg1C7YRUNu7w0Ty5ryy0j57dyqnkav2dYn*ce14DL2*LErTzRAsqBmDgAX7wjKRpU8uPqdumzzMsKsXD2TQ!!/o&bo=gwKJAIMCiQADEDU!
同理,得到第三部分:
http://a1.qpic.cn/psc?/V13slqLh0xNjOv/jKwCg1C7YRUNu7w0Ty5ry88bgaGZwCSNBbWpy5VuSux3bw6k0TTlN0R*pfJw7w*OfKvkbl0UDJQrlDH4OypDzg!!/b&ek=1&kp=1&pt=0&bo=gwKNAIMCjQADFzI!&tl=1&vuin=498792710&tm=1584086400&sce=60-1-1&rf=0-0
下面我们让灯带亮起来,我们假设让灯带亮9999次(这个次最好大一点,不然灯带亮一会就会重新刷新),如果要让它流动起来,只要在外面再加一个无限循环就可以了。代码如下:
http://r.photo.store.qq.com/psc?/V13slqLh0xNjOv/jKwCg1C7YRUNu7w0Ty5ry2tJNlvyJYiG.jvCg*QdMp1VAUuGQPcRC..07rRfz0TEiDxTNqUfqW46mVoMyk9k5A!!/o&bo=FAJSARQCUgEDEDU!
注意:从列表中取颜色时,我们需取两次,因为列表中的元素本身也是一个列表,这就是这个例 子中比较难懂的知识点
最后效果如下:
https://v.youku.com/v_show/id_XNDU4NjMxMzc4MA==.html
页:
[1]