黒い正方形が明滅するだけのプログラム〜２分の１の確率で明滅〜
黒い正方形が明滅するだけのプログラムです。
現代美術館に触発されて作りました。
２分の一の確率で消えたり現れたりします。
gitにソースを公開しております。
https://github.com/Chico27/black-rectangle-sprinkle
jsはこんな感じに作られております。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
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++; } } |
私の今までの成果物はこちらです。
成果物一覧