黒い正方形が明滅するだけのプログラム〜２分の１の確率で明滅〜

2019年9月7日2019年9月21日

黒い正方形が明滅するだけのプログラムです。
現代美術館に触発されて作りました。
２分の一の確率で消えたり現れたりします。

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

jsはこんな感じに作られております。

const line = 15;
const column = 15;
const maxRectangle = line*column;
var limitCt = 0;
window.onload = function() {
  setInterval("sprinkle()", 1000);

  let k = 1;
  for (let i = 1; i <= line; i++) {
    for (let j = 1; j <= column; j++) {
      // selectChangeCt = Math.floor(Math.random()*10)+1
      const div = document.createElement('div');
      div.id='black_rectangele_' + k;
      div.classList.add('box');
      div.classList.add('flex');
      // div.classList.add('change_ct_' + selectChangeCt);
      document.body.appendChild(div);
      k++;
    }
    const div2 = document.createElement('div');
    document.body.appendChild(div2);
  }
}

//現在時刻を表示する関数
function sprinkle(){
  ct = 1;
  while(ct <= maxRectangle){
    randomNum = Math.random();
    if (randomNum < 0.5){
      let attr = document.getElementById("black_rectangele_" + ct);
      if (!attr.classList.contains('box_disappear')) {
        attr.classList.add("box_disappear");
      } else {
        attr.classList.remove("box_disappear");
      }
    }
    ct++;
  }
}