Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	2D Bump Mapping
ID	5263748531224576
Created	11 years ago, 1412572154482
Updated	11 years ago, 1416476352724
Code	/** * Practicing bump-mapping, per-pixel lighting and some other effects. * * The brick/cobble algorithm is credited to MTRN: * https://www.khanacademy.org/cs/test/1639534599 * * Later I'll implement my own algorithms for both so as not to use * MTRN's code and for another practice. / //Play around with these numbers! var ambience = 0.2; //value between 0 and 1 var Shininess = 2; var Brightness = 1; var showNormalMap = false; //sca = image width and height; anything too high will be terribly slow var sca = 100, sc = 400/sca, scc = sca/2; var clr; noiseDetail(4, 0.5); //credit MTRN var gridn=[]; var f=function(x,y){ var t,i; t=x;x=x+y0.5;y=y-t0.5; x++;y++; var m=3; x=m2/3;y=m; var ox=x,oy=y; x+=noise(x0.5,y0.5,0.7)1; y+=noise(0.5,-y0.5,x0.5)2; if(y&1){x+=0.5;} //var a=0x31415926,b=0x53589793,c=x\|0,d=y<<15; var int=x\|y<<15; for(i=0;i<6;i++){ int=int^int<<7; int=int^int<<3; int=int>>7&32767; int=intint; //int=(int>>15)(int&32767); } //if(int&256){return 0;} x-=x\|0;y-=y\|0; var z=0,p=13; var s=min(pow(x,p)+pow(1-x,p)+pow(y,p)+pow(1-y,p),1)0.6; for(i=0;i<1;i++){t=1-s; s=sst - tts + s;} //s=pow(s,5); z-=s5; z+=x((int>>5&255)/128-1)2; z+=y((int>>13&255)/128-1)1; //z+=(int&65535)/655351; //z=atan(z5)/90; clr=color(3(int&31)+180,2(int&31)+150,(int>>12&31)+90); clr=lerpColor(clr,0xff442211,s); var n=pow(noise(ox2,oy2,0),3); clr=lerpColor(clr,0,min(n2,1-s)); z-=nn(5+pow(s,1/3)20); n=noise(ox5,oy2,9.4);n=pow((1-y)n,3); n=min(n10,10); z-=n0.5; //if(z<-3){z=-3;} clr=lerpColor(clr,0xff445522,min(nn,0.5)); return z0.1/m; //return sin(y360)sin(x180)0.1; }; var getRGBA = function(color){ return [color >> 16&255, color >> 8&255, color&255, color >> 24&255]; }; //Draw the texture and calculate the normal values var drawImage = function(){ this.loadPixels(); var p = this.imageData.data, t, m, z, c, n, n1, n2, x, y,nx, ny, nz, dd = false, s=-sca-1; for(var i = 0; i < widthsca4+width4; i+=4){ x = (i>>2)%width; if(x>=sca){ continue; //Out of bounds/don't care situation } y = ~~(i/(width<<2)); //~~ casts a float to an int to quickly remove decimals from a number (not the same as floor) s++; t = i<<2; //Credit MTRN\\ nx = f((x-1)/scc, y/scc)-f((x+1)/scc, y/scc); ny = f(x/scc, (y-1)/scc)-f(x/scc, (y+1)/scc); m=511.9/sqrt(nxnx + nyny + 1); nx=nxm+512; ny=nym+512; nz=m+512; gridn[s]= nz<<20 \| ny<<10 \| nx; //End of Credit\\ //n1 = map(noise(x/sca, y/sca), 0.25,0.75, 0,255); //n2 = map(noise(x/sca+sca, y/sca+sca), 0.25,0.75, 0,255); //n = n2-n1; f(x/scc, y/scc); c = getRGBA(clr); p[i+0] = c[0]; p[i+1] = c[1]; p[i+2] = c[2]; p[i+3] = 255; } this.updatePixels(); return get(0,0,sca,sca); }; var inited = false, animate = true, im; //Draw the bump map given the image and normals mouseX = 200; mouseY = 200; var drawBumpMap = function(ima, norms){ ima.loadPixels(); this.loadPixels(); var p1 = this.imageData.data, p2 = ima.imageData.data, t, d, norm, nx, ny, nz, mx, my, Mx, My, i512=1/512, x, y, r, g, b, ic; if(animate){ mouseX = sin(frameCount3)200+200; mouseY = -cos(frameCount)200+200; } Mx = mouseX/sc; My = mouseY/sc; var is = 1/(ima.width<<2); var ii = 0; for(var i = 0; i < p2.length; i+=4){ t = i>>2; x = t%ima.width; y = ~~(iis); ic = x+ywidth<<2; //Credit MTRN\\ norm = norms[t-sca]; nx=norm&1023; ny=norm>>10&1023; nz=norm>>20; nx=nxi512-1; ny=nyi512-1; nz=nzi512-1; nx=255; ny=255; nz=255; //End of Credit\\ mx = Mx-nx Shininess; my = My-ny * Shininess; d = dist(mx, my, x, y); d = map(d, 0, 2sca/3, Brightness, 0); d = max(ambience,d); r = showNormalMap ? (nx+128) : p2[i+0]d; g = showNormalMap ? (ny+128) : p2[i+1]d; b = showNormalMap ? (nz+128) : p2[i+2]d; p1[ic+0] = r; p1[ic+1] = g; p1[ic+2] = b; p1[ic+3] = 255; } this.updatePixels(); //image(ima,0,0); image(get(0,0,sca,sca),0,0,400,400); //Stretch out bump-map to fit the screen }; var draw = function() { if(!this.loadPixels){ return; }else if(!inited){ im = drawImage(); inited = true; } background(0, 0, 0); drawBumpMap(im, gridn); text(this.__frameRate, 10,20); }; var mouseOver = function(){ animate = false; }; var mouseOut = function(){ animate = true; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJCrn-usCQw
Votes	190
Spin-Offs	22
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	jocopa3
Author Name	Jocopa3
Author ID	kaid_618814140784120343334840
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739378471933
Updated	10 months ago, 1739378476202
Source Deleted	unknown