カラフルな正方形が明滅するだけのプログラム〜初期値のカウントを保持〜

2019年9月21日

カラフルな正方形が明滅するだけのプログラムです。
特定パターンで明滅を繰り返すと同時に、正方形の色が変わります。
前回の黒い正方形が特定パターンで明滅するプログラムを色も変わるように改良したものです。
黒い正方形が明滅するだけのプログラム〜それぞれ初期値のカウントを保持〜

明滅かつ正方形の色が変わる特定パターンは
1.それぞれの正方形が1〜9のカウントを持つ
2.1秒ごとにそれぞれのカウントが減り、カウントが0になると正方形が消える
3.消えた正方形はまた初期値である1〜9のカウントから始め、カウントが0になると色がランダムに変わった正方形が再度現れる
となっております。

JavaScriptは用意されている関数が微妙なものが多いため、無理やり実現しています。
よってソースはかなり汚いです。

見た印象としては思ったよりもごちゃごちゃしていて綺麗じゃないですね。
以前のモノクロの方がきちんとまとまっている感があります。
情報量が多すぎるのでしょうかね。

gitにソースを公開しております。
https://github.com/Chico27/colorful-rectangle-sprinkle-count

jsはこんな感じに作られております。
コメントアウトは気にしないでください。

私の今までの成果物はこちらです。
成果物一覧

最後までお読みいただきありがとうございます。
ブログやTwitterでのシェアOKです。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。