// Hyperspace Triplet/ハイパースペースの三つ子 // 2023.1.15 // // 4 // Three Hyperspace travelling cubes using glsl textures in p5js. Light and effect studies using GLSL textures. // // GLSL. Camera Control Off. S to save screen at window resolution. Infinite hyperspace jumps, reset for new view. //credit: cube texture, Sierpinski carpet by LarsH found in the public domain on Stack Overflow //https://stackoverflow.com/questions/3972902/is-it-possible-to-perform-floating-point-operations-on-gpu-when-using-opengl/3973433#3973433 let hash,backgroundColor,theShader,backgroundShader,s,v,pos,a,brake,backgroundColor2,backgroundShaderTexture,blobPos,fsColor,x=0,y=0,z=0,energyLoops=200,loopCount=0,maxLoops=250,minLoops=-500,direction=1,blob=!1,blobProbability=1,DEBUG=!1,DEBUG2=!1;var canv;let textScreen,fileName,c_cube,animation=!0,c_cubes=[],currentUniverse=0,universeCounter=0,maxSecondaries=3,minSpeed=1,vs="\n\n attribute vec3 aPosition;\n\n attribute vec2 aTexCoord;\n\n varying vec2 vTexCoord;\n\n void main() {\n\n\n vTexCoord = aTexCoord;\n\n vec4 positionVec4 = vec4(aPosition, 1.0);\n positionVec4.xy = positionVec4.xy * 2.0 - 1.0;\n\n gl_Position = positionVec4;\n }\n\n",fs="\n #ifdef GL_ES\nprecision highp float;\n#endif\n\nuniform vec2 resolution;\nuniform float time;\nuniform sampler2D tex0;\n\n\nvoid main(void)\n{\n ivec2 sectors;\n vec2 coordOrig = gl_FragCoord.xy / resolution.xy;\n\n const int lim = 10;\n\n vec2 center = vec2(0.5, 0.5);\n mat2 rotation = mat2(\n vec2( 1.,0),\n vec2(0,1.)\n );\n vec2 coordRot = rotation * (coordOrig - center) + center;\n vec2 coordIter = coordRot;\n\n\n for (int i=0; i < lim; i++) {\n sectors = ivec2(floor(coordIter.xy * 3.0));\n if (sectors.x == 1 && sectors.y == 1 ||\n\n sectors.x < 0 || sectors.x > 2 ||\n sectors.y < 0 || sectors.y > 2) {\n\n gl_FragColor = vec4(max(texture2D(tex0, coordOrig).x, sin(time+coordIter.x)*.4),max(texture2D(tex0, coordOrig).y, sin(time+coordIter.y)*.3), max(texture2D(tex0, coordOrig).z, sin(time+coordIter.y)*.2), 1.0);\n\n return;\n } else {\n\n coordIter.xy = coordIter.xy * 3.0 - vec2(sectors.xy);\n }\n }\n\n\n gl_FragColor = vec4(max(coordRot.x,0.4*sin(coordRot.x*coordRot.x)), 0.5, max(coordRot.y,sin(coordRot.y)*.4), 1.0);\n\n}\n\n",fs2Start="\n\nprecision highp float;\n\nuniform float time;\nuniform vec2 resolution;\n\nvoid main( void ) {\n\n\tvec2 pos = ( gl_FragCoord.xy / resolution.xy );\n\n\tfloat color = 0.0;\n\tcolor += sin(pos.x*sin(time/10.))+sin(pos.y*sin(time/2.)*3.0);\n\tcolor *= sin( time / 3.0 );\n\n\n\n\n\n\n",fs2ColorLine=[];fs2ColorLine[0]="gl_FragColor = vec4( vec3( cos(color+time/2.), cos(color*8.5+3.), cos( color*8. + time / 2. )), 1.0 );",fs2ColorLine[1]="gl_FragColor = vec4( vec3( cos(color*8.+time/2.), sin(color*8.5+3.), cos( color*8. + time / 2. )), 1.0 );";let fs2,fs2Close="}";function preload(){}function setup(){let t,o;WIDTH=windowWidth,HEIGHT=windowHeight,s=min(WIDTH,HEIGHT)/2,canv=createCanvas(WIDTH,HEIGHT,WEBGL),textScreen=createGraphics(WIDTH,HEIGHT),shaderTexture=createGraphics(s/2>>0,s/2>>0,WEBGL),shaderTexture.noStroke(),theShader=shaderTexture.createShader(vs,fs),hash=randomHash(),fileName="Hyperspace Disco_"+getSeed(),console.log(getSeed()),backgroundColor=color(15*random()>>0,10*random()>>0,40*random()>>0),backgroundColor2=color(110+15*random()>>0,110+20*random()>>0,110+55*random()>>0),pos=createVector(0,0,0),v=createVector(random(-10,10),random(-10,10),random(-10,10)),a=createVector(0,0,random(.5,1)).mult(random([-1,1])),j=createVector(0,0,random(.5,1)).mult(random([-1,1])),brake=random(.8,1.2),blobPos=createVector(0,0,0),blobPos.z=3*-WIDTH>>0;let e,i,r,n,h,c,d=min(WIDTH,HEIGHT)/2,l=random(.8,1.2),u=shaderTexture,m=shaderTexture,p=backgroundColor,x=theShader,b=theShader,g=color("#401240"),H=2*d,C=color("#131050"),T=3*d,I=color("#882088"),y=5*d;for(let s=0;s>0,t=createVector(random(-WIDTH,WIDTH)>>0,random(-HEIGHT,HEIGHT)>>0,random(-500*s,-1e3*s)>>0),e=createVector(random(-10,10),random(-10,10),random(-10,10)),i=createVector(random(.5,1),random(.5,1),random(.5,1)).mult(random([-1,1])),r=createVector(random(.5,1),random(.5,1),random(.5,1)).mult(random([-1,1])),n=createVector(random(-.01,.01),random(-.01,.01),random(-.01,.01)),o=t.copy(),c_cubes[s]=new C_Cube_1(t,o,d,e,i,r,l,u,m,p,x,b,n,h,-500,250,200,g,H,C,T,I,y,255,c,s)}function draw(){if(animation){randomSeed(getSeed()),background(backgroundColor);for(let t=0;t>0,this.s/2>>0,this.s/2>>0))}getCollVector(t){let o=p5.Vector.sub(c_cubes[t].getTrueCenter(),this.getTrueCenter());DEBUG&&console.log("Get DifV: "+o);let e=o.normalize().mult(-1);return DEBUG&&console.log("Normalized V: "+e),e}checkCollision(t){for(let o=0;o=WIDTH&&(this.v.x=-Math.abs(this.v.x)),this.pos.y>=WIDTH&&(this.v.y=-Math.abs(this.v.y)),this.pos.z>=200&&(this.v.z=-Math.abs(this.v.z))):(this.pos.x<=this.center.x-WIDTH/5&&(this.v.x=Math.abs(this.v.x)),this.pos.y<=this.center.y-WIDTH/5&&(this.v.y=Math.abs(this.v.y)),this.pos.z<=this.center.z-300&&(this.v.z=Math.abs(this.v.z)),this.pos.x>=this.center.x+WIDTH/5&&(this.v.x=-Math.abs(this.v.x)),this.pos.y>=this.center.y+WIDTH/5&&(this.v.y=-Math.abs(this.v.y)),this.pos.z>=this.center.z+300&&(this.v.z=-Math.abs(this.v.z))),this.loopCount+=this.direction,this.loopCount3?this.pos.add(this.v.mult(this.brake*lerp(1,0,(this.maxLoops-this.loopCount)/this.maxLoops))):(this.v=createVector(minSpeed*random(-1,1),minSpeed*random(-1,1),minSpeed*random(-1,1)),this.pos.add(this.v)),p5.Vector.mag(this.a)>2&&(a=createVector(random(-1,1),random(-1,1),random(-1,1))),p5.Vector.mag(this.j)>2&&(j=createVector(random(-1,1),random(-1,1),random(-1,1)));this.loopCount>=this.energyLoops&&0!=this.universe&&1==this.direction&&(this.universe=0),this.loopCount>this.maxLoops&&(this.direction=-1,Math.abs(this.rotationV.x)<3&&(this.rotationV.x=random(1,1.5)*random([-3,3])),randomSeed(getSeed()+loopCount),this.center.x=random(-WIDTH,WIDTH)>>0,this.center.x=random(-HEIGHT,HEIGHT)>>0,this.pos.x=this.center.x,this.pos.y=this.center.y,0==this.universe&&(this.universeCounter++,this.universeCounter=this.universeCounter%5,this.universe=this.universeCounter)),this.loopCount1.8*WIDTH||Math.abs(this.pos.y)>1.8*HEIGHT||this.pos.z>150||this.pos.z<-1e3)&&(this.pos.x=random(-WIDTH/20>>0,WIDTH/20>>0),this.pos.y=random(-HEIGHT/20>>0,HEIGHT/20>>0),this.pos.z=random(-WIDTH/30>>0,WIDTH/30>>0)):-1==this.direction&&(Math.abs(this.pos.x-this.center.x)>1.8*WIDTH||Math.abs(this.pos.y-this.center.y)>1.8*HEIGHT||this.pos.z>this.center.z+1e3||this.pos.z>0,this.center.x+WIDTH/20>>0),this.pos.y=random(this.center.y-HEIGHT/20>>0,this.center.y+HEIGHT/20>>0),this.pos.z=random(this.center.z-WIDTH/30>>0,this.center.z+WIDTH/30>>0))}draw(t,o){if(this.loopCount>0,this.pos.y>>0,this.pos.z>>0),rotateX(this.rotationV.x),rotateY(this.rotationV.y),rotateZ(this.rotationV.z),noStroke(),-1==this.direction&&this.loopCount>-200?(box(this.s,this.s,this.s/2>>0,50,50),push(),translate(0,0,this.s/2>>0),rotateZ(8*this.rotationV.x+10*this.v.x),texture(this.texture2),rotateZ(.8*this.rotationV.x+this.v.x),box(this.s,this.s,this.s/2>>0,50,50),pop()):1==this.direction||this.loopCount<-200&&Math.abs(8*this.rotationV.x+10*this.v.x)>0,50,50),push(),translate(0,0,this.s/2>>0),texture(this.texture2),box(this.s,this.s,this.s/2>>0,50,50),pop()):(-1==this.direction&&this.loopCount<-200&&(Math.abs(8*this.rotationV.x+10*this.v.x),PI),box(this.s,this.s,this.s/2>>0,50,50),push(),translate(0,0,this.s/2>>0),rotateZ(8*this.rotationV.x+10*this.v.x),texture(this.texture2),push(),rotateZ(.8*this.rotationV.x+this.v.x),box(this.s,this.s,this.s/2>>0,50,50),pop(),pop()),pop()),this.loopCount>=this.energyLoops&&(t==this.universe||t==this.universe-1)){let t=this.loopCount/this.maxLoops;push(),translate(this.pos.x>>0,this.pos.y>>0,this.pos.z>>0),rotateY(PI/2),noStroke(),"main"==this.type&&background(this.hColor),ambientLight(0),emissiveMaterial(lerp(red(this.colorStart1),this.maxLoops,t),lerp(green(this.colorStart1),this.maxLoops,t),lerp(blue(this.colorStart1),this.maxLoops,t)),sphere(this.sphere1),emissiveMaterial(lerp(red(this.colorStart2),this.maxLoops,t),lerp(green(this.colorStart2),this.maxLoops,t),lerp(blue(this.colorStart2),this.maxLoops,t)),sphere(this.sphere2),emissiveMaterial(lerp(red(this.colorStart3),maxLoops,t),lerp(green(this.colorStart3),maxLoops,t),lerp(blue(this.colorStart3),maxLoops,t)),torus(this.taurus3),pop(),this.loopCount==this.maxLoops&&("main"==this.type&&(randomSeed(getSeed()+loopCount),backgroundColor=color(random(255)>>0,random(255)>>0,random(255)>>0),DEBUG2&&console.log("updated background index/type/color: "+this.index+"/"+this.type+" "+red(backgroundColor)+":"+green(backgroundColor)+":"+blue(backgroundColor)),background(backgroundColor)),this.center=createVector(random(-WIDTH,WIDTH)>>0,random(-HEIGHT,HEIGHT)>>0,random(-500*this.index,-1e3*this.index)>>0),this.pos.x=random(this.center.x-WIDTH/20>>0,this.center.x+WIDTH/20>>0),this.pos.y=random(this.center.y-HEIGHT/20>>0,this.center.y+HEIGHT/20>>0),this.pos.z=random(this.center.z-WIDTH/30>>0,this.center.z+WIDTH/30>>0))}}}function randomHash(){let t="0x";for(var o=0;o<64;o++)t+=Math.floor(16*Math.random()).toString(16);return t}function getSeed(){return parseInt(hash.slice(0,16),16)}