Viewing Program

Program Data

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

Title	3d maze game
ID	5316019273465856
Created	9 years ago, 1446766734578
Updated	9 years ago, 1447103945194
Code	/* 3d maze game -created by Bruce !-Announcement I've created a spin off which tweaks several game features to reduce lag and make for loops run less etc. If you're getting any kind of error to the effect of such and such is taking to long, then you might want to check out this: https://www.khanacademy.org/computer-programming/spin-off-of-3d-maze-game-v10min/4613504374538240 -! !-ANNOUNCEMENT: There will be a version two with many more features. Release date tbd, but likely it will be a month or two if not more. Hopefully that one will actuallly be fun to play XP -! todo- make the portal take you to different mazes make the enemies fight back add a gun to the player animation, but he finds it in a chest make a more complicated player out of the primitives: make arms and legs that move rotate the player seperate from the camera, give player heading vector make the draw more efficient: by possibly using prebuilt walls in extra graphics buffers by removing duplicated walls or fix the maze gen algorithim / var distance = 150;//set this to 300-400 if you are on a more powerful computer, if it's lagging you might actually want it lower var cameraSensetivity = 15;//Increase to help left/right key pan var player_speed = 7; var g3d = createGraphics(width, height, P3D); var instructions = "Use the arrow keys to move the camera. Left and right rotate (or mouse dragging). Up and down actually moves your guy. Shift fires a projectile."; var fadeinstructions = 300; var bw = 70; var angle = 0; var isFinished = false;//set to true when the player finishes the maze var runtime = 0;//keep track of the amout of frames (not millis because that would be unfair to people with lagged systems) it takes them to finish the maze //this program is now able to use maze data from my ortho maze gen (also a wip)- https://www.khanacademy.org/computer-programming/ortho-maze-v2/5161014075719680 var maze = [['ul','lr','ul','bl','bl','ur','ul','bl','ur','bl','lr', ], ['bl',0,0,0,0,0,'br','ur','bl','ur', ], ['ul','ud','ul','ur',0,0,'ur','ur','ur','br','br', ], ['ul','br','ul','ud',0,0,'br','bl','ul','ur','lr', ], ['bl','ur','ur','br','ud','bl','ud','ud','ud','br','br', ], ['ur','ud','ul','br','ur','bl','br','bl','bl','ud','lr', ], ['br','ud','ud','br','ur','ul','bl','ul','ur','ur','ur', ], ['ur','bl','ur','ul','lr','lr','ur','br','lr','ur','ur', ], ['ur','ul','bl','br','lr','lr','ud','ur','br','br','ur', ], ['ur','lr','ud','ul','br','ul','ud','br','ul','ul','br', ], ['lr','ur','ul','lr','ur','ud','bl','lr','lr','lr','br', ], ]; var enemyMap = [[0,0], [0,1] ]; var draw3Dsphere = function(vector,radius,shiftpos) {//println("drawing"); g3d.pushMatrix(); g3d.translate(shiftpos.x,shiftpos.y,shiftpos.z); g3d.pushMatrix(); g3d.translate(vector.x, vector.y,vector.z); g3d.fill(0, 85, 255); g3d.sphere(radius); g3d.popMatrix(); g3d.popMatrix(); }; var GC = -0.04; var initV = 20; var Planet = function(radius,mass,velocity,pos,shiftpos){ this.radius=radius; this.mass=mass; this.velocity=velocity; this.pos=pos; this.shiftpos=shiftpos; }; Planet.prototype.draw = function() { draw3Dsphere(this.pos,this.radius,this.shiftpos); }; Planet.prototype.update=function(acc){ this.velocity.add(acc); this.pos.add(this.velocity); this.pos.x=constrain(this.pos.x,-100,width+100); this.pos.y=constrain(this.pos.y,-100,height+100); }; var Portal = function(x,y){ this.center= new Planet(10,20,new PVector(0,0),new PVector(0,0,0),new PVector(x,y,30)); this.orbiters=[]; for(var i = 0;i<100;i++){ this.orbiters.push(new Planet(random(1,7),random(8,196),new PVector(random(-1initV,1initV),random(-1initV,1initV),random(-1initV,1initV)),new PVector(random(-10,10),random(-10,10),random(-10,10)),new PVector(x,y,30))); } }; Portal.prototype.draw= function() { this.center.draw(); for(var i in this.orbiters){ this.orbiters[i].draw(); var heading = new PVector(0,0); heading = PVector.sub(this.orbiters[i].pos,this.center.pos); heading.mult(GC(this.orbiters[i].massthis.center.mass)/pow(PVector.dist(this.orbiters[i].pos,this.center.pos),2)); this.orbiters[i].update(heading); } }; var p = new Portal(800-bw/2,800-bw/2); //this just applys the rotation matrix var Rotate = function(x, y, theta) { var c = cos(theta); var s = sin(theta); return { x: cx + sy, y: -sx + cy }; }; / rotArb rotates around an arbitrary axis, this is slightly different from the rot arb functions I've written before because those just translated the canvas, while this does the transform to a point / var rotArb = function(axis,point,theta){ var dx = point.x-axis.x; var dy = point.y-axis.y; var rotated = Rotate(dx,dy,theta); var shifted = {x:axis.x+rotated.x,y:axis.y+rotated.y}; return shifted; }; //collision between the sphere and the walls is done by looking at a set of points, which are created with the walls, and stored here var collisionlines = []; var Cline = function(points){ this.points=points;//[{xy},{xy... }; Cline.prototype.collideCirc=function(circle){ //for points if dist blah for(var i in this.points){ if(dist(this.points[i].x,this.points[i].y,circle.x,circle.y)<circle.r){ return true; } } return false; }; var pointify = function(x1,y1,x2,y2,horv){ //return [{xy... var temp = []; var distance = dist(x1,y1,x2,y2); var maxit = distance; for(var i = 0; i < maxit;i++){ if(horv){//pass true if you want horizontal temp.push({x:x1+i,y:y1}); } else{ temp.push({x:x1,y:y1+i}); } } return temp; }; var keys = []; var Camera= function(eye,centeron,up){ g3d.camera(eye.x,eye.y,eye.z,centeron.x,centeron.y,centeron.z, up.x,up.y,up.z); }; var setupCanvas = function(){ g3d.background(136, 147, 168); }; var draw3dbox = function(vector,width,height,depth,col,str) { g3d.pushMatrix(); g3d.translate(vector.x, vector.y,vector.z); g3d.fill(col); if(str){ g3d.stroke(str); }else{ g3d.noStroke(); } g3d.noLights(); g3d.box(width,height,depth); g3d.popMatrix(); }; var Projectile = function(x,y,heading){ this.pos=new PVector(x,y,0); this.heading=heading; this.heading.mult(5); this.footprint= {x:this.pos.x,y:this.pos.y,r:10}; }; Projectile.prototype.move=function(){ this.pos.sub(this.heading); this.footprint.x=this.pos.x; this.footprint.y=this.pos.y; }; Projectile.prototype.checkWalls=function(){ for(var i in collisionlines){ if(collisionlines[i].collideCirc(this.footprint)){ return true; } } return false; }; Projectile.prototype.draw= function() { g3d.fill(0, 0, 0); g3d.pushMatrix(); g3d.translate(this.pos.x,this.pos.y,0); g3d.sphere(5); g3d.popMatrix(); }; var projectiles = []; var Ball = function(){ this.speed=player_speed; this.rad=20; this.pos = new PVector(70,30,30); this.eye = new PVector(70,180,200); this.up = new PVector(0,1,0); this.footprint = {x:this.pos.x,y:this.pos.y,r:20}; }; Ball.prototype.move=function(){ var tx = this.pos.x; var tex = this.eye.x; var ty = this.pos.y; var tey = this.eye.y; var heading = PVector.normalize(this.up); if(keys[SHIFT]){ projectiles.push(new Projectile(this.pos.x,this.pos.y,heading)); } heading.mult(this.speed); if (keys[UP]) { this.pos.sub(heading); this.eye.sub(heading); } if (keys[DOWN]) { this.pos.add(heading); this.eye.add(heading); } if (keys[LEFT]) { angle+=cameraSensetivity; } if (keys[RIGHT]) { angle-=cameraSensetivity; } var point = {x:this.pos.x,y:this.pos.y+150}; var axis= {x:this.pos.x,y:this.pos.y}; point=rotArb(axis,point,angle); this.eye.x=point.x; this.eye.y=point.y; this.up=PVector.sub(this.eye,this.pos); this.up.z=0; this.footprint.x=this.pos.x; this.footprint.y=this.pos.y; for(var i in collisionlines){ if(collisionlines[i].collideCirc(this.footprint)){ this.pos.x=tx; this.eye.x=tex; this.pos.y=ty; this.eye.y=tey; } } }; Ball.prototype.draw= function() { g3d.pushMatrix(); g3d.translate(this.pos.x, this.pos.y,this.pos.z); //g3d.rotate(angle); g3d.fill(color(0, 208, 255)); g3d.directionalLight(255, 255, 200, 0.5, 0.5, -0.5); g3d.ambientLight(50, 10, 10); //head g3d.pushMatrix(); g3d.translate(0,0,this.rad/4); g3d.sphere(this.rad1/3); g3d.popMatrix(); //body g3d.pushMatrix(); g3d.translate(0,0,-this.rad/2); g3d.box(this.rad,this.rad2/3,this.rad); g3d.popMatrix(); g3d.popMatrix(); }; var ball = new Ball(); var Enemy = function(x,y){ this.rad=20; this.pos = new PVector(x,y,30); this.footprint = {x:this.pos.x,y:this.pos.y,r:20}; }; Enemy.prototype.draw= function() { g3d.pushMatrix(); g3d.translate(this.pos.x, this.pos.y,this.pos.z); //g3d.rotate(angle); g3d.fill(color(255, 208, 0)); g3d.directionalLight(255, 255, 200, 0.5, 0.5, -0.5); g3d.ambientLight(50, 10, 10); //head g3d.pushMatrix(); g3d.translate(0,0,this.rad/4); g3d.sphere(this.rad1/3); g3d.popMatrix(); //body g3d.pushMatrix(); g3d.translate(0,0,-this.rad/2); g3d.box(this.rad,this.rad2/3,this.rad); g3d.popMatrix(); g3d.popMatrix(); }; var enemies = []; for(var i =0;i< enemyMap.length;i++){ for(var j =0;j< enemyMap[i].length;j++){ if(enemyMap[i][j]===1){ enemies.push(new Enemy(jbw+bw/2,ibw+bw/2)); } } } var walls = []; var Brick = function(vec,dim,col){ this.vec=vec; this.dim=dim; this.col=col; }; Brick.prototype.draw= function() { draw3dbox(this.vec,this.dim.w,this.dim.h,this.dim.d,this.col); }; walls.push([]); for(var i = 0; i< 800; i+=50){ walls[0][i]=[]; for(var j = 0; j< 800; j+=50){ walls[0][i][j]=new Brick(new PVector(i,j,-10),{w:50,h:50,d:10},color(0,random(100,255),0)); } } var makeWall = function(x1,y1,x2,y2,horv){ collisionlines.push(new Cline(pointify(x1,y1,x2,y2,horv))); var temp = []; if(horv){//pass true if you want horizontal for(var i = x1; i < x2;i+=20){ temp.push([]); for(var z = 0; z<50;z+=10){ temp[temp.length-1].push(new Brick(new PVector(i,y1,z),{w:20,h:10,d:10},color(random(100,255),0,0))); } } } if(!horv){//pass true if you want horizontal for(var i = y1; i < y2;i+=20){ temp.push([]); for(var z = 0; z<50;z+=10){ temp[temp.length-1].push(new Brick(new PVector(x1,i,z),{w:10,h:20,d:10},color(random(100,255),0,0))); } } } temp.x=x1; temp.y=y1; walls.push(temp); }; //the two corridor nodes var ud = function(x,y){ makeWall(x,y,x,y+bw,false);//l makeWall(x+bw,y,x+bw,y+bw,false);//r }; var lr = function(x,y){ makeWall(x,y,x+bw,y,true);//u makeWall(x,y+bw,x+bw,y+bw,true);//b }; //the four corner nodes var br = function(x,y){ makeWall(x,y+bw,x+bw,y+bw,true);//b makeWall(x+bw,y,x+bw,y+bw,false);//r }; var bl = function(x,y){ makeWall(x,y+bw,x+bw,y+bw,true);//b makeWall(x,y,x,y+bw,false);//l }; var ul = function(x,y){ makeWall(x,y,x+bw,y,true);//u makeWall(x,y,x,y+bw,false);//l }; var ur = function(x,y){ makeWall(x,y,x+bw,y,true);//u makeWall(x+bw,y,x+bw,y+bw,false);//r }; for (var y = 0; y < maze.length; y++) { for (var x = 0; x < maze[y].length; x++) { switch (maze[y][x]) { case 0: break; case 'ud': ud(x bw, y * bw); break; case 'lr': lr(x * bw, y * bw); break; case 'br': br(x * bw, y * bw); break; case 'bl': bl(x * bw, y * bw); break; case 'ul': ul(x * bw, y * bw); break; case 'ur': ur(x * bw, y * bw); break; default: break; } } } var drawWall = function(wall){ for(var i in wall){ for(var j in wall[i]){ wall[i][j].draw(); } } }; draw= function() { if(ball.pos.x>bw&&ball.pos.y>bw&&!isFinished){ runtime++; if(ball.pos.x>10bw&&ball.pos.y>10bw){ isFinished=true; } } g3d.beginDraw(); setupCanvas(); p.draw(); ball.draw(); ball.move(); for(var i in walls){ if(i==="0"){ drawWall(walls[i]); }else{ if(dist(ball.pos.x,ball.pos.y,walls[i].x,walls[i].y)<distance){ drawWall(walls[i]); } } } for(var i in enemies){ enemies[i].draw(); } for(var i in projectiles){ projectiles[i].move(); projectiles[i].draw(); if(projectiles[i].checkWalls()){ projectiles.splice(i,1); break; } for(var j in enemies){ if(dist(projectiles[i].pos.x,projectiles[i].pos.y,enemies[j].pos.x,enemies[j].pos.y)<40){ enemies.splice(j,1); break; } } } g3d.endDraw(); Camera(ball.eye,ball.pos,ball.up); image(g3d,0,0); if(fadeinstructions>0){ textSize(25); fill(0,0,0,fadeinstructions); text(instructions,20,20,width-20,500); fadeinstructions-=5; }else{ pushStyle(); textSize(20); fill(0,0,0); text("run time: "+runtime,20,40); popStyle(); } }; keyPressed=function(){ keys[keyCode]=true; }; keyReleased=function(){ keys[keyCode]=false; }; mouseDragged = function() { var dx = mouseX-pmouseX; angle-=dx/5; var point = {x:ball.pos.x,y:ball.pos.y+150}; var axis= {x:ball.pos.x,y:ball.pos.y}; point=rotArb(axis,point,angle); ball.eye.x=point.x; ball.eye.y=point.y; ball.up=PVector.sub(ball.eye,ball.pos); ball.up.z=0; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKiDw9y4CQw
Votes	462
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	Bruce
Author Name	brew
Author ID	kaid_578782140380615509454169
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739379854047
Updated	4 months ago, 1744821163451
Source Deleted	unknown