Viewing Program

Program Data

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

Title	Circle Splitter with Ray Tracer
ID	1631754172
Created	12 years ago, 1368226281272
Updated	12 years ago, 1368232405796
Code	/* Circle splitter with ray tracing by Cameron * Use RIGHT arrow to try different demo images * circle splitter code borrowed from Khan Academy Ray tracing code is my own * modify the commands in st below to make your own 3-Dimensional World / / This is the text commands passed to our ray caster We can change the commands here to produce new worlds / var minr=2;//smallest circle r var st=""; st+="Camera,0,0,100.0,0.0,-10.0,-50.0,0.0,1.0,0.0;"; st+="World,30.0,30.0;"; st+="Image,400,400;"; st+="Distance,100.0;"; st+="Background,0.2,0.2,0.3;"; st+="Material,gold;"; st+="Light,-20.0,10.0,50.0,0.0,0.0,0.0,0.7,0.7,0.7,0.2,0.2,0.2;"; var textwriter=function(x,y,z,r,mytext){ var offsetx=0; var commands=""; for(var i=0;i<mytext.length;i++){ var mychar=mytext[i]; var letter=[]; if( mychar==='a' \|\| mychar==='A'){ letter=[[0,1,1,1,0], [1,0,0,0,1], [1,1,1,1,1], [1,0,0,0,1], [1,0,0,0,1]]; } else if(mychar==='b' \|\| mychar==='B'){ letter=[[1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0]]; } else if(mychar==='c' \|\| mychar==='C'){ letter=[[0,1,1,1,1], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [0,1,1,1,1]]; } else if(mychar==='d' \|\| mychar==='D'){ letter=[[1,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,0]]; }else if(mychar==='e' \|\| mychar==='E'){ letter=[[1,1,1,1,1], [1,0,0,0,0], [1,1,1,1,1], [1,0,0,0,0], [1,1,1,1,1]]; }else if(mychar==='f' \|\| mychar==='F'){ letter=[[1,1,1,1,1], [1,0,0,0,0], [1,1,1,1,1], [1,0,0,0,0], [1,0,0,0,0]]; }else if(mychar==='g' \|\| mychar==='G'){ letter=[[0,1,1,1,1], [1,0,0,0,0], [1,0,0,1,1], [1,0,0,0,1], [0,1,1,1,0]]; }else if(mychar==='h' \|\| mychar==='H'){ letter=[[1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,1], [1,0,0,0,1], [1,0,0,0,1]]; }else if(mychar==='i' \|\| mychar==='I'){ letter=[[1,1,1,1,1], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0], [1,1,1,1,1]]; }else if(mychar==='j' \|\| mychar==='J'){ letter=[[0,0,0,0,1], [0,0,0,0,1], [0,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0]]; }else if(mychar==='k' \|\| mychar==='K'){ letter=[[1,0,0,0,1], [1,0,0,1,0], [1,1,1,0,0], [1,0,0,1,0], [1,0,0,0,1]]; }else if(mychar==='l' \|\| mychar==='L'){ letter=[[1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [1,0,0,0,0], [1,1,1,1,1]]; }else if(mychar==='m' \|\| mychar==='M'){ letter=[[1,0,0,0,1], [1,1,0,1,1], [1,0,1,0,1], [1,0,0,0,1], [1,0,0,0,1]]; }else if(mychar==='n' \|\| mychar==='N'){ letter=[[1,0,0,0,1], [1,1,0,0,1], [1,0,1,0,1], [1,0,0,1,1], [1,0,0,0,1]]; }else if(mychar==='o' \|\| mychar==='O'){ letter=[[0,1,1,1,0], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0]]; }else if(mychar==='p' \|\| mychar==='P'){ letter=[[1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], [1,0,0,0,0], [1,0,0,0,0]]; }else if(mychar==='q' \|\| mychar==='Q'){ letter=[[0,1,1,1,0], [1,0,0,0,1], [1,0,1,0,1], [1,0,0,1,0], [0,1,1,0,1]]; }else if(mychar==='r' \|\| mychar==='R'){ letter=[[1,1,1,1,0], [1,0,0,0,1], [1,1,1,1,0], [1,0,0,1,0], [1,0,0,0,1]]; }else if(mychar==='s' \|\| mychar==='S'){ letter=[[0,1,1,1,1], [1,0,0,0,0], [0,1,1,1,0], [0,0,0,0,1], [1,1,1,1,0]]; }else if(mychar==='t' \|\| mychar==='T'){ letter=[[1,1,1,1,1], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0]]; }else if(mychar==='u' \|\| mychar==='U'){ letter=[[1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [1,0,0,0,1], [0,1,1,1,0]]; }else if(mychar==='v' \|\| mychar==='V'){ letter=[[1,0,0,0,1], [1,0,0,0,1], [0,1,0,1,0], [0,1,0,1,0], [0,0,1,0,0]]; }else if(mychar==='w' \|\| mychar==='W'){ letter=[[1,0,0,0,1], [1,0,0,0,1], [1,0,1,0,1], [1,1,0,1,1], [1,0,0,0,1]]; }else if(mychar==='x' \|\| mychar==='X'){ letter=[[1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0], [0,1,0,1,0], [1,0,0,0,1]]; }else if(mychar==='y' \|\| mychar==='Y'){ letter=[[1,0,0,0,1], [0,1,0,1,0], [0,0,1,0,0], [0,0,1,0,0], [0,0,1,0,0]]; }else if(mychar==='z' \|\| mychar==='Z'){ letter=[[1,1,1,1,1], [0,0,0,1,0], [0,0,1,0,0], [0,1,0,0,0], [1,1,1,1,1]]; } if(letter.length !== 0){ for(var j=0;j<letter.length;j++){ for(var k=0;k<letter[j].length;k++){ if(letter[j][k]===1){ commands += "Sphere,"; commands += (x+offsetx+(k+0.5)2r); commands += ","; commands += (y+(letter.length-j+0.5)2r); commands += ","; commands += z; commands += ","; commands += r; commands += ";"; } } } offsetx += (letter[0].length+0.5)2r; } } return commands; }; st+= textwriter(-12.5,-10,0,1,"K"); st+= textwriter(-2,-9,0,0.5,"HAN"); st+= textwriter(-10,-15,0,0.3,"ACADEMY"); var userst=st; var demo=[]; demo[0]=""; demo[0]+="Camera,10.0,100.0,10.0,-10.0,-100.0,-10.0,0.0,1.0,1.0;"; demo[0]+="World,50.0,50.0;"; demo[0]+="Image,400,400;"; demo[0]+="Distance,100.0;"; demo[0]+="Background,0.2,0.2,0.3;"; demo[0]+="Material,gold;"; demo[0]+="Sphere,0.0,0.0,0.0,6.0;"; demo[0]+="Material,bronze;"; demo[0]+="Sphere,0.0,0.0,15.0,6.0;"; demo[0]+="Material,silver_polished;"; demo[0]+="Sphere,0.0,0.0,-15.0,6.0;"; demo[0]+="Material,black;"; demo[0]+="Sphere,15.0,0.0,-10.0,2.0;"; demo[0]+="Material,red;"; demo[0]+="Sphere,12.99,7.5,-8.667,2.0;"; demo[0]+="Material,green;"; demo[0]+="Sphere,7.5,12.99,-7.333,2.0;"; demo[0]+="Material,blue;"; demo[0]+="Sphere,0.0,15.0,-6.0,2.0;"; demo[0]+="Material,black_flat;"; demo[0]+="Sphere,-7.5,12.99,-4.667,2.0;"; demo[0]+="Material,red_flat;"; demo[0]+="Sphere,-12.99,7.5,-3.333,2.0;"; demo[0]+="Material,green_flat;"; demo[0]+="Sphere,-15,0.0,-2.0,2.0;"; demo[0]+="Material,blue_flat;"; demo[0]+="Sphere,-12.99,-7.5,-0.667,2.0;"; demo[0]+="Material,brass;"; demo[0]+="Sphere,-7.5,-12.99,0.667,2.0;"; demo[0]+="Material,bronze;"; demo[0]+="Sphere,0.0,-15,2.0,2.0;"; demo[0]+="Material,chrome;"; demo[0]+="Sphere,7.5,-12.99,3.333,2.0;"; demo[0]+="Material,copper;"; demo[0]+="Sphere,12.99,-7.5,4.667,2.0;"; demo[0]+="Material,gold;"; demo[0]+="Sphere,15.0,0.0,6.0,2.0;"; demo[0]+="Material,pewter;"; demo[0]+="Sphere,12.99,7.5,7.333,2.0;"; demo[0]+="Material,silver;"; demo[0]+="Sphere,7.5,12.99,8.667,2.0;"; demo[0]+="Material,silver_polished;"; demo[0]+="Sphere,0.0,15.0,10.0,2.0;"; demo[0]+="Light,0.0,10.0,-15.0,0.1,0.1,0.1,0.7,0.7,0.7,0.2,0.2,0.2;"; demo[0]+="Light,-20.0,10.0,-15.0,0.0,0.0,0.0,0.7,0.7,0.7,0.2,0.2,0.2;"; demo[1]=""; demo[1]+="Camera,0.0,0.0,40.0, 0.0,0.0,-50.0, 0.0,1.0,0.0;"; demo[1]+="World,20.0,20.0;"; demo[1]+="Image,400,400;"; demo[1]+="Distance,30.0;"; demo[1]+="Background,0.2,0.2,0.3;"; demo[1]+="Material,silver_polished;"; //Floor demo[1]+="Triangle,-10,-10,10, 10,-10,-10, -10,-10,-10;"; demo[1]+="Triangle,10,-10,10, 10,-10,-10, -10,-10,10;"; //Ceiling demo[1]+="Triangle,-10,10,10, -10,10,-10, 10,10,-10;"; demo[1]+="Triangle,10,10,10, -10,10,10, 10,10,-10;"; //Front demo[1]+="Triangle,-10,-10,-10, 10,10,-10, -10,10,-10;"; demo[1]+="Triangle,10,-10,-10, 10,10,-10, -10,-10,-10;"; //Left demo[1]+="Material,silver_polished;"; demo[1]+="Triangle,-10,10,10, -10,-10,-10, -10,10,-10;"; demo[1]+="Triangle,-10,-10,10, -10,-10,-10, -10,10,10;"; //Right demo[1]+="Material,silver_polished;"; demo[1]+="Triangle,10,-10,10, 10,10,-10, 10,-10,-10;"; demo[1]+="Triangle,10,10,10, 10,10,-10, 10,-10,10;"; demo[1]+="Material,red_matte;"; demo[1]+="Sphere,5,-6,1, 4;"; demo[1]+="Material,gold;"; demo[1]+="Sphere,-5,-6,-5, 4;"; demo[1]+="Light,0,9,0, 0.1,0.1,0.1, 0.8,0.8,0.8, 0.1,0.1,0.1;"; demo[2]=userst; st=""; st+="Camera,-8.0,5.0,-50.0,10.0,-6.0,50.0,0.0,1.0,0.0;"; st+="World,50.0,30.0;"; st+="Image,400,240;"; st+="Distance,60.0;"; st+="Background,0.2,0.2,0.3;"; st+="Material,bronze;"; st+="Sphere,0.0,-4.0,-12.0, 2.0;"; st+="Material,gold;"; st+="Sphere,5.0,2.0,-15.0,5.0;"; st+="Material,silver;"; st+="Sphere,-5.0,0.0,-17.0,3.0;"; st+="Material,brass;"; st+="Triangle,-10.0,0.0,0.0,0.0,10.0,0.0,10.0,0.0,0.0;"; st+="Material,chrome;"; st+="Triangle,-15.0,-10.0,-5.0, -15.0,5.0,5.0, 15.0,5.0,5.0;"; st+="Triangle,15.0,5.0,5.0, 15.0,-10.0,-5.0,-15.0,-10.0,-5.0;"; st+="Light,0.0,10.0,-15.0,0.1,0.1,0.1,0.7,0.7,0.7,0.2,0.2,0.2;"; st+="Light,-20.0,10.0,-15.0,0.0,0.0,0.0,0.7,0.7,0.7,0.2,0.2,0.2;"; demo[3]=st; /* Some object types we need to organize things / var Scene; var sceneobjects; var scenelights; var bkgd; var Camera; var RGBColor; var Intersection; var Material; var ka; var ks; var kd; var kreflect; var n_exp; //specular exponent var Sphere; var Vector3D; var cross; var dot; var magnitude; var normalize; var minus; var plus; var smul; /* This represents where a ray intersects an object / var Intersection=function(objectid,t){ this.objectid=objectid; this.t=t; }; /* This represents the world to be raytraced including all of the objects, and its lights / var Scene=function(){ this.sceneobjects=[]; this.scenelights=[]; this.totalobjects=0; this.totallights=0; this.bkgd= new RGBColor(0.0,0.0,0.0); this.addObject=function(myobject){ this.sceneobjects[this.totalobjects]=myobject; this.totalobjects++; }; this.addLight=function(mylight){ this.scenelights.push(mylight); this.totallights++; }; this.setBackground=function(mycolor){ this.bkgd=mycolor; }; }; / This represent a ray starting at a point a going in some direction / var Ray=function(p,d){ this.p=p; //the starting point this.d=d; // a direction vector }; / This represents a camera with a location, location it is looking at, and orientation * / var Camera=function(eye,lookat,up){ this.eye=eye; //location of camera, a point this.lookat=lookat; //what the camera is looking at this.up=up; //orientation of camera }; / This represents the plane that we want to create an image on. We find the color of each pixel through ray casting / var ImagePlane=function(){ /* this creates an image plane perpendicular to the vector between the camera and what it is looking at (the look vector). The center of the plane is where the look vector intersects the plane / this.setup=function(mycamera, imagewidth, imageheight, worldwidth, worldheight, distance ){ this.iw=imagewidth; this.ih=imageheight; this.ww=worldwidth; this.wh=worldheight; this.distance=distance; var look=((mycamera.lookat).minus(mycamera.eye)).normalize(); var imageu= (look.cross(mycamera.up)).normalize(); var imagev= (look.cross(imageu)).normalize(); var imageo= mycamera.eye; imageo= imageo.plus(look.smul(distance)); imageo= imageo.minus(imageu.smul(worldwidth0.5)); imageo= imageo.minus(imagev.smul(worldheight0.5)); this.u=imageu; this.v=imagev; this.o=imageo; }; }; / This represents a RGB color in floating point values range from 0.0-1.0 / var RGBColor=function(r,g,b){ var myr=max(0.0,r); myr=min(1.0,myr); var myg=max(0.0,g); myg=min(1.0,myg); var myb=max(0.0,b); myb=min(1.0,myb); this.r=myr; this.g=myg; this.b=myb; }; / represents a point light source with vector components (r,g,b) for ambient,diffuse, specular light intensity components / var Light=function(loc,Ia,Id,Is){ this.loc=loc; this.Ia=Ia; this.Id=Id; this.Is=Is; }; var Material=function(ka,kd,ks,exp_n,kreflect){ this.ka=ka; this.kd=kd; this.ks=ks; this.exp_n=exp_n; //specular exponent this.kreflect=kreflect; }; /* 3D OBJECT TYPES / //A Triangle Object var Triangle=function(objectid,p0,p1,p2){ this.objectid=objectid; this.p0=p0; this.p1=p1; this.p2=p2; this.getMaterial=function(){ return this.mat; }; this.setMaterial=function(mat){ this.mat=mat; }; this.getNormal=function(P){ var p10=(this.p1).minus(this.p0); var p20=(this.p2).minus(this.p0); var N = (p10.cross(p20)).normalize(); return N; }; this.getIntersection=function(myray){ //Ray at Po+dt //Plane is PN+D=0 //(Po+dt)N+D=0 //PoN+dNt+D=0 //t=(-D-PoN)/(dN) var p10=(this.p1).minus(this.p0); var p20=(this.p2).minus(this.p0); var N = (p10.cross(p20)).normalize(); var D= -1.0* (N.dot(this.p0)); var t= -( N.dot(myray.p)+D)/(N.dot(myray.d)); var threshold=0.01; if (t < threshold){ return new Intersection(-1,-1); } //P=Po+dt var P=(myray.p).plus((myray.d).smul(t)); //use ratio of areas method to find //barycentric coordinates var p0P = p0.minus(P); var p1P = p1.minus(P); var p2P = p2.minus(P); var area= 0.5( p10.cross(p20) ).magnitude(); var areaP0= 0.5( p1P.cross(p2P) ).magnitude(); var areaP1= 0.5( p0P.cross(p2P) ).magnitude(); var areaP2= 0.5( p0P.cross(p1P)).magnitude(); var alpha= areaP0/area; var beta = areaP1/area; var gamma= areaP2/area; var dev= 1.0-(alpha+beta+gamma); if (dev <0){dev = -dev;} if( dev <threshold ){ return new Intersection(this.objectid,t); }else{ return new Intersection(-1,-1); } }; }; //A Sphere Object var Sphere=function(objectid,center,r){ this.objectid=objectid; this.center=center; this.r=r; this.getMaterial=function(){ return this.mat; }; this.setMaterial=function(mat){ this.mat=mat; }; this.getNormal=function(P){ return (P.minus(this.center)).normalize(); }; this.getIntersection=function(myray){ //Ray at Po+dt //point P on sphere with center C, \|\|P-C\|\|=r //\|\|Po+dt-C\|\|=r, let D=Po-C //\|\|D+dt\|\|=r //(D+dt)(D+dt)=r^2 //t^2(d^2)+t(2Dd)+(DD-r^2)=0 //quadratic eq: (-b+/-sqrt(b^2-4ac))/(2a) var D= (myray.p).minus(this.center); var a= (myray.d).dot(myray.d); var b= D.dot(myray.d)2.0; var c= D.dot(D)-this.rthis.r; //require to avoid floating point error speckling var threshold=0.01; var discrim= bb-4ac; //only can see real solutions,not imaginary ones if(discrim <0){ return new Intersection(-1,-1); } var t1=(-b+sqrt(discrim))/(2a); if (t1 < threshold){ //object is behind ray return new Intersection(-1,-1); }else{ var t2=(-b-sqrt(discrim))/(2a); if(t2 < threshold){ return new Intersection(this.objectid,t1); }else{ return new Intersection(this.objectid,t2); } } }; }; /* VECTOR3D This represents a 3D vector include are useful methods to find dot and cross products as well as add,subtract and multiply by scalar / var Vector3D=function(x,y,z){ this.x=x; this.y=y; this.z=z; this.dot = function(v2){ return dot(this,v2); }; this.cross= function(v2){ return cross(this,v2); }; this.magnitude=function(){ return magnitude(this); }; this.normalize=function(){ return normalize(this); }; this.minus=function(v2){ return minus(this,v2); }; this.plus=function(v2){ return plus(this,v2); }; this.smul=function(k){ return smul(k,this); }; }; var dot =function(v1,v2){ return v1.xv2.x+v1.yv2.y+v1.zv2.z; }; var cross=function(v1,v2){ //i j k //x1 y1 z1 //x2 y2 z2 var xcomp= v1.yv2.z-v2.yv1.z; var ycomp= -(v1.xv2.z-v2.xv1.z); var zcomp=v1.xv2.y-v2.xv1.y; return new Vector3D(xcomp,ycomp,zcomp); }; var magnitude=function(v1){ return sqrt(v1.xv1.x+v1.yv1.y+v1.zv1.z); }; var normalize=function(v1){ var mag=magnitude(v1); return new Vector3D(v1.x/mag,v1.y/mag,v1.z/mag); }; var minus=function(v1,v2){ return new Vector3D(v1.x-v2.x,v1.y-v2.y,v1.z-v2.z); }; var plus=function(v1,v2){ return new Vector3D(v1.x+v2.x,v1.y+v2.y,v1.z+v2.z); }; var smul=function(k,v1){ return new Vector3D(kv1.x,kv1.y,kv1.z); }; /* Ray Casting Engine / /* For pixel i,j for the view plane, generates a ray given a camera / var getRayThroughPixel=function(mycamera,myimage,i,j){ var wi= (i+0.5)(myimage.ww)/(myimage.iw); var wj= (j+0.5)(myimage.wh)/(myimage.ih); //calculate location of pixel in world coordinates var ix= wi(myimage.u).x+wj(myimage.v).x+(myimage.o).x; var iy= wi(myimage.u).y+wj(myimage.v).y+(myimage.o).y; var iz= wi(myimage.u).z+wj(myimage.v).z+(myimage.o).z; var directx= ix-mycamera.eye.x; var directy= iy-mycamera.eye.y; var directz= iz-mycamera.eye.z; var direction=new Vector3D(directx,directy,directz); direction=direction.normalize(); var myray=new Ray(mycamera.eye,direction); return myray; }; / Finds the closest intersection for a ray / var getIntersection=function(myray,myscene){ var myinter=new Intersection(-1,-1); for(var i=0;i<(myscene.totalobjects);i++){ var cinter=myscene.sceneobjects[i].getIntersection(myray); if(cinter.objectid >=0){ if(cinter.t < myinter.t \|\| myinter.t===-1){ myinter=cinter; } } } return myinter; }; var checkShadow=function(shadowray,myscene,lightloc,myobjid){ var shadowhit= getIntersection(shadowray,myscene); if(shadowhit.objectid === -1){ return false; } var threshold=0.01; //determine if intersection is between light and start //of shadow ray var shadowhitloc= (shadowray.p).plus((shadowray.d).smul(shadowhit.t) ); var shadowhitmagnitude= ((shadowhitloc).minus(shadowray.p)).magnitude(); var lightlocmagnitude= (lightloc.minus(shadowray.p)).magnitude(); if(shadowhitmagnitude < lightlocmagnitude && (shadowhit.t > threshold) && shadowhit.objectid !== myobjid ){ return true; }else{ return false; } }; var getReflectionRay=function(myintersection,myray,normal){ var V=myray.d; var R=V.minus(normal.smul(2(V.dot(normal)))); var reflectp= (myray.p).plus((myray.d).smul(myintersection.t)); var reflectd= R.normalize(); return new Ray(reflectp,reflectd); }; var RayTraceRecursive; var getColor=function(startingpoint,myintersection,myray,myscene,depth,maxdepth,maxcontribution){ if(myintersection.objectid <0){ return myscene.bkgd; } var myobject= myscene.sceneobjects[myintersection.objectid]; var mymat= myobject.getMaterial(); var myP= (myray.p).plus((myray.d).smul(myintersection.t)); var myN=myobject.getNormal(myP); var phongr=0.0; var phongg=0.0; var phongb=0.0; var shadowr=0.0; var shadowg=0.0; var shadowb=0.0; for(var i=0;i<myscene.totallights;i++){ var mylight=myscene.scenelights[i]; var myL= ((mylight.loc).minus(myP)).normalize(); var shadowray=new Ray(myP,myL); var inshadow=checkShadow(shadowray,myscene,mylight.loc,myintersection.objectid); if(inshadow){ //shadow takes on portion of ambient lighting shadowr+= (mylight.Ia).x(mymat.kd).x; shadowg+= (mylight.Ia).y(mymat.kd).y; shadowb+= (mylight.Ia).z(mymat.kd).z; }else{ //Phong shading //ambient portion //the basic flat color of the object phongr+= (mylight.Ia).x(mymat.ka).x; phongg+= (mylight.Ia).y(mymat.ka).y; phongb+= (mylight.Ia).z(mymat.ka).z; //diffuse portion //the gradual shading of the object under light var LN=myL.dot(myN); phongr+= (mylight.Id).x(mymat.kd).xLN; phongg+= (mylight.Id).y(mymat.kd).yLN; phongb+= (mylight.Id).z(mymat.kd).zLN; //specular portion //the shiny highlights on the object var R= ((myN.smul(2(myL.dot(myN)))).minus(myL)).normalize(); var V= ((myray.p).minus(myP)).normalize(); var RV= max(0.0,R.dot(V)); var RVn = pow(RV,mymat.exp_n); phongr+= (mylight.Is).x * (mymat.ks).x * RVn; phongg+= (mylight.Is).y * (mymat.ks).y * RVn; phongb+= (mylight.Is).z * (mymat.ks).z * RVn; } } //get reflected components var myreflect=getReflectionRay(myintersection,myray,myN); var currentmaxcontribution= mymat.kreflect.x; if (mymat.kreflect.y > currentmaxcontribution){ currentmaxcontribution=mymat.kreflect.y; } if (mymat.kreflect.z > currentmaxcontribution){ currentmaxcontribution=mymat.kreflect.z; } currentmaxcontribution = maxcontribution; var reflectcolor= RayTraceRecursive(myP,myreflect,myscene,depth+1,maxdepth,currentmaxcontribution); var reflectcolorr=mymat.kreflect.x reflectcolor.r; var reflectcolorg=mymat.kreflect.y * reflectcolor.g; var reflectcolorb=mymat.kreflect.z * reflectcolor.b; var myr=shadowr+phongr+reflectcolorr; var myg=shadowg+phongg+reflectcolorg; var myb=shadowb+phongb+reflectcolorb; return new RGBColor(myr,myg,myb); }; var RayTraceRecursive=function(startingpoint,myray,myscene,depth,maxdepth,maxcontribution){ if(maxcontribution < (1.0/256.0) \|\| depth > maxdepth){ return new RGBColor(0.0,0.0,0.0); } var myintersection=getIntersection(myray,myscene); var mycolor=getColor(startingpoint,myintersection,myray,myscene,depth,maxdepth,maxcontribution); return mycolor; }; /* Finds the color for a pixel by using ray casting / var knownpixels=[]; var RayTracePixel=function(myscene,mycamera,myimage,i,j){ if(knownpixels[i]!==undefined && knownpixels[i][j]!==undefined){ return knownpixels[i][j]; }else{ var myray=getRayThroughPixel(mycamera,myimage,i,j); var maxdepth=4; var mycolor=RayTraceRecursive(mycamera.eye,myray,myscene,0,maxdepth,1.0); if(knownpixels[i] === undefined){ knownpixels[i]=[]; } knownpixels[i][j]=mycolor; return mycolor; } }; /* Gives us a material matching our specifications Most of these material properties are borrowed from section 10.8, Table 7 of Advanced Graphics Programming Techniques Using OpenGL by Tom McReynolds and David Blythe, 1999 / var MatFactory=function(matspec){ var speclist=matspec.split('_'); var mattype=speclist[0]; var matoption; if (speclist.length>1){ matoption=speclist[1]; } var mymat; if(mattype==="black"){ var mymat_black_ka=new Vector3D(0.0,0.0,0.0); var mymat_black_kd=new Vector3D(0.01,0.01,0.01); var mymat_black_ks=new Vector3D(0.5,0.5,0.5); var mymat_black_exp_n= 32.0; var mymat_black_kreflect= new Vector3D(0.5,0.5,0.5); var mymat_black=new Material(mymat_black_ka,mymat_black_kd,mymat_black_ks,mymat_black_exp_n,mymat_black_kreflect); mymat= mymat_black; } else if(mattype==="red"){ var mymat_red_ka=new Vector3D(0.9,0.0,0.0); var mymat_red_kd=new Vector3D(0.9,0.01,0.01); var mymat_red_ks=new Vector3D(0.5,0.5,0.5); var mymat_red_exp_n= 32.0; var mymat_red_kreflect= new Vector3D(0.5,0.5,0.5); var mymat_red=new Material(mymat_red_ka,mymat_red_kd,mymat_red_ks,mymat_red_exp_n,mymat_red_kreflect); mymat= mymat_red; } else if(mattype==="green"){ var mymat_green_ka=new Vector3D(0.0,0.9,0.0); var mymat_green_kd=new Vector3D(0.01,0.9,0.01); var mymat_green_ks=new Vector3D(0.5,0.5,0.5); var mymat_green_exp_n= 32.0; var mymat_green_kreflect= new Vector3D(0.5,0.5,0.5); var mymat_green=new Material(mymat_green_ka,mymat_green_kd,mymat_green_ks,mymat_green_exp_n,mymat_green_kreflect); mymat= mymat_green; } else if(mattype==="blue"){ var mymat_blue_ka=new Vector3D(0.0,0.0,0.9); var mymat_blue_kd=new Vector3D(0.01,0.01,0.9); var mymat_blue_ks=new Vector3D(0.5,0.5,0.5); var mymat_blue_exp_n= 32.0; var mymat_blue_kreflect= new Vector3D(0.5,0.5,0.5); var mymat_blue=new Material(mymat_blue_ka,mymat_blue_kd,mymat_blue_ks,mymat_blue_exp_n,mymat_blue_kreflect); mymat= mymat_blue; } else if(mattype==="brass"){ var mymat_brass_ka=new Vector3D(0.329412,0.223529,0.027451); var mymat_brass_kd=new Vector3D(0.780392,0.568627,0.113725); var mymat_brass_ks=new Vector3D(0.992157,0.941176,0.807843); var mymat_brass_exp_n= 27.8974; var mymat_brass_kreflect= new Vector3D(0.992157,0.941176,0.807843); var mymat_brass=new Material(mymat_brass_ka,mymat_brass_kd,mymat_brass_ks,mymat_brass_exp_n,mymat_brass_kreflect); mymat= mymat_brass; } else if(mattype==="bronze"){ var mymat_bronze_ka=new Vector3D(0.2125,0.1275,0.054); var mymat_bronze_kd=new Vector3D(0.714,0.4284,0.271906); var mymat_bronze_ks=new Vector3D(0.393548,0.271906,0.16672); var mymat_bronze_exp_n= 25.6; var mymat_bronze_kreflect= new Vector3D(0.393548,0.271906,0.16672); var mymat_bronze=new Material(mymat_bronze_ka,mymat_bronze_kd,mymat_bronze_ks,mymat_bronze_exp_n,mymat_bronze_kreflect); mymat= mymat_bronze; } else if(mattype==="chrome"){ var mymat_chrome_ka=new Vector3D(0.25,0.25,0.25); var mymat_chrome_kd=new Vector3D(0.4,0.4,0.4); var mymat_chrome_ks=new Vector3D(0.774597,0.774597,0.774597); var mymat_chrome_exp_n= 76.8; var mymat_chrome_kreflect= new Vector3D(0.774597,0.774597,0.774597); var mymat_chrome=new Material(mymat_chrome_ka,mymat_chrome_kd,mymat_chrome_ks,mymat_chrome_exp_n,mymat_chrome_kreflect); mymat= mymat_chrome; } else if(mattype==="copper"){ var mymat_copper_ka=new Vector3D(0.19125,0.0735,0.0225); var mymat_copper_kd=new Vector3D(0.7038,0.27048,0.0828); var mymat_copper_ks=new Vector3D(0.25677,0.137622,0.086014); var mymat_copper_exp_n= 12.8; var mymat_copper_kreflect= new Vector3D(0.25677,0.137622,0.086014); var mymat_copper=new Material(mymat_copper_ka,mymat_copper_kd,mymat_copper_ks,mymat_copper_exp_n,mymat_copper_kreflect); mymat= mymat_copper; } else if(mattype==="gold"){ var mymat_gold_ka=new Vector3D(0.24725,0.1995,0.0745); var mymat_gold_kd=new Vector3D(0.75164,0.60648,0.22648); var mymat_gold_ks=new Vector3D(0.628281,0.555802,0.366065); var mymat_gold_exp_n= 51.2; var mymat_gold_kreflect= new Vector3D(0.628281,0.555802,0.366065); var mymat_gold=new Material(mymat_gold_ka,mymat_gold_kd,mymat_gold_ks,mymat_gold_exp_n,mymat_gold_kreflect); mymat= mymat_gold; } else if(mattype==="pewter"){ var mymat_pewter_ka=new Vector3D(0.10588,0.058824,0.113725); var mymat_pewter_kd=new Vector3D(0.427451,0.470588,0.541176); var mymat_pewter_ks=new Vector3D(0.3333,0.3333,0.521569); var mymat_pewter_exp_n= 9.84615; var mymat_pewter_kreflect= new Vector3D(0.3333,0.3333,0.521569); var mymat_pewter=new Material(mymat_pewter_ka,mymat_pewter_kd,mymat_pewter_ks,mymat_pewter_exp_n,mymat_pewter_kreflect); mymat= mymat_pewter; } else if(mattype==="silver"){ var mymat_silver_ka=new Vector3D(0.19225,0.19225,0.19225); var mymat_silver_kd=new Vector3D(0.50754,0.50754,0.50754); var mymat_silver_ks=new Vector3D(0.508273,0.508273,0.508273); var mymat_silver_exp_n= 51.2; var mymat_silver_kreflect= new Vector3D(0.508273,0.508273,0.508273); var mymat_silver=new Material(mymat_silver_ka,mymat_silver_kd,mymat_silver_ks,mymat_silver_exp_n,mymat_silver_kreflect); mymat= mymat_silver; } if(matoption==="flat"){ mymat.ks=(mymat.ks).smul(0.1); mymat.exp_n= mymat.exp_n 0.1; mymat.kreflect=mymat.ks; } else if(matoption==="matte"){ mymat.ks=new Vector3D(0.0,0.0,0.0); mymat.exp_n=0.0; mymat.kreflect=mymat.ks; }else if(matoption==="polished"){ mymat.ka=(mymat.ka).smul(1.2); mymat.kd=(mymat.kd).smul(0.55); mymat.ks=(mymat.ks).smul(1.5); mymat.exp_n=mymat.exp_n1.75; mymat.kreflect=mymat.ks; } return mymat; }; / Sets up the image, camera, and scene based on the text commands we give it / var ReadSceneText=function(st){ var commands=st.split(';'); var imagewidth=0; var imageheight=0; var worldwidth=0; var worldheight=0; var distance=0; var totalobjects=0; var totallights=0; var currentmat= MatFactory("red");//default material var myscene=new Scene(); var myimage; var mycamera; for(var i=0; i<commands.length;i++){ var cmd= commands[i].split(','); if(cmd[0] !== "Material"){ for(var k=1;k<cmd.length;k++){ cmd[k]=parseFloat(cmd[k]); } } if(cmd[0]==="Camera" ){ var mycamerapos=new Vector3D(cmd[1],cmd[2],cmd[3]); var mylookat=new Vector3D(cmd[4],cmd[5],cmd[6]); var myup= new Vector3D(cmd[7],cmd[8],cmd[9]); mycamera=new Camera(mycamerapos,mylookat,myup); } else if(cmd[0]==="World"){ worldwidth=cmd[1]; worldheight=cmd[2]; } else if(cmd[0]==="Image"){ imagewidth=cmd[1]; imageheight=cmd[2]; } else if(cmd[0]==="Distance"){ distance=cmd[1]; } else if(cmd[0]==="Background"){ var backcolor=new RGBColor(cmd[1],cmd[2],cmd[3]); myscene.setBackground(backcolor); } else if(cmd[0]==="Sphere"){ var spherepos= new Vector3D(cmd[1],cmd[2],cmd[3]); var sphererad= cmd[4]; var sphere1=new Sphere(totalobjects,spherepos,sphererad); sphere1.setMaterial(currentmat); myscene.addObject(sphere1); totalobjects++; } else if(cmd[0]==="Triangle"){ var p0= new Vector3D(cmd[1],cmd[2],cmd[3]); var p1= new Vector3D(cmd[4],cmd[5],cmd[6]); var p2= new Vector3D(cmd[7],cmd[8],cmd[9]); var triangle1=new Triangle(totalobjects,p0,p1,p2); triangle1.setMaterial(currentmat); myscene.addObject(triangle1); totalobjects++; } else if(cmd[0]==="Light"){ var light1pos=new Vector3D(cmd[1],cmd[2],cmd[3]); var light1Ia= new Vector3D(cmd[4],cmd[5],cmd[6]); var light1Id= new Vector3D(cmd[7],cmd[8],cmd[9]); var light1Is= new Vector3D(cmd[10],cmd[11],cmd[12]); var light1= new Light(light1pos,light1Ia,light1Id,light1Is); myscene.addLight(light1); totallights++; }else if(cmd[0]==="Material"){ currentmat=MatFactory(cmd[1]); } } myimage=new ImagePlane(); myimage.setup(mycamera, imagewidth, imageheight, worldwidth, worldheight, distance ); return { myscene: myscene, myimage: myimage, mycamera: mycamera}; }; var index=0; var result=ReadSceneText(demo[index]); var myimage=result.myimage; var myscene=result.myscene; var mycamera=result.mycamera; // Circles split when you run your mouse over them. // Move your mouse around on the circle to the right! // The array holding the list of all circles displayed. // Start off with one big circle in the middle of the screen. var circles = [{ x: 200, y: 200, r: 200 }]; // Draw the circle passed in based on its x coordinate, // y coordinate, and radius. var drawCircle = function(circle) { var myi=circle.x; var myj=circle.y; var mycolor=RayTracePixel(myscene,mycamera,myimage,myi,myj); //values of color are 0-1 //must change to 0-255 fill(255mycolor.r, 255mycolor.g, 255mycolor.b); stroke(255, 255, 255,25); //stroke(255mycolor.r, 255mycolor.g, 255mycolor.b); ellipse(circle.x, circle.y, circle.r 2, circle.r * 2); }; // Draw the initial circle. drawCircle(circles[0]); var draw = function() { for (var i = 0; i < circles.length; i += 1) { var circle = circles[i]; // If the mouse is over a circle that hasn't // been split before, split it! if (!circle.split && dist(mouseX, mouseY, circle.x, circle.y) < circle.r && circle.r > minr) { circle.split = true; var c1 = { x: circle.x - circle.r/2, y: circle.y - circle.r/2, r: circle.r/2 }; var c2 = { x: circle.x + circle.r/2, y: circle.y - circle.r/2, r: circle.r/2 }; var c3 = { x: circle.x - circle.r/2, y: circle.y + circle.r/2, r: circle.r/2 }; var c4 = { x: circle.x + circle.r/2, y: circle.y + circle.r/2, r: circle.r/2 }; // Add the 4 smaller circles to the list of // circles. circles.push(c1); circles.push(c2); circles.push(c3); circles.push(c4); // Draw the 4 new circles. drawCircle(c1); drawCircle(c2); drawCircle(c3); drawCircle(c4); } } fill(0, 0, 0,100); rect(0,380,90,20); textSize(15); fill(255, 255, 255); text("DEMO #:"+index,10,400); }; var keyPressed=function(){ var currentheight; var currentwidth; if (keyCode===RIGHT){ index=(index+1)%(demo.length); st=demo[index]; result=ReadSceneText(st); myimage=result.myimage; myscene=result.myscene; mycamera=result.mycamera; background(255,255,255 ); knownpixels=[]; circles = [{x: 200,y: 200,r: 200}]; } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBi8r4qKBgw
Votes	207
Spin-Offs	13
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"938934557","title":"Circle Splitter","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Cameron
Author Name	cahawtho
Author ID	kaid_1142467855328975422301195
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739282329443
Updated	10 months ago, 1739282329443
Source Deleted	unknown