xxxxxxxxxx319
<html lang="en"> <head> <script src="https://cdn.jsdelivr.net/npm/@jaames/iro@5"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.2/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.2/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <meta charset="utf-8" /> </head> <body> <main> <div id="picker"></div> <div style="display: flex;"> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 17, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 30, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 47, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 59, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 77, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 94, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 106, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 123, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 136, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 153, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 170, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 183, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 200, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 213, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 230, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 247, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(251, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(234, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(221, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(204, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(187, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(174, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(157, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(145, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(128, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(111, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(98, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(81, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(68, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(51, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(34, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(21, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(4, 255, 0);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 9);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 26);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 43);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 55);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 72);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 85);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 102);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 119);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 132);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 149);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 162);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 178);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 195);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 208);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 225);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 238);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 255, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 238, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 225, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 208, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 195, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 178, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 162, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 149, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 132, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 119, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 102, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 85, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 72, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 55, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 43, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 26, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(0, 9, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(4, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(21, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(34, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(51, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(68, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(81, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(98, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(111, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(128, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(145, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(157, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(174, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(187, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(204, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(221, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(234, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(251, 0, 255);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 247);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 230);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 213);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 200);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 183);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 170);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 153);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 136);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 123);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 106);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 94);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 77);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 59);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 47);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 30);" ></div> <div style="width: 100%; height: 50px; background-color: rgb(255, 0, 17);" ></div> </div> </main> <script src="sketch.js"></script> </body></html>