Viewing Program

Program Data

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

Title	Block Maze 3D with Overlay!
ID	4717462604480512
Created	11 years ago, 1402108238282
Updated	11 years ago, 1403265741601
Code	// grid size // keep between 20 and 100 // program runs at consistent speed var gs = 50; /** * Block Maze 3D * * Combines the Block Maze program with * 3D rendering * * Torchlight makes the colors flicker * * Press left/right arrows to turn * up/down arrows to move foward/backward * space to jump up (you cannot jump over walls) * O for overlay * * Maze changes every minute * * * Tested and works best with Chrome on PC * Works with Firefox and IE on PC, too * * Does NOT work on iPad or mobile iOS * * Three reported that this does NOT work with Safari on Mac * but can work if you follow these directions: * * 1.Open the Safari menu and select Preferences. * 2.Click the Advanced tab in the Preferences window. * 3.At the bottom of the window, check the * Show Develop menu in menu bar checkbox. * 4.Open the Develop menu in the menu bar * and select Enable WebGL. * * Troy Cook * * Successful P3D implementation * by DillingerLee here * https://www.khanacademy.org/cs/p3d/2452976244 / / Tweaked maze maker for better paths Added view-length routine to exclude farther objects Added routine to draw objects within viewing angle Integrated Block Maze program / var p=0; var keys={}; background(0x00010101); angleMode = "degrees"; var sign = function(n) { return (n>0)?1:(n<0)?-1:0; }; var Cube = function(x,y,z,l,fc,t){ this.x = x; this.y = y; this.z = z; this.l = l; this.fc = fc; this.t = t; this.sc = lerpColor(fc,0xFF888888,0.3); this.draw = function(p) { if(this.t===0){ return; } p.i.pushMatrix(); p.i.translate(this.x+0.5,this.y+0.5,this.z); if(this.t===1){ p.i.stroke(this.sc); p.i.fill(this.fc); p.i.translate(0,0,this.l/2); p.i.box(1,1,this.l); } else { p.i.noStroke(0); p.i.fill(100); if((this.x+this.y)%2===1){ p.i.fill(200); } p.i.translate(0,0,-0.1); p.i.box(1,1,0.2); //p.i.rect(0,0,1,1); } p.i.popMatrix(); }; }; var Maze = function(r,c){ // number of rows (y) this.r = r; // number of columns (x) this.c = c; // pixels per block this.p = min(width/this.c,height/this.r); // overlay this.o = false; var roomColor = function(){ return color(random(128),random(128),random(128)); }; this.type = function(r,c){ r=floor(r); c=floor(c); if(r<0 \|\| r>=this.r \|\| c<0 \|\| c>=this.c){ return -1; } return this.a[r][c].t; }; this.room = function(br,bc,h,w,fc){ if(fc===undefined){ fc=roomColor(); } h=min(h,this.r-br-1); w=min(w,this.c-bc-1); var l=max(1,min(h,w)/3); for(var r=br; r<br+h; r++){ for(var c=bc; c<bc+w; c++){ this.a[r][c].t=2; this.a[r][c].fc=fc; this.a[r][c].l=l; } } }; this.setBlocks = function(pr,pc){ var fc=this.a[pr][pc].fc; var sc=lerpColor(fc,0xFF888888,0.2); var l=this.a[pr][pc].l; for(var r=max(pr-1,0); r<min(pr+2,this.r); r++){ for(var c=max(pc-1,0); c<min(pc+2,this.c); c++){ this.a[r][c].t=max(this.a[r][c].t,1); this.a[r][c].fc=fc; this.a[r][c].sc=sc; this.a[r][c].l=l; } } }; this.make = function() { this.a = new Array(this.r); for(var r=0; r<this.r; r++){ this.a[r]= new Array(this.c); for(var c=0; c<this.c; c++){ this.a[r][c]=new Cube(c,r,0,2,0xFF555555,0); } } this.br=3; this.bc=0; this.a[this.br][this.bc].t=2; this.a[this.br][this.bc].fc=0xFF0088FF; this.er=this.r-4; this.ec=this.c-1; this.a[this.er][this.ec].t=2; this.a[this.er][this.ec].fc=0xFF00FF00; // exit room this.room(this.r-5,this.c-5,4,4,0xFF00CC00); // beginning room var r=1; var c=1; var w=7; var h=7; var m=floor(max(this.r,this.c)/6); while(dist(r+h-1,c+w-1,this.er,this.ec)>3){ this.room(r,c,h,w,roomColor()); if(random(90)<atan2(this.er-r,this.ec-c)){ for(var ce=c+w; ce<this.c-m; ce+=0){ var cl=floor(random(3,m/2)); var we=floor(random(3,m)); this.room(r+floor(random(1,h-2)),ce,1,cl,roomColor()); ce+=cl; this.room(r,ce,h,we,roomColor()); cl=floor(random(3,m+h)); if(r>cl && ce+we/2<this.c && this.a[r-cl][ce+floor(we/2)].t===2){ this.room(r-cl,ce+floor(we/2),cl,1,roomColor()); } ce+=we; } this.room(r+=2,c+floor(w/3),h,1,roomColor()); r+=h; } else { for(var re=r+h; re<this.r-m; re+=0){ var cl=floor(random(3,m/2)); var he=floor(random(3,m)); this.room(re,c+floor(random(1,w-2)),cl,1,roomColor()); re+=cl; this.room(re,c,he,w); cl=floor(random(3,m+w)); if(c>cl && re+he/2<this.r && this.a[re+floor(he/2)][c-cl].t===2){ this.room(re+floor(he/2),c-cl,1,cl,roomColor()); } re+=he; } this.room(r+floor(h/3),c+=2,1,w,roomColor()); c+=w; } h=floor(random(4,m)); w=floor(random(4,m)); r=min(r,this.r-h-1); c=min(c,this.c-w-1); this.room(r,c,h,w,roomColor()); } for(var r=0; r<this.r; r++){ for(var c=0; c<this.c; c++){ if(this.a[r][c].t===2){ this.setBlocks(r,c); } } } this.cr=this.br+0.5; this.cc=this.bc+0.5; }; this.overlay = function(p) { p.o.background(0x00010101); p.o.noStroke(); p.o.fill(0x88888888); for(var r=0; r<this.r; r++){ for(var c=0; c<this.c; c++){ if(this.a[r][c].t===2){ p.o.rect(cthis.p,rthis.p,this.p,this.p); } } } }; this.make(); this.draw = function(p) { var ex=p.ex-2cos(p.ea); var ey=p.ey-2sin(p.ea); for(var r=max(0,floor(p.ey-p.vl)); r<min(this.r,floor(p.ey+p.vl)); r++){ for(var c=max(0,floor(p.ex-p.vl)); c<min(this.c,floor(p.ex+p.vl)); c++){ var v=this.a[r][c]; if(v.t===0){ continue; } // check angle var a = atan2(r-ey,c-ex)-p.ea; if(abs(a)<45 \|\| abs(a+360)<45 \|\| abs(a-360)<45){ v.draw(p); } } } }; }; randomSeed(day()+hour()+minute()); var p = { gs:gs, // grid size ps:100, // pixel scale vl:15, // view length i:createGraphics(400,400,P3D), // P3D object o:createGraphics(400,400,P2D), // overlay image t:[ getImage("creatures/Hopper-Happy"), getImage("avatars/leafers-ultimate"), getImage("space/rocketship"), getImage("space/star"), ], ex:0.5, ey:3.5, ez:15, ea:0, // camera eye cx:1, cy:1, cz:0, // camera target ml:0, ms:0.1, as:5, ezs:0, ezm:0.5, cp:["E","SE","S","SW","W","NW","N","NE"] }; p.m = new Maze(p.gs,p.gs); draw = function() { if(!p.i.background){ return; } if(!p.o.background){ return; } if(!p.o.ready){ p.m.overlay(p); p.o.ready=true; } if(!p.ready){ // calculate camera p.px = p.ex; p.py = p.ey; p.ex += cos(p.ea)p.ml; p.ey += sin(p.ea)p.ml; if(p.m.type(p.ey+sin(p.ea)sign(p.ml),p.ex)<2){ p.ey = p.py; } if(p.m.type(p.ey,p.ex+cos(p.ea)sign(p.ml))<2){ p.ex = p.px; } p.ml=0; p.cx = p.ex+cos(p.ea)10; p.cy = p.ey+sin(p.ea)10; p.i.beginDraw(); p.i.pushMatrix(); p.i.background(0xFF336688); p.i.beginCamera(); p.i.camera(p.exp.ps,p.eyp.ps,p.ezp.ps,p.cxp.ps,p.cyp.ps,p.czp.ps,0,0,-1.5); p.i.scale(p.ps); if(p.i.lights){ p.i.lights(); p.i.shininess(15); p.i.specular(8); p.i.lightSpecular(10,50,100); p.i.ambientLight(120,120,150,p.gs/2,p.gs/2,10); p.i.ambient(120); p.i.emissive(12); p.i.directionalLight(10,20,100,0,0,1); p.i.pointLight(220,200,80,p.ex,p.ey,1); } p.i.rectMode(CENTER); p.i.imageMode(CENTER); p.i.textAlign(CENTER,CENTER); //p.i.noStroke(); p.i.strokeWeight(1); p.i.angleMode="degrees"; p.m.draw(p); // show instructions p.i.pushMatrix(); p.i.noStroke(); p.i.fill(0xFFFFFFFF); p.i.translate(5,4,2); p.i.rotateZ(90); p.i.rotateX(-90); p.i.scale(1/p.ps); p.i.textSize(35); p.i.text("Find the Exit!\nUse the arrow keys\nto turn and move.\nPress Space to Jump.\nPress O for Overlay.",0,0); p.i.popMatrix(); // show exit p.i.pushMatrix(); p.i.noStroke(); p.i.fill(255); p.i.translate(p.gs-3,p.gs-3,3); p.i.rotateZ(90); p.i.rotateX(-90); p.i.scale(1/p.ps); p.i.image(p.t[3],0,0,200,200); p.i.popMatrix(); // show go east p.i.pushMatrix(); p.i.noStroke(); p.i.fill(255); p.i.translate(4,p.gs-5,4); p.i.rotateZ(90); p.i.rotateX(-90); p.i.rotateY(-90); p.i.scale(1/p.ps); p.i.image(p.t[1],0,0,150,150); p.i.popMatrix(); // show go south p.i.pushMatrix(); p.i.noStroke(); p.i.fill(255); p.i.translate(p.gs-4,4,5); p.i.rotateZ(90); p.i.rotateX(-90); p.i.scale(1/p.ps); p.i.image(p.t[2],0,0,250,250); p.i.popMatrix(); // show center p.i.pushMatrix(); p.i.noStroke(); p.i.fill(255); p.i.translate(p.gs/2,p.gs/2,5); p.i.rotateZ(90); p.i.rotateX(-90); p.i.rotateY(frameCount); p.i.scale(1/p.ps); p.i.image(p.t[0],-p.t[0].width/2,0); p.i.popMatrix(); p.i.endCamera(); p.i.noLights(); p.i.popMatrix(); p.i.endDraw(); background(127, 181, 189); image(p.i,0,0); textSize(15); fill(0xFF000000); text("x:"+nf(p.ex,1,1)+" y:"+nf(p.ey,1,1)+" a:"+p.ea,10,390); // show overlay if(p.m.o){ noStroke(); image(p.o,0,0,400,400); fill(255, 0, 0); pushMatrix(); scale(p.m.p); translate(p.ex,p.ey); rotate(p.ea); triangle(0.5,0,-0.5,-0.25,-0.5,0.25); popMatrix(); } p.ready=true; } // check keys if(keyIsPressed){ p.ready=false; p.ea -= keys[LEFT]?p.as:0; p.ea += keys[RIGHT]?p.as:0; p.ml += keys[UP]?p.ms:0; p.ml -= keys[DOWN]?p.ms:0; p.ezs += keys[" "]?0.06:0; p.ea=(p.ea+360)%360; } // check z position if(p.ez>15){ p.ez=15; p.ezs=0; } if(p.ez>p.ezm \|\| p.ezs!==0){ p.ready=false; } p.ezs -= 0.05; p.ez+=p.ezs; if(p.ez<p.ezm){ p.ez=p.ezm; p.ezs=0; } }; / these use the keys object to track the keyboard */ keyPressed = function() { var k = key.valueOf()===CODED?keyCode:key.toString(); keys[k]=1; }; keyReleased = function() { var k = key.valueOf()===CODED?keyCode:key.toString(); keys[k]=0; }; keyTyped = function() { var k = key.toString().toUpperCase(); switch(k){ case "O": // overlay toggle p.m.o = !p.m.o; } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKDWndCwCAw
Votes	203
Spin-Offs	14
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Troy Cook
Author Name	onetruetroy
Author ID	kaid_1050040908180717789041673
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739366810552
Updated	10 months ago, 1739366818302
Source Deleted	unknown