Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8944

JavaScriptで複数の四角形を使ったデジタルアートを作ってみた「作業おばけ」

$
0
0

こんにちは〜作業おばけです。


ソースコード
<!doctype html><html><head><metacharset="utf-8"><title>作業おばけ</title><style>*{margin:0;padding:0;}</style></head><body><canvasid="canvas"width="320"height="320"></canvas><script>constcanvas=document.getElementById('canvas');constctx=canvas.getContext('2d');letx=0;lety=0;letwidth=320;letheight=320;functiondraw(){letrandomColor="#"+Math.floor(Math.random()*16777215).toString(16);x+=3;y+=3;width-=6;height-=6;ctx.strokeStyle=randomColor;ctx.strokeRect(x,y,width,height);if(width<=1){width=320;height=320;x=0;y=0;}}setInterval(draw,16.7);</script></body></html>

作業おばけのWEBサイト https://www.o--o.cf/


Viewing all articles
Browse latest Browse all 8944

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>