let hash,widget,numWidgets,debugBrush,debugPos,debugLineArray,mainGraphic,WIDTH,HEIGHT,maxLine,perimeter,bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda,bSD,backgroundColor,fileName,palette1=["green","lime","darkgreen","orchid"],palette2=["orange","violet","crimson","yellowgreen","yellow"],palette3=["darkorange","darkred","darkorchid","goldenrod","plum"],t=0,delta=.001,pos=!0,widgets=[],brushes=[],lineStyles=[],DEBUG=!1,DEBUG2=!1,DEBUG3=!1,grainOn=!0,checkFlag=!1,loopCount=0,mousePressCount=0,collisionProbability=.99,minWindow=500,palette=["green","lime","darkgreen","orchid","orange","violet","crimson","yellowgreen","yellow"],cSize=20,omegaSuppress=.001,grainGraphics=[],drawOn=!0;function applyImageEffects(t,e,i,r,o,s,a){let h=createImage(t.width,t.height);t.loadPixels(),h.loadPixels();for(let n=0;ne.z?-1:t.z>0,WIDTH=windowWidth,HEIGHT=windowHeight,BASE=Math.min(WIDTH,HEIGHT)/2,perimeter=2*WIDTH+2*HEIGHT,maxLine=Math.sqrt(Math.pow(WIDTH,2),Math.pow(HEIGHT,2)),backgroundColor=color(random(255)>>0,random(255)>>0,255),createCanvas(WIDTH,HEIGHT),mainGraphic=createGraphics(WIDTH,HEIGHT),grainOn){grainGraphics=[createGraphics(WIDTH,HEIGHT),createGraphics(WIDTH,HEIGHT)],grainGraphics[0].background(200),grainGraphics[1].background(backgroundColor);let t=.5,e=[100,0,50],i=.1,r=60,o=1.2,s=.1,a=applyImageEffects(grainGraphics[0].get(),t,e,i,r,o,s);grainGraphics[0].clear(),grainGraphics[0].tint(255,8),grainGraphics[0].image(a,0,0),t=.1,e=[random(75),0,random(80)],i=.03,r=20,o=.9,s=.6,a=applyImageEffects(grainGraphics[1].get(),t,e,i,r,o,s),grainGraphics[1].clear(),grainGraphics[1].tint(255,255),grainGraphics[1].image(a,0,0)}bType="Ellipse",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="Ellipse",bWidthError=.5,bRotationError=.3,bStrokeOn=!1,bColor=[random(palette)],brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="SplashRadial",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],brushLambda=function(t,e,i){return Math.sin(2*t+e/10)},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="SplashRadial",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],brushLambda=function(t,e,i){return Math.cos(t)},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),noiseSeed(random()),bType="SplashRadial",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],brushLambda=function(t,e,i){return noise(t+e/10)},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="SplashRadial",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],brushLambda=function(t,e,i){return Math.cos(i/10-Math.PI)},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="SplashRadial",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],brushLambda=function(t,e,i){return Math.abs(Math.sin(t+e/10))},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="SplashRV",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette)],bSD=.1,brushLambda=function(t,e,i,r){return Math.sin(2*t+e/10)+randomGaussian(0,bSD)},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda,bSD)),bType="RSphere",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette),random(palette)],brushLambda=function(){return[1-random(random(random())),random()]},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda)),bType="RLSphere",bWidthError=.1,bRotationError=.1,bStrokeOn=!1,bColor=[random(palette),random(palette)],brushLambda=function(){return[1-random(random(random())),random()]},brushes.push(new Brush(bType,bWidthError,bRotationError,bStrokeOn,bColor,brushLambda));let t=cSize,e=.5*cSize>>0,i=0,r=4,o=.05,s=.5;lineStyles.push(new LineStyle(t,e,i,r,o,s)),t=cSize,e=.5*cSize>>0,i=0,r=4,o=.015,s=.1,lineStyles.push(new LineStyle(t,e,i,r,o,s));for(let t=0;t>0,HEIGHT/2>>0),r=color(random(0,255)>>0,random(0,255)>>0,random(0,255)>>0);r.setAlpha(100);let o=palette1[random()*palette1.length>>0],s=5/e>>0,a=[palette1[random()*palette1.length>>0],palette2[random()*palette2.length>>0]],h=[palette2[random()*palette2.length>>0],palette3[random()*palette3.length>>0]],n=8/e>>0,l=random(.005,.03);widgets.push(new Widget(i,BASE,r,o,s,a,h,n,l,t,e))}widgets.sort(compare);for(let t=0;t>0,HEIGHT/2>>0),debugR=50,debugLineArray=[];for(let t=0;t<4;t++)debugLineArray.push(roundVector(p5.Vector.mult(p5.Vector.random2D(),BASE)));lineStyles[0].startWidth=widgets[0].lineWeight,lineStyles[0].endWidth=Math.max(.5*this.lineWeight,5)>>0,widgets[0].backGraphic.push(),widgets[0].backGraphic.translate(widgets[0].position.x,widgets[0].position.y),DEBUG2&&console.log("Attempting bezier. WSETUP Inputs: "+widgets[0].pList[0]+" "+widgets[0].pList[1]+" "+widgets[0].pList[2]+" "+widgets[0].pList[3]+" "+lineStyles[0].startWidth+" "+lineStyles[0].endWidth+" "+lineStyles[0].rotation+" "+lineStyles[0].minWidth+" "+lineStyles[0].SWRatio+" "+lineStyles[0].stepSpeed),widgets[0].backGraphic.pop(),widgets[0].brushes[0].drawPoly(widgets[0].position,debugR,3,0,"line",lineStyles[0].startWidth,lineStyles[0].rotation,lineStyles[0].minWidth,lineStyles[0].SWRatio,lineStyles[0].stepSpeed,widgets[0].backGraphic,p5),widgets[0].brushes[0].drawPoly(widgets[0].position,5*debugR,4,0,"bezier",lineStyles[0].startWidth,lineStyles[0].rotation,lineStyles[0].minWidth,lineStyles[0].SWRatio,lineStyles[0].stepSpeed,widgets[0].backGraphic,p5)}}function draw(){if(drawOn){WIDTH==windowWidth&&HEIGHT==windowHeight||windowResized(),grainOn?mainGraphic.image(grainGraphics[1],0,0):mainGraphic.background(backgroundColor);for(let t=0;t>0,perimeter=2*WIDTH+2*HEIGHT,maxLine=Math.sqrt(Math.pow(WIDTH,2),Math.pow(HEIGHT,2)),mainGraphic.resizeCanvas(WIDTH,HEIGHT),grainOn){0==grainGraphics.length&&(grainGraphics=[createGraphics(WIDTH,HEIGHT),createGraphics(WIDTH,HEIGHT)]),grainGraphics[0].resizeCanvas(WIDTH,HEIGHT),grainGraphics[1].resizeCanvas(WIDTH,HEIGHT),grainGraphics[0].background(200),grainGraphics[1].background(backgroundColor);let t=.5,e=[100,0,50],i=.1,r=60,o=1.2,s=.1,a=applyImageEffects(grainGraphics[0].get(),t,e,i,r,o,s);grainGraphics[0].clear(),grainGraphics[0].tint(255,8),grainGraphics[0].image(a,0,0),t=.1,e=[random(75),0,random(80)],i=.03,r=20,o=.9,s=.6,a=applyImageEffects(grainGraphics[1].get(),t,e,i,r,o,s),grainGraphics[1].clear(),grainGraphics[1].tint(255,255),grainGraphics[1].image(a,0,0)}for(let t=0;t>0,HEIGHT/2>>0);widgets[t].position=e,widgets[t].base=BASE,widgets[t].dRotation=0,widgets[t].pList=[];for(let e=0;e<4;e++)widgets[t].pList[e]=roundVector(p5.Vector.mult(p5.Vector.random2D(),widgets[t].base/widgets[t].z));widgets[t].wPos=widgets[t].pList[0].copy(),widgets[t].colPos=widgets[t].position.copy(),widgets[t].updateNum=null,widgets[t].backGraphic.resizeCanvas(WIDTH,HEIGHT),widgets[t].backGraphic.clear(),widgets[t].wGraphic.resizeCanvas(widgets[t].base/3/widgets[t].z>>0,widgets[t].base/3/widgets[t].z>>0),widgets[t].wGraphic.clear(),widgets[t].zeroVector.x=widgets[t].wGraphic.width/2>>0,widgets[t].zeroVector.y=widgets[t].wGraphic.height/2>>0,widgets[t].rotatedGraphic.resizeCanvas(widgets[t].base/3/widgets[t].z>>0,widgets[t].base/3/widgets[t].z>>0),widgets[t].rotatedGraphic.clear(),widgets[t].setupBackGraphic(p5),widgets[t].setupWGraphic(p5)}loopCount=0,mousePressCount=0,drawOn=!0}class LineStyle{constructor(t,e,i,r,o,s){this.startWidth=t,this.endWidth=e,this.rotation=i,this.minWidth=r,this.SWRatio=o,this.stepSpeed=s}}class Brush{constructor(t,e,i,r,o,s,a){this.type=t,this.rotationError=i,this.widthError=e,this.strokeOn=r,this.color=o[0],this.function=s,this.sd=a,this.color1,o.length>1&&(this.color1=o[1])}clone(){let t;return t=null!=this.color1?[this.color,this.color1]:[this.color],new Brush(this.type,this.widthError,this.rotationError,this.strokeOn,t,this.function,this.sd)}setColors(t){this.color=t[0],t.length>1&&(this.color1=t[1])}drawShape(t,e,i,r,o,s){let a,h,n,l,p,d,c,g,b,u,m=e*(1+this.widthError*Math.sin(41*r+9));this.rotationError,Math.sin(51*r+90);switch(this.type){case"Ellipse":o.fill(this.color),this.strokeOn||o.noStroke(),a=e*(.9+.1*Math.sin(5*r+18))*(1+this.widthError*Math.sin(2.5*r+18)),o.push(),o.rotate(this.rotation*(1+random(this.rotationError))),o.ellipse(t.x>>0,t.y>>0,m>>0,a>>0),o.pop();break;case"SplashRadial":o.fill(this.color),this.strokeOn||o.noStroke(),o.push(),o.rotate(this.rotation*(1+random(this.rotationError))),o.beginShape();for(let i=0;i<50;i++){let s=p5.prototype.map(i,0,50,0,2*Math.PI),a=e/2+e/2*this.function(s,loopCount,mousePressCount+r),h=t.x+a*Math.cos(s),n=t.y+a*Math.sin(s);o.vertex(h,n)}o.endShape(CLOSE),o.pop();break;case"SplashRV":DEBUG&&console.log("Splash Radial"),o.fill(this.color),this.strokeOn||o.noStroke(),o.push(),o.rotate(i*(1+random(this.rotationError))),o.beginShape();for(let i=0;i<50;i++){let s=p5.prototype.map(i,0,50,0,2*Math.PI),a=e/2+e/2*this.function(s,loopCount+r,this.sd),h=t.x+a*Math.cos(s),n=t.y+a*Math.sin(s);o.vertex(h,n)}o.endShape(CLOSE),o.pop();break;case"RSphere":h=e/2>>0,n=constrainV(Math.pow(e/2,2)*Math.PI/100,50,5e3),l=Math.max(WIDTH/800>>0,1),this.strokeOn||o.noStroke(),o.push(),o.rotate(i*(1+random(this.rotationError)));for(let e=0;e>0,g>>0,2*l>>0,2*l>>0),o.fill(this.color1),o.ellipse(b>>0,u>>0,2*l>>0,2*l>>0);o.pop();break;case"RLSphere":let s=[];h=e/2>>0,n=constrainV(Math.pow(e/2,2)*Math.PI/100,100,200),l=Math.max(WIDTH/1e3>>0,1),this.strokeOn||o.noStroke(),o.push(),o.rotate(i*(1+random(this.rotationError)));for(let e=0;e>0,g>>0,2*l>>0,2*l>>0);o.fill(this.color1);for(let t=0;t>0,i>>0,2*l>>0,2*l>>0)}o.pop();break;default:return!1}}drawLine(t,e,i,r,o,s,a,h,n,l){let p=t,d=i,c=p5.Vector.add(e,p5.Vector.mult(t,-1)),g=p5.Vector.normalize(c),b=c.mag(),u=Math.max(d*a,1),m=b/u,y=0,w=0;for(;p.dist(e)>u&&y>0,n,l),y+=h,p.add(p5.Vector.mult(g,u)),w+=1/m,DEBUG&&console.log("current Width Calculation S,E,P,min: "+i+" "+r+" "+w+" "+s),d=Math.max(lerp(i,r,w),s),u=Math.min(d*a,maxLine/50),m=b/u}drawVertexShape(t,e,i,r,o,s,a,h){for(let n=0;nu&&y<4*perimeter&&c.dist(t)<=b+WIDTH/2;)DEBUG&&console.log("inside Loop, drawing point: "+c),this.drawShape(c,g,a,y>>0,p,d),y+=l,g=Math.max(lerp(o,s,w),h),u=Math.min(g*n,maxLine/50),m=b/u,w+=1/m,DEBUG&&console.log("draw bezier point. XInputs: "+t.x+"/"+e.x+"/"+i.x+"/"+r.x+"/"+w),DEBUG&&console.log("draw bezier point. YInputs: "+t.y+"/"+e.y+"/"+i.y+"/"+r.y+"/"+w),c.x=round(bezierPoint(t.x,e.x,i.x,r.x,w)),c.y=round(bezierPoint(t.y,e.y,i.y,r.y,w)),DEBUG&&console.log("post rounded X: "+c.x),DEBUG&&console.log("post rounded Y: "+c.y)}drawBezierShape(t,e,i,r,o,s,a,h){for(let n=0;n>0,g=4*Math.round(g/4),b=2*Math.PI/g/4;for(let t=0;t<4*g;t+=4)y[0]=roundVector(p5.prototype.createVector(e*Math.cos(t*b),e*Math.sin(t*b))),y[1]=roundVector(p5.prototype.createVector(e*Math.cos((t+1)*b),e*Math.sin((t+1)*b))),y[2]=roundVector(p5.prototype.createVector(e*Math.cos((t+2)*b),e*Math.sin((t+2)*b))),y[3]=roundVector(p5.prototype.createVector(e*Math.cos((t+3)*b),e*Math.sin((t+3)*b))),u.push([y[0].copy(),y[1].copy(),y[2].copy(),y[3].copy()]);p.push(),p.translate(t.x>>0,t.y>>0),p.rotate(r),this.drawBezierShape(u,s,a,h,n,l,p,d),p.pop()}else{DEBUG&&console.log("drawing polygon with lines"),c=3,g=Math.max(c,i)>>0,b=2*Math.PI/g;for(let i=0;i>0,t.y>>0),p.rotate(r),this.drawVertexShape(u,s,a,h,n,l,p,d),p.pop()}}}class Widget{constructor(t,e,i,r,o,s,a,h,n,l,p){this.fillColor=i,this.lineColor=r,this.lineWeight=o,this.polyTypes=[random(["bezier","line"]),random(["bezier","line"])],this.polySides=[];for(let t=0;t<2;t++)"bezier"==this.polyTypes[t]?this.polySides[t]=random(4,13)>>0:this.polySides[t]=random(3,13)>>0;this.pRotation=[random(0,2*Math.PI),random(0,2*Math.PI)],this.dRotation=0,this.dOmega=random(-Math.PI/4,Math.PI/4)*omegaSuppress,this.circleColor1=s,this.circleColor2=a,this.circleLineWeight=h,this.position=t,this.base=e,this.z=p,this.pList=[];for(let t=0;t<4;t++)this.pList.push(roundVector(p5.Vector.mult(p5.Vector.random2D(),this.base/this.z)));this.t=0,this.pos=!0,this.delta=n,this.index=l,this.wPos=this.pList[0].copy(),this.colPos=this.position.copy(),this.updateNum,this.shapeStyle,random(["bezier, line"]),this.numVertices,"bezier"==this.shapeStyle?this.numVertices=random(4,11)>>0:this.numVertices=random(3,11)>>0,this.brushes=chooseTwo(brushes),this.backGraphic=createGraphics(WIDTH,HEIGHT),this.wGraphic=createGraphics(this.base/3/this.z>>0,this.base/3/this.z>>0),this.zeroVector=p5.prototype.createVector(this.wGraphic.width/2>>0,this.wGraphic.height/2>>0),this.rotatedGraphic=createGraphics(this.base/3/this.z,this.base/3/this.z)}setupBackGraphic(t){lineStyles[0].startWidth=this.lineWeight,lineStyles[0].endWidth=Math.max(.5*this.lineWeight,5)>>0,this.backGraphic.push(),this.backGraphic.translate(this.position.x,this.position.y),DEBUG2&&console.log("Attempting bezier. WSETUP Inputs: "+this.pList[0]+" "+this.pList[1]+" "+this.pList[2]+" "+this.pList[3]+" "+lineStyles[0].startWidth+" "+lineStyles[0].endWidth+" "+lineStyles[0].rotation+" "+lineStyles[0].minWidth+" "+lineStyles[0].SWRatio+" "+lineStyles[0].stepSpeed),this.brushes[0].drawBezier(this.pList[0],this.pList[1],this.pList[2],this.pList[3],lineStyles[0].startWidth,lineStyles[0].endWidth,lineStyles[0].rotation,lineStyles[0].minWidth,lineStyles[0].SWRatio,lineStyles[0].stepSpeed,this.backGraphic,t),this.backGraphic.pop()}setupWGraphic(t){lineStyles[0].startWidth=this.circleLineWeight,lineStyles[0].endWidth=Math.max(.5*this.circleLineWeight,5)>>0,this.brushes[1].setColors(this.circleColor1),this.brushes[1].drawPoly(this.zeroVector,this.base/16/this.z>>0,this.polySides[0],this.pRotation[0],this.polyTypes[0],lineStyles[0].startWidth,lineStyles[0].rotation,lineStyles[0].minWidth,lineStyles[0].SWRatio,lineStyles[0].stepSpeed,this.wGraphic,t),this.brushes[1].setColors(this.circleColor2),this.brushes[1].drawPoly(this.zeroVector,this.base/8/this.z>>0,this.polySides[1],this.pRotation[1],this.polyTypes[1],lineStyles[0].startWidth,lineStyles[0].rotation,lineStyles[0].minWidth,lineStyles[0].SWRatio,lineStyles[0].stepSpeed,this.wGraphic,t)}draw(t,e){this.rotatedGraphic.clear(),DEBUG3&&this.rotatedGraphic.background("yellow"),t.push(),t.translate(this.position.x,this.position.y),t.strokeWeight(this.lineWeight),t.stroke(this.lineColor),t.fill(this.fillColor),lineStyles[0].startWidth=this.lineWeight,lineStyles[0].endWidth=Math.max(.5*this.lineWeight,5)>>0,t.bezier(this.pList[0].x,this.pList[0].y,this.pList[1].x,this.pList[1].y,this.pList[2].x,this.pList[2].y,this.pList[3].x,this.pList[3].y),t.pop(),t.image(this.backGraphic,0,0),t.push(),rotateImage(this.wGraphic,this.dRotation,this.zeroVector.x,this.zeroVector.y,this.rotatedGraphic),t.translate(-this.zeroVector.x+this.position.x+this.wPos.x>>0,-this.zeroVector.x+this.position.y+this.wPos.y>>0),t.image(this.rotatedGraphic,0,0,this.rotatedGraphic.width,this.rotatedGraphic.height),t.pop()}animate(){this.wPos.x=round(bezierPoint(this.pList[0].x,this.pList[1].x,this.pList[2].x,this.pList[3].x,this.t)),this.wPos.y=round(bezierPoint(this.pList[0].y,this.pList[1].y,this.pList[2].y,this.pList[3].y,this.t)),this.colPos=p5.Vector.add(this.position,this.wPos),this.pos?this.t+=this.delta:this.t-=this.delta,this.pos&&this.t>1&&(this.pos=!this.pos,this.dOmega=normalizeRadians(this.dOmega+random(-Math.PI/32,Math.PI/32))),!this.pos&&this.t<0&&(this.pos=!this.pos,this.dOmega=normalizeRadians(this.dOmega+random(-Math.PI/32,Math.PI/32))),this.dRotation=normalizeRadians(this.dOmega+this.dRotation),this.checkCollision(widgets)}checkCollision(t){let e,i,r;for(let o=0;o

#迷路