var pixels = []; var W=32; var H=32; var stgW=400; var stgH=400; var clearCount=0; var idxX=0; var idxY=0; function setup() { stgW=window.innerWidth; stgH=window.innerHeight; createCanvas(stgW, stgH); for(var i=0;i=ww*hh){ //満タンだったらデカイ丸 drawCircle(xx,yy,ww,ww); }else{ //そうじゃなかったら分割してチェック splitDraw(xx,yy,ww/2,hh/2); splitDraw(xx+ww/2,yy,ww/2,hh/2); splitDraw(xx,yy+hh/2,ww/2,hh/2); splitDraw(xx+ww/2,yy+hh/2,ww/2,hh/2); } } function fillPixel(){ switch(clearCount%6){ case 3: idxY = floor( idxX / W ); if(idxY%2==0){ pixels[idxX%W][idxY%W] = 1; }else{ pixels[ W-1-idxX%W ][idxY%W] = 1; } idxX++; break; case 2: idxX = floor( idxY / W ); if(idxX%2==0){ pixels[idxX%W][idxY%W] = 1; }else{ pixels[ idxX%W ][W-1-idxY%W] = 1; } idxY++; break; case 4: idxY = floor( idxX / W )*2; var iy = idxY; if(idxY>=W){ iy=idxY-W+1; } pixels[idxX%W][iy%W] = 1; idxX++; break; case 5: idxX = floor( idxY / W )*2; var ix = idxX; if(idxX>=W){ ix=idxX-W+1; } pixels[ix%W][idxY%W] = 1; idxY++; break; case 1: idxX = floor( idxY / W )*3; var ix = idxX; if(idxX>=W*2){ ix=idxX-W*2; }else if(idxX>=W){ ix=idxX-W; } pixels[ix%W][idxY%W] = 1; idxY++; break; case -1: idxY = floor( idxX / W )*3; var iy = idxY; if(idxY>=W*2){ iy=idxY-W*2; }else if(idxY>=W){ iy=idxY-W; } pixels[idxX%W][iy%W] = 1; idxX++; break; case 0: idxY = floor( idxX / W )*3; var iy = idxY; if(idxY>=W*2){ iy=idxY-W*2; }else if(idxY>=W){ iy=idxY-W; } pixels[idxX%W][iy%W] = 1; idxX++; break; } if(idxX>W*H+15 || idxY>W*H+15){ idxX=idxY=0; clearPixel(); } } function checkPiels(){ for(var i=0;i0.1){ blendMode(DIFFERENCE); textSize(size*5); text( "広告募集中", i/(W)*stgW+oW/2, j/(H)*stgH+oH/2 ) blendMode(BLEND); } /* drawBall( i/(W)*stgW+oW/2, j/(H)*stgH+oH/2, ssW/2, ssH/2 );*/ /* circle( i/(W-1)*stgW, j/(H-1)*stgH, ss//直径 );*/ } function drawBall(x,y,r1,r2){ let r = Math.max(r1,r2); let ctx = drawingContext; let radius = r1; let startAngle = 0; let endAngle = Math.PI*2; let antiClockwise = false; radialGradient = ctx.createRadialGradient(x+r/2, y-r/2, r/10, x+r/2, y-r/2, r); radialGradient.addColorStop(0, "#fff"); radialGradient.addColorStop(0.5, "#f0f"); radialGradient.addColorStop(1, "#f00"); ctx.fillStyle = radialGradient; ctx.beginPath(); //ctx.arc(x, y, radius, startAngle, endAngle); ctx.ellipse( x, y, radius, r2, 0, startAngle, endAngle ); ctx.closePath(); ctx.fill(); }