let hash,triangles,stdError,WIDTH,HEIGHT;function getCustomWidth(t,i,e){return e?t:i%2==0?2408*WIDTH/11012>>0:3098*WIDTH/11012>>0}function getScreenXPosition(t,i,e){if(e)return 0;switch(i){case 0:return 0;case 1:return 2408*t/11012>>0;case 2:return 5506*t/11012>>0;case 3:return 7914*t/11012>>0;case 4:return t}}let glitchCount,aLambda,bLambda,triangleMode,omegaFactor,noiseGraphic,loopCount=0,glitchMode=!1,glitchProbability=.9,failCount=0,divisor=1,DEBUG=!1,graphics=[],tArray=[],modesList=["glitch","catsCradle","waves","random"];function standardizeRadians(t){return t%(2*PI)}function setup(){WIDTH=windowWidth,HEIGHT=windowHeight,createCanvas(WIDTH,HEIGHT);for(let t=0;t<4;t++)graphics.push(createGraphics(getCustomWidth(WIDTH,t,!1)>>0,HEIGHT));noiseGraphic=createGraphics(WIDTH,HEIGHT),noiseGraphic.background(255);for(let t=0;t>0,230+random(25)>>0,230+random(25)>>0,20)),noiseGraphic.line(t,0,t,HEIGHT);for(let t=0;t>0,230+random(25)>>0,230+random(25)>>0,20)),noiseGraphic.line(0,t,WIDTH,t);let t,i;stdError=.05;for(let e=0;e<4;e++)triangleMode=modesList[e],"glitch"==triangleMode||"waves"==triangleMode?(i=14,t=10):(i=40,t=40),"waves"==triangleMode?(frameRate(300),aLambda=function(t,i){return-.5+sin(t.x+i%1e4*.3)},bLambda=function(t,i){return-.5+cos(t.y+i%1e4*.3)}):"random"==triangleMode?(aLambda=function(t,i){return-.5+sin(t.x+i%100*.3)},bLambda=function(t,i){return-.5+cos(t.y+i%100*.3)}):(frameRate(120),aLambda=function(t,i){return-.5+sin(t.x+i%1e4)},bLambda=function(t,i){return-.5+cos(t.y+i%1e4)}),tArray.push(new TriangleMatrix(i,t,WIDTH,HEIGHT,stdError,aLambda,bLambda,triangleMode)),tArray[e].setupTriangles();animateFlag=!0,hash=randomHash()}function draw(){randomSeed(getSeed()),background("#0D0D0D");for(let t=0;t<4;t++)graphics[t].background("#0D0D0D"),tArray[t].drawAllTriangles(graphics[t]),tint(255,255),image(graphics[t],getScreenXPosition(WIDTH,t,!1)>>0,0),tArray[t].animateAllTriangles(animateFlag);tint(255,40),image(noiseGraphic,0,0,WIDTH,HEIGHT),loopCount++,failCount>6||loopCount%divisor==0&&Math.sin(random(1))>0,230+random(25)>>0,230+random(25)>>0,20)),noiseGraphic.line(t,0,t,HEIGHT);for(let t=0;t>0,230+random(25)>>0,230+random(25)>>0,20)),noiseGraphic.line(0,t,WIDTH,t);loopCount=0,"glitch"==this.mode&&(glitchCount=5e3);for(let t=0;t<4;t++)graphics[t].resizeCanvas(getCustomWidth(WIDTH,t,!1),HEIGHT),tArray[t].width=WIDTH,tArray[t].height=HEIGHT,tArray[t].rTriangles=[],tArray[t].setupTriangles()}keyPressed=function(){"t"===key&&console.log(loopCount,animateFlag)};class RTriangle{constructor(t,i,e,s,r){this.points=t,this.basePoints=this.points.copyWithin(this.basePoints),this.color=i,this.rotation=e,this.omega=s,this.center=r;let a=this.getI();this.mI=a[0],this.base=a[1],this.height=a[2],this.bBase=this.base,this.bHeight=this.height,this.a=0,this.b=0}updateA(t){let i,e,s;switch(t){case"glitch":i=p5.Vector.mult(p5.Vector.normalize(this.points[0]),this.bHeight),p5.Vector.add(this.basePoints[0],i.mult(this.a),this.points[0]);break;case"catsCradle":e=p5.Vector.mult(this.center,-1),s=p5.Vector.add(this.points[0],e),i=p5.Vector.mult(p5.Vector.normalize(s),this.bHeight/2),this.points[0]=p5.Vector.add(this.basePoints[0],i.mult(this.a)),this.points[0].add(e);break;case"waves":e=p5.Vector.mult(this.center,-1),s=p5.Vector.add(this.points[0],e),i=p5.Vector.mult(p5.Vector.normalize(s),this.bHeight/2),this.points[0]=p5.Vector.add(this.basePoints[0],i.mult(this.a));break;case"random":e=p5.Vector.mult(this.center,-1),s=p5.Vector.add(this.points[0],e),i=p5.Vector.mult(p5.Vector.normalize(s),this.bHeight/2),this.points[0]=p5.Vector.add(this.basePoints[0],i.mult(this.a)),loopCount%40<21?this.points[0].add(this.center):this.points[0].add(e)}}updateB(t){let i,e,s,r,a;switch(t){case"glitch":i=p5.Vector.mult(p5.Vector.normalize(this.points[1]),this.bBase),e=p5.Vector.mult(p5.Vector.normalize(this.points[1]),this.bBase),this.points[1]=p5.Vector.add(this.basePoints[1],i.mult(this.b)),this.points[2]=p5.Vector.add(this.basePoints[2],e.mult(-this.b));break;case"catsCradle":s=p5.Vector.mult(this.center,-1),r=p5.Vector.add(this.points[1],s),a=p5.Vector.add(this.points[2],s),i=p5.Vector.mult(p5.Vector.normalize(r),this.bBase/2),e=p5.Vector.mult(p5.Vector.normalize(a),this.bBase/2),this.points[1]=p5.Vector.add(this.basePoints[1],i.mult(this.b)),this.points[2]=p5.Vector.add(this.basePoints[2],e.mult(-this.b)),this.points[1].add(this.center),this.points[2].add(this.center);break;case"waves":s=p5.Vector.mult(this.center,-1),r=p5.Vector.add(this.basePoints[1],s),a=p5.Vector.add(this.basePoints[2],s),i=p5.Vector.mult(p5.Vector.normalize(r),this.bBase/2),e=p5.Vector.mult(p5.Vector.normalize(a),this.bBase/2),this.points[1]=p5.Vector.add(this.basePoints[1],i.mult(this.b)),this.points[2]=p5.Vector.add(this.basePoints[2],e.mult(this.b));break;case"random":s=p5.Vector.mult(this.center,-1),r=p5.Vector.add(this.points[1],s),a=p5.Vector.add(this.points[2],s),i=p5.Vector.mult(p5.Vector.normalize(r),this.bBase/2),e=p5.Vector.mult(p5.Vector.normalize(a),this.bBase/2),this.points[1]=p5.Vector.add(this.basePoints[1],i.mult(this.b)),this.points[2]=p5.Vector.add(this.basePoints[2],e.mult(-this.b)),loopCount%40<21?(this.points[1].add(this.center),this.points[2].add(this.center)):(this.points[1].add(s),this.points[2].add(s))}}getI(){let t,i=p5.Vector.add(p5.Vector.mult(this.points[1],-1),this.points[2]),e=p5.Vector.add(p5.Vector.mult(this.points[1],-1),this.points[0]),s=e.heading()-i.heading(),r=p5.Vector.mag(i),a=p5.Vector.mag(e),o=Math.min(Math.tan(s)*a,1e4);return t=r*Math.pow(o,3)/4,[t,r,o]}}class TriangleMatrix{constructor(t,i,e,s,r,a,o,n){this.wDivs=t>>0,this.hDivs=i>>0,this.triangles=[],this.stdError=r,this.height=s,this.width=e,this.rTriangles=[],this.aLambda=a,this.bLambda=o,this.mode=n}setupTriangles(){let t,i,e,s,r,a=this.width/this.wDivs>>0,o=this.height/this.hDivs>>0,n=createVector(a/2>>0,o/2>>0),h=[];r="waves"==this.mode?7:1;for(let l=0;l>0,o/2>>0);n.y>0,200+55*Math.sin(this.rTriangles.length+HEIGHT+1)>>0);break;case"catsCradle":e=color(255,255*Math.sin(this.rTriangles.length+WIDTH)>>0,255*Math.sin(this.rTriangles.length+HEIGHT+1)>>0);break;case"waves":e=color(255*Math.sin(this.rTriangles.length+WIDTH)>>0,255*Math.sin(this.rTriangles.length+HEIGHT+1+l)>>0,255,80);break;case"random":e=color(220*Math.sin(this.rTriangles.length+WIDTH)>>0,220,220*Math.sin(this.rTriangles.length+HEIGHT+1)>>0,80)}switch(h=[createVector(n.x+random(this.stdError)*o,n.y+o*(random()-.5)),createVector(n.x+a*(1-random(this.stdError)),n.y+o*(1-random(this.stdError))),createVector(n.x-a*(1-random(this.stdError)),n.y+o*(1-random(this.stdError))),e],t=0,this.mode){case"glitch":case"random":omegaFactor=1;break;case"catsCradle":omegaFactor=25;break;case"waves":omegaFactor=.8}i=(-PI/100*this.stdError+random(PI/50*this.stdError))*omegaFactor,s=new RTriangle([h[0],h[1],h[2]],h[3],0,i,createVector(n.x,n.y)),this.rTriangles.push(s),n.x+=a}n.x=a/2>>0,n.y+=o/2>>0}"glitch"==this.mode&&(glitchCount=5e3)}drawAllTriangles(t){t.noStroke();for(let i=0;i>0,this.rTriangles[i].points[0].y-this.rTriangles[i].center.y>>0,this.rTriangles[i].points[1].x-this.rTriangles[i].center.x>>0,this.rTriangles[i].points[1].y-this.rTriangles[i].center.y>>0,this.rTriangles[i].points[2].x-this.rTriangles[i].center.x>>0,this.rTriangles[i].points[2].y-this.rTriangles[i].center.y>>0),t.pop()}animateAllTriangles(t){if(!t&&"glitch"==this.mode)return!1;for(let t=0;t

Triangular Strings / 三角形の紐