Viewing Program

Program Data

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

Title	Platformer Engine Pro (Version 1.0)
ID	5991819078533120
Created	10 years ago, 1427420552422
Updated	10 years ago, 1444984278916
Code	/** * Ultimate platformer engine pro! * Make your level by going into the "more Items" tab on your left and click on where you want to add the item. * You can remove an item by right clicking on it. * Press ENTER to try out your level. Press ENTER again if you want to continue editing you level * if you are satisfied with your level, go to the "OPTIONS" tab at the bottom of the screen and select "Print Level". * Copy the code and follow the instructions on this program to save it! * https://www.khanacademy.org/computer-programming/game-template/4920704444923904 * * HUGE THANKS TO: Bob Lyon for string editing(used in the build mode). for fixing the translate problem on grid mode. For the triangular collision on the spikes. and for teaching me new things every time :) * * CREDIT FOR MONSTER GOES TO Ryan Kee. * / textAlign(CENTER,CENTER); var leftMenu = false;//is the mouse in the left menu? var bMenu = false;//is the mouse in the bottom menu? var bMenuY = 400;//the position of the bottom menu. var leftMenuX = -50;//the position of the left side menu. var leftMenuY = 0; var mouseIn = false; var clicked = false; var mouseIsIn = function(x,y,w,h){ return mouseX>=x&& mouseX<=x+w&& mouseY>=y&& mouseY<=y+h&& mouseIn; //return iF the mouse is inside a specific rectangle and if the mouse is inside the canvas. }; var button = function(x,y,w,h,txt,txty,txts,func){ if(func){ pushMatrix(); translate(x,y); func(); popMatrix(); } fill(0,0,0,15); if(mouseIsIn(x,y,w,h)){ fill(0, 0, 0,40); cursor(HAND); } strokeWeight((w+h)/50); stroke(0, 0, 0); rect(x,y,w,h,w/10); fill(0); textSize(txts); text(txt,x+w/2,y+h/2+txty); return mouseIsIn(x,y,w,h); }; mouseOut = function(){ mouseIn = false;};//if mouse is outside of canvas, return false mouseOver = function(){ mouseIn = true;};//if mouse is inside of canvas, return true mouseClicked = function(){ clicked = true; };//turn a function into a boolean by making this variable true textFont(createFont("cursive")); var mode = "edit"; var edit = "build"; var playing = true; var pSize = [20,20];//the size of the player var pJumpHeight=8; var keys = []; var gSize = [25,30,40,50]; var pickGrid = 1; var grid = gSize[pickGrid]; var gridDimension = []; var level_h = 800; var level_w = 800; var chg = " "; var mx; var my; var transparence = 0; var redTrans = 0; var levels = [ [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " P ", " ", "bbbbbbbbbbbbbbbbbbbb", ], ]; var level = 0; var colorPickerX = 47; var colorPickerDrag = false; var pickerColor = color(255,0,0); var Print = ""; var game = ""; var string; var cam; //A lot of functions and objects! var addCol = function(when){ for(var i=0;i<levels[level].length;i++){ if(when==="end"){ levels[level][i]+=" "; }else if(when==="start"){ levels[level][i]=" "+levels[level][i]; } } }; var removeCol = function(when){ for(var i=0;i<levels[level].length;i++){ if(when==="start"){ levels[level][i]=levels[level][i].substr(1); }else if (when==="end"){ levels[level][i]=levels[level][i].substr(0,levels[level][i].length-1); } } }; var addRow = function(when){ string = ""; for(var i=0;i<levels[level][0].length;i++){ string+=" ";//make the string the same length as the others } if(when==="end"){ levels[level][levels[level].length]=string;}//add the row at the end else if(when==="start"){//or levels[level].unshift(string);//add a row at the beginning } }; var removeRow = function(when){ if(when==="start"){ levels[level].shift(); }else if(when==="end"){ levels[level].pop(); } }; var polygonCollide = function(shape1, shape2) { var isBetween = function(c, a, b) { return (a - c) (b - c) <= 0; }; /* Do ranges a and b overlap? / var overlap = function(a, b) { return isBetween(b.min, a.min, a.max) \|\| isBetween(a.min, b.min, b.max); }; / * Project shape onto axis. Simply * compute dot products between the * shape's vertices and the axis, and * keep track of the min and max values. / var project = function(shape, axis) { var mn = Infinity; var mx = -Infinity; for (var i = 0; i < shape.length; i++) { var dot = shape[i].xaxis.x + shape[i].yaxis.y; mx = max(mx, dot); mn = min(mn, dot); } return { min: mn, max: mx }; }; / Compute all projections axes of shape. / var getAxes = function(shape) { var axes = []; for (var i = 0; i < shape.length; i++) { var n = (i + 1) % shape.length; / * The edge is simply the delta between i and n. * The axis is the edge's normal. And a normal * of (x, y) is either of (y, -x) or (-y, x). / axes[i] = { y: shape[i].x - shape[n].x, x: -(shape[i].y - shape[n].y) }; } return axes; }; var shapes = [ shape1, shape2 ]; for (var s = 0; s < shapes.length; s++) { var axes = getAxes(shapes[s]); for (var i = 0; i < axes.length; i++) { var axis = axes[i]; / Project both shapes onto this axis / var p1 = project(shape1, axis); var p2 = project(shape2, axis); if (! overlap(p1, p2)) { / The two shapes cannot overlap / return false; } } } return true; / they overlap / };//for the triangular collisions mouseClicked = function(){ clicked = true; }; var printLevel = function(){ Print="";//reset the string Print+="[\n"; for(var col=0; col<levels[level].length; col++){ Print+="\"";//add the first ". for(var row=0; row<levels[level][col].length; row++){ Print+=levels[level][col][row];//add all the chartacters of the level } Print+="\",\n";//close the string and add line break } Print+="\n],"; println(Print);//print it to the canvas consol. }; var printGame = function(){ game=""; game+="var playerSize = ["+pSize[0]+","+pSize[1]+"];\nvar pJumpHeight="+pJumpHeight+";\nvar playerColor = color("+red(pickerColor)+","+green(pickerColor)+","+blue(pickerColor)+");\nvar grid = "+grid+";"; game+="\n\n\n/Copy and past the code above to:\nhttps://www.khanacademy.org/computer-programming/game-template/4920704444923904\nThen add your levels to play!/"; println(game); }; var Camera = function(x,y){ this.x=x; this.y=y; this.w=width; this.h = height; this.view = function(plyer){ if(mode==="play"){ this.x=plyer.x; this.y=plyer.y; }else if (mode === "edit"){ if(keys[UP]){this.y-=5;} if(keys[DOWN]){this.y+=5;} if(keys[LEFT]){this.x-=5;} if(keys[RIGHT]){this.x+=5;} } this.x = constrain(this.x,this.w/2,level_w-this.w/2); this.y = constrain(this.y,this.h/2,level_h-this.h/2); translate(200-this.x,200-this.y); }; }; var view = function(obj){ return obj.x+200-cam.x<width&&obj.x+200-cam.x>-obj.w&& obj.y+200-cam.y<height&&obj.y+200-cam.y>-obj.h; }; var collide=function(obj1,obj2){ return obj1.x<obj2.x+obj2.w&&obj1.x+obj1.w>obj2.x&& obj1.y<obj2.y+obj2.h&&obj1.y+obj1.h>obj2.y; }; var Player = function(x,y,w,h){ this.x=x; this.y=y; this.w=w; this.h=h; this.speed = 0.5; this.yvel = 0; this.xvel = 0; this.gravity = 0.3; this.JH = pJumpHeight; this.falling = false; this.speedLimit = 5; this.fallLimit = 8; this.health = 100; this.dir = 0; this.color = pickerColor;//art stuff this.dead = false; this.deadTimer = 0; this.update = function(blocks){ this.sight = this.w/4;//calculate the offset of the face based on the width of the player. if(!this.dead){//moving if(keys[UP]&&!this.falling){ this.yvel=-this.JH;} if(keys[RIGHT]){this.xvel+=this.speed; this.dir+=this.speed;} if(keys[LEFT]){ this.xvel-=this.speed; this.dir-=this.speed;} } if(!keys[RIGHT]&&!keys[LEFT]){ if(this.dir>0){this.dir-=this.speed;} if(this.dir<0){this.dir+=this.speed;} if(this.xvel>0){this.xvel-=this.speed;} if(this.xvel<0){this.xvel+=this.speed;} } this.dir = constrain(this.dir,-this.sight,this.sight); this.xvel=constrain(this.xvel,-this.speedLimit,this.speedLimit); if(this.yvel>this.fallLimit){ this.yvel=this.fallLimit; } this.x = constrain(this.x,0,level_w-this.w); this.x+=this.xvel; this.applyCollision(blocks,this.xvel,0); // apply speed and collisions this.falling=true; this.y+=this.yvel; this.applyCollision(blocks,0,this.yvel); this.yvel+=this.gravity; if(this.health<=0){ this.dead = true; } if(this.dead){ this.deadTimer++; } }; this.draw = function() { noStroke(); var d = (this.dir/this.w)15; fill(this.color); rect(this.x,this.y,this.w,this.h,(this.w+this.h)/20); this.eyeSize = (this.w+this.h)/10; fill(0); ellipse(d+this.x+this.w/3,this.y+this.h/3,this.eyeSize,this.eyeSize); ellipse(d+this.x+this.w2/3,this.y+this.h/3,this.eyeSize,this.eyeSize); noFill(); stroke(0); strokeWeight(1); arc(d+this.x+this.w/2,this.y,this.w,this.h1.5,70,110); }; this.applyCollision=function(obj,velx,vely){ for(var i=0; i<obj.length; i++){ if(collide(this,obj[i])&&obj[i].solid){ // handle collisions if(obj[i].type==="ice"){obj[i].melting = true;}//make the ice blocks start melting if(vely>0){ this.yvel=0; this.falling=false; this.y=obj[i].y-this.h; } if(vely<0){ this.yvel=0; this.falling=true; this.y=obj[i].y+obj[i].h; } if(velx<0){ this.xvel=0; this.x=obj[i].x+obj[i].w; } if(velx>0){ this.xvel=0; this.x=obj[i].x-this.w; } } } }; this.healthBar = function(){ textSize(14); fill(255); rect(20,20,100,15); fill(255, 0, 0); rect(20,20,this.health,15); fill(0); text("Health "+max(0,round(this.health))+"%",70,20+15/2); this.health = constrain(this.health,0,100); }; }; var player = new Player(200,100,pSize[0],pSize[1]); //@blocks var Block = function(x,y,w,h,type,i){ this.x=x; this.y=y; this.w=w; this.h=h; this.isImage = i; this.type = type; this.melting = false; this.solid = true; this.op = 255; this.draw = function() { if(view(this)\|\|this.isImage\|\|edit==="grid"\|\|edit==="player"){ switch(this.type){ case "solid": case "moving": noStroke(); fill(255); rect(this.x,this.y,this.w,this.h); break; case "ice": strokeWeight(2); stroke(255,255,255,this.op); fill(150, 207, 245,this.op); rect(this.x+1,this.y+1,this.w-2,this.h-2); break; } } }; this.update = function(){ if(this.type==="ice"){ if(this.melting){ this.op-=2; } if(this.op<50){ this.solid = false; } if(this.op<-120){ this.op=255; this.melting = false; this.solid = true; } } }; }; var blocks = []; blocks.add = function(x,y,w,h,t){ this.push(new Block(x,y,w,h,t)); }; blocks.apply = function(){ for(var i=0;i<this.length;i++){ this[i].draw(); this[i].update(); } }; //@portal var Goal = function(x,y,radius,i){ this.x=x; this.y=y; this.w=radius; this.h=radius; this.isImage = i; this.timer = 0; this.complete = false; this.color = 0; this.draw = function() { if(view(this)\|\|this.isImage\|\|edit==="grid"){ colorMode(HSB); noStroke(); for(var i=0;i<this.w/2;i+=2){ fill(255,0,255,i10); ellipse(this.x+this.w/2,this.y+this.h/2,this.w-i2,this.h-i2); } noFill(); strokeWeight(2); for(var i=0;i<this.w/2;i+=2){ this.opacity = (sin(iframeCount)70); stroke(frameCount%255, 255,255,this.opacity); ellipse(this.x+this.w/2,this.y+this.h/2,this.w-i2,this.h-i2); } colorMode(RGB); } }; this.update = function(){ if(collide(this,player)){ transparence+=5; } if(transparence>=250){ this.complete = true; } }; }; var portals = []; portals.add=function(x,y,r){ this.push( new Goal(x,y,r));}; portals.apply = function(){ for(var i=0;i<this.length;i++){ this[i].draw(); this[i].update(); } }; //@lava var Lava = function(x,y,s,i){ this.x=x; this.y=y; this.w=s; this.h=s; this.s = (s/3); this.isImage = i; this.draw = function() { if(view(this)\|\|this.isImage\|\|edit==="grid"){ noStroke(); for(var x=0;x<this.w;x+=this.s){ for(var y=0;y<this.h;y+=this.s){ fill(random(100,200),0,0); rect(this.x+x,this.y+y,this.s,this.s); } } } }; this.update = function(){ if(collide(this,player)){ player.health-=2; redTrans = 80; } }; }; var lava = []; lava.add = function(x,y,s){ this.push(new Lava(x,y,s)); }; lava.apply = function(){ for(var i=0;i<this.length;i++){ this[i].draw(); this[i].update(); }}; //@spikes var Spike = function(x,y,w,h,i){ this.x=x; this.y=y; this.w=w; this.h=h; this.isImage = i; this.draw = function() { if(view(this)\|\|this.isImage\|\|edit==="grid"){ noStroke(); fill(120); triangle(this.x+this.w/2,this.y,this.x,this.y+this.h,this.x+this.w,this.y+this.h); } }; this.update = function(){ //triangular collision if(polygonCollide([ {x:player.x,y:player.y}, {x:player.x+player.w,y:player.y}, {x:player.x+player.w,y:player.y+player.h}, {x:player.x,y:player.y+player.h}],//the player [{x:this.x+this.w/2,y:this.y}, {x:this.x+1,y:this.y+this.h}, {x:this.x+this.w-1,y:this.y+this.h}])){//the triangle player.yvel=-player.JH; player.health-=5; redTrans = 80;//red flash } }; }; var spikes = []; spikes.add=function(x,y,s){ this.push( new Spike(x,y,s,s)); }; spikes.apply = function(){ for(var i=0;i<spikes.length;i++){ this[i].draw(); this[i].update(); } }; //@jumpBlocks var JumpBlock = function(x,y,w,h,i){ this.x=x; this.y=y; this.w=w; this.h=h; this.isImage = i; this.draw = function() { if(view(this)\|\|this.isImage\|\|edit==="grid"\|\|edit==="player"){ noStroke(); fill(255, 71, 169); rect(this.x,this.y,this.w,this.h); } }; this.update = function(){ if(collide(this,player)){ player.yvel=-player.JH1.3; } }; }; var jumpBlocks = []; jumpBlocks.add = function(x,y,w,h){ this.push( new JumpBlock(x,y,w,h) ); }; jumpBlocks.apply = function(){ for(var i=0;i<this.length;i++){ this[i].draw(); this[i].update(); } }; var Bullet = function(x,y,s,angle){ this.x=x; this.y=y; this.w=s; this.h=s; this.deleted = false; this.angle = angle; this.draw = function() { if(!this.deleted){ noStroke(); fill(50); ellipseMode(CORNER); ellipse(this.x,this.y,this.w,this.h); ellipseMode(CENTER); } }; this.update = function(){ this.x+=cos(this.angle)2; this.y+=sin(this.angle)2; if(collide(this,player)&&!this.deleted&&!player.dead){ this.deleted = true; player.health -=10; redTrans=80; } for(var i=0;i<blocks.length;i++){ if(collide(this,blocks[i])&&!this.deleted&&blocks[i].solid){ this.deleted = true; } } }; }; var bullets = []; bullets.add = function(x,y,angle){ this.push( new Bullet(x,y,5,angle)); }; bullets.apply = function(){ for(var i=0;i<this.length;i++){ bullets[i].draw(); bullets[i].update(); if(bullets[i].deleted){ bullets.splice(i,1); } } }; var Cannon = function(x,y,w,h,i){ this.x=x; this.y=y; this.w=w; this.h=h; this.isImage = i; this.angle = atan2(this.x-player.x,player.y-this.y); this.bullets = []; this.draw = function() { if(view(this)\|\|this.isImage){ noStroke(); fill(80); ellipse(this.x+this.w/2,this.y+this.h/2,this.w3/5,this.h3/5); pushMatrix(); translate(this.x+this.w/2,this.y+this.h/2); rotate(this.angle); rect(-5,5,this.w/3,10); popMatrix(); } }; this.update = function(){ this.angle = atan2(this.x-player.x,player.y-this.y); if(mode==="play"&&(frameCount%100)===99){ bullets.add(this.x+this.w/2,this.y+this.h/2,this.angle+90); } }; }; var cannons = []; cannons.add = function(x,y,s){this.push( new Cannon(x,y,s,s));}; cannons.apply = function(){ for(var i=0;i<this.length;i++){ this[i].draw(); this[i].update(); } }; var Monster=function(x,y,w,h,i){ this.x=x; this.y=y; this.w=w; this.h=h; this.dead=false; // is the monster "dead"? this.xvel=1; // monster's speed this.angle=0; // the monster's eye's angle this.isImage = i; this.draw= function() { if(view(this)&&!this.dead\|\|this.isImage){ // draw the monster fill(23, 130, 57); noStroke(); rect(this.x,this.y,this.w,this.h,Math.abs(cos(frameCount2))10); // main body fill(255, 255, 255); stroke(0); ellipse(this.x+this.w/2,this.y+this.h/2,this.w/2,this.h/2); // the white of the eye // the pupil pushMatrix(); translate(this.x+this.w/2,this.y+this.h/2); rotate(this.angle+40); fill(0, 0, 0); ellipseMode(CORNER); ellipse(0,0,this.w/5,this.h/5); ellipseMode(CENTER); popMatrix(); } }; this.update = function(){ if(!this.dead&&mode==="play"){ this.angle = atan2(this.x-player.x,player.y-this.y);//make the angle point to the player this.x+=this.xvel; for(var i=0;i<blocks.length;i++){ if(collide(this, blocks[i])){ this.xvel=-this.xvel; } } if(collide(this, player)){ if(!player.falling&&!this.dead&&!player.dead){ player.health-=5; redTrans = 80; }else if(player.yvel>0&&player.falling){ this.dead=true; // the monster is "dead" player.yvel=-player.JH; // make the player hop } } } }; }; var monsters=[]; monsters.add=function(x,y,w,h){ this.push(new Monster(x,y,w,h)); }; monsters.apply=function(){ for(var i=0; i<this.length; i++){ this[i].update(); this[i].draw(); } }; //manage the objects in the game var objects = [blocks, portals, lava, spikes, jumpBlocks, cannons, bullets, monsters]; objects.remove = function(){ for (var i = 0; i < objects.length; i++) { for (var j = 0; j < objects[i].length; j++) { objects[i].splice(j, objects[i].length); } } }; var updateMap = function(){ objects.remove(); for(var col=0; col<levels[level].length; col++){ var cells = levels[level][col]; for(var row=0; row<cells.length; row++){ switch(cells[row]){ case "b": blocks.add(rowgrid,colgrid,grid,grid,"solid"); break; case "@": portals.add(rowgrid,colgrid,grid); break; case "_": blocks.add(rowgrid,colgrid+(grid/3)2,grid2,grid/3,"ice"); break; case "#": lava.add(rowgrid,colgrid,grid,grid); break; case "P": player = new Player(rowgrid-(player.w-grid)/2,colgrid-(player.h-grid)/2,pSize[0],pSize[1]); break; case "A": spikes.add(rowgrid,colgrid,grid,grid); break; case "M": jumpBlocks.add(rowgrid,colgrid+grid2/3,grid,grid/3); break; case "%": cannons.add(rowgrid,colgrid,grid); break; case "&": monsters.add(rowgrid,colgrid,grid,grid); break; } level_w = levels[level][col].length grid; level_h = levels[level].length * grid; } } }; var removeItem = function(item){ for(var col=0;col<levels[level].length;col++){ for(var row=0;row<levels[level][col].length;row++){ if(levels[level][col][row]===item){ levels[level][col]=levels[level][col].substr(0,row)+" "+levels[level][col].substr(row+1); } } } }; var changeCell = function(){ var x = mx/grid; var y = my/grid; var lvl = levels[level]; if (mouseButton === RIGHT){lvl[y] = lvl[y].substr(0, x) + " "+ lvl[y].substr(x + 1);} else if(mouseButton === LEFT&&lvl[y][x]!=="P"){ lvl[y] = lvl[y].substr(0, x) + chg + lvl[y].substr(x + 1);} updateMap(); }; //@key interaction keyPressed = function(){keys[keyCode]=true;}; keyReleased = function(){ keys[keyCode]=false; if(keyCode === ENTER){ updateMap(); if(mode==="edit"){mode="play";}else if (mode==="play"){mode="edit"; edit="build";} } }; var resetCam = function(){ cam.x=player.x; cam.y=player.y; };//reset the cam to the player's location. var applyGame = function(updatePlayer){ blocks.apply(); portals.apply(); if(!player.dead){ player.draw(); } lava.apply(); spikes.apply(); jumpBlocks.apply(); monsters.apply(); bullets.apply(); cannons.apply(); if(updatePlayer){player.update(blocks);} }; var images = { player : new Player(1,1,30,30), block : new Block(1,1,30,30,"solid",true), lava : new Lava(1,1,30.1,30.1,true), spike : new Spike(1,1,30,30,true), jumpB : new JumpBlock(1,20,30,10,true), ice : new Block(1,20,30,10,"ice",true), moving : new Block(1,20,30,10,"moving",true), portal : new Goal(1,1,30,true), cannon : new Cannon(-3,5,30,30,true), monster: new Monster(1,1,30,30, true), }; //@game modes var editPlayerBlocks = function(){ blocks.add(0,0,grid,height,"solid"); blocks.add(width-grid,0,grid,height,"solid"); blocks.add(0,width-grid,width,grid,"solid"); blocks.add(640,740,grid2,grid,"solid"); blocks.add(0,0,width,120,"solid"); jumpBlocks.add(grid,height-grid2+grid2/3,grid2,grid/3); }; var gameGrid = function(){ var gridSpace = (grid===gSize[1]?20:0); strokeWeight(0.2); //make a grid that seems to go on forever: for(var a=-cam.x%grid+gridSpace;a<450;a+=grid){//vertical lines line(a,0,a,400); } for(var b=-cam.y%grid+gridSpace;b<450;b+=grid){//horizontal lines line(0,b,400,b); } }; var buildMode = function(){ if(clicked&&!leftMenu&&!bMenu){ if(chg==="P"){removeItem("P");} if(chg==="@"){removeItem("@");} changeCell(); } pushMatrix(); cam.view(player); applyGame(false); stroke(0); noFill(); strokeWeight(0.5); if(!bMenu&&!leftMenu){ rect(mx,my,grid,grid);} popMatrix(); gameGrid(); textSize(13); { fill(156, 156, 156); noStroke(); rect(leftMenuX,0,52,400); fill(77, 77, 77); rect(50+leftMenuX,125,15,150); fill(255,255,0); pushMatrix();//save the current matrix translate(leftMenuX+57.5,200);//translate the text to desired position. rotate(90);//rotate the text text("M O R E I T E M S",0,0); popMatrix();//reset the matrix to its last saved position. if(mouseIsIn(leftMenuX,0,50,400)\|\|mouseIsIn(leftMenuX+50,125,15,150)){ leftMenu=true; }else{ leftMenu=false; }//if the mouse is in the rect, let us know! if(leftMenu){ leftMenuX+=5; }else{leftMenuX-=2;}//if the mouse is in the rect make it go out, else make it go back in. leftMenuX = constrain(leftMenuX,-50,-5);//constrain the variable to make sure the rect stays on screen! }//more Items //more Items buttons: if(mouseIsIn(leftMenuX,385,50,15)&&leftMenu){ leftMenuY--; } if(mouseIsIn(leftMenuX,0,50,15)&&leftMenu){ leftMenuY++; } leftMenuY = constrain(leftMenuY,-200,0); { if(button(leftMenuX+12.5,20+leftMenuY,30,30,"Player",25,14,function(){ images.player.draw(); })&&clicked){ chg="P"; } if(button(leftMenuX+12.5,70+leftMenuY,30,30,"Portal",25,14,function(){ images.portal.draw(); })&&clicked){ chg="@"; } if(button(leftMenuX+12.5,120+leftMenuY,30,30,"Wall",25,15,function(){ images.block.draw(); })&&clicked){ chg="b"; } if(button(leftMenuX+12.5,170+leftMenuY,30,30,"Lava",25,13,function(){ images.lava.draw(); })&&clicked){ chg="#"; } if(button(leftMenuX+12.5,220+leftMenuY,30,30,"Spike",25,11,function(){ fill(255, 255, 255); rect(1,1,30,30); images.spike.draw(); })&&clicked){ chg="A"; } if(button(leftMenuX+12.5,270+leftMenuY,30,30,"Tramp",25,13,function(){ images.jumpB.draw(); })&&clicked){ chg="M"; } if(button(leftMenuX+12.5,320+leftMenuY,30,30,"Ice",25,13,function(){ images.ice.draw(); })&&clicked){ chg="_"; } if(button(leftMenuX+12.5,370+leftMenuY,30,30,"Cannon",25,13,function(){ images.cannon.draw(); })&&clicked){ chg="%"; } if(button(leftMenuX+12.5,420+leftMenuY,30,30,"Monster",25,11,function(){ images.monster.draw(); })&&clicked){ chg="&"; } } noStroke(); fill(0,0,0,50); if(mouseIsIn(leftMenuX,0,50,15)&&leftMenu){ leftMenuY++; fill(0,0,0,120);} rect(leftMenuX,0,52,15); fill(0,0,0,50); if(mouseIsIn(leftMenuX,385,50,15)&&leftMenu){ leftMenuY--; fill(0,0,0,120);} rect(leftMenuX,385,52,15); fill(255,255,0); textSize(13); leftMenuY = constrain(leftMenuY,-200,0); text("▼ ▼ ▼",leftMenuX+27,392.5); text("▲ ▲ ▲",leftMenuX+27,7); }; var editGridMode = function(){ var scaleF = 400/max(level_w,level_h);//the scale factor var trans = [ ((width/scaleF)-level_w)/2 , ((height/scaleF)-level_h)/2 ]; pushMatrix(); scale(scaleF); if(level_w>level_h){//if the with of the level if bigger then the height: translate(0,trans[1]);//translate only the height }else{ translate(trans[0],0);//translate only the width } applyGame(false); stroke(0); strokeWeight(0.5); for(var x=0;x<level_w+grid;x+=grid){ line(x,0,x,level_h); } for(var y=0;y<level_h+grid;y+=grid){ line(0,y,level_w,y); } popMatrix(); { //columns if(button(5,180,20,20,"+",0,29)&&clicked){ addCol("start"); updateMap(); } if(button(375,220,20,20,"-",0,29)&&clicked){ removeCol("end"); updateMap(); } if(button(375,180,20,20,"+",0,29)&&clicked){ addCol("end"); updateMap(); } if(button(5,220,20,20,"-",0,29)&&clicked){ removeCol("start"); updateMap(); } //rows if(button(180,5,20,20,"+",0,29)&&clicked){ addRow("start"); updateMap(); } if(button(220,5,20,20,"-",0,29)&&clicked){ removeRow("start"); updateMap(); } if(button(180,375,20,20,"+",0,29)&&clicked&&!bMenu){ addRow("end"); updateMap(); } if(button(220,375,20,20,"-",0,29)&&clicked&&!bMenu){ removeRow("end"); updateMap(); } //help button if(button(0,0,30,30,"?",0,30)){ textSize(12); fill(255, 255, 255,170); noStroke(); rect(60,55,280,60); fill(0); textAlign(LEFT,BASELINE); text("Use the buttons to edit the grid by adding or removing columns and rows.\nNote: there is no undo button.",70,65,280,60); textAlign(CENTER,CENTER); } }//the "add" or "remove" buttons fill(255); noStroke(); rect(300,0,100,50); fill(0); textSize(15); text("Grid Size",350,10); text(grid,350,30); if(button(310,20,20,20,"+",0,21)&&clicked){ pickGrid ++; grid = gSize[min(pickGrid,3)]; updateMap();} if(button(370,20,20,20,"-",0,21)&&clicked){ pickGrid --; grid = gSize[max(pickGrid,0)]; updateMap();} pickGrid=constrain(pickGrid,0,3); textSize(27); fill(0,0,0,60); text("There is NO undo button",200,200); }; var editPlayerMode = function(){ applyGame(true); stroke(0); strokeWeight(0.2); for(var i=0;i<400;i+=grid){ line(0,i,width,i); line(i,0,i,height); } //@colorPicker { colorMode(HSB); noStroke(); for(var i=0;i<2551.2;i+=1.2){ fill(i,255,255); rect(47+i,20,2,10); if(colorPickerX>=47+i&&colorPickerX<47+i+1.2){ player.color = color(i,255,255); pickerColor = color(i,255,255); } } colorMode(RGB); fill(0); rect(colorPickerX,10,5,30); if(mouseIsPressed&&mouseIsIn(colorPickerX-3,8,11,34)){ colorPickerDrag=true; } if(!mouseIsPressed){ colorPickerDrag=false;} if(colorPickerDrag){ colorPickerX+=mouseX-pmouseX; } colorPickerX = constrain(colorPickerX,47,47+306); } textSize(14); text("Player color",200,7.5); if(button(25,75,20,20,"+",0,28)&&clicked){ pSize[0]+=2; player.w=pSize[0];} if(button(70,75,20,20,"-",0,28)&&clicked){ pSize[0]-=2; player.w=pSize[0];} if(button(115,75,20,20,"+",0,28)&&clicked){ pSize[1]+=2; player.h=pSize[1];} if(button(160,75,20,20,"-",0,28)&&clicked){ pSize[1]-=2; player.h=pSize[1];} if(button(205,75,20,20,"+",0,28)&&clicked){ pJumpHeight+=0.5; player.JH=pJumpHeight;} if(button(250,75,20,20,"-",0,28)&&clicked){ pJumpHeight-=0.5; player.JH=pJumpHeight;} textSize(16); text(pSize[0],57.5,85); pSize[0]=constrain(pSize[0],10,grid); text(pSize[1],147.5,85); pSize[1]=constrain(pSize[1],10,grid); textSize(15); text(player.JH.toFixed(1),237.5,85); player.JH = constrain(player.JH,5,10); fill(100); textSize(16); text("width",60,60); text("height",150,60); text("Jump\nheight",240,52); }; var playMode = function(){ pushMatrix(); cam.view(player); applyGame(true); if(player.deadTimer>50){ mode="edit"; updateMap(); resetCam();} if(portals[0]){//if there is a portal if(portals[0].complete){ mode="edit"; updateMap(); resetCam();} }//if that portal is complete stroke(0); popMatrix(); player.healthBar(); }; var optionsTab = function(){ { textSize(14); fill(70); rect(280,bMenuY-20,100,20); fill(255,255,0); text("O P T I O N S",330,bMenuY-10); fill(150, 150, 150); rect(100,bMenuY-2,300,52); //if the mouse is inside, let us know! if(mouseIsIn(280,bMenuY-20,100,20)\|\|mouseIsIn(100,bMenuY-2,300,52)){ bMenu = true; }else{ bMenu=false; } if(bMenu){bMenuY-=5;}else{bMenuY+=2;}//if the mouse is inside, make the tab go out else make it go back in bMenuY = constrain(bMenuY,350,400);//constrain the variable so it dosn't go out of controle! }//options if(button(115,bMenuY+3,30,30,"Edit level",23,11,function(){noStroke(); fill(255); rect(1,20,10,10); fill(120); triangle(10,30,15,20,20,30); triangle(20,30,25,20,30,30); fill(255,0,0); rect(8,5,10,10); stroke(0); strokeWeight(2); point(11,9); point(14.5,9); noFill(); strokeWeight(1); arc(13,-0.5,13,28,69,112);} )&&clicked){ edit = "build"; updateMap(); resetCam(); } if(button(175,bMenuY+3,30,30,"Edit grid",23,11,function(){noStroke(); fill(255); rect(1,1,30,30); stroke(0); strokeWeight(0.5); line(1,10,30,10); line(1,20,30,20); line(10,1,10,30); line(20,1,20,30);})&&clicked){ edit = "grid"; updateMap(); } if(button(235,bMenuY+3,30,30,"Edit Player",23,11,function(){images.player.draw();})&&clicked){ edit = "player"; objects.remove(); editPlayerBlocks(); player.x=200; player.y=200; } if(button(295,bMenuY+3,30,30,"Print Level",23,11,function(){ noStroke(); fill(255); rect(1,1,30,30); fill(0); textSize(30); text("P",15,15);})&&clicked){ printLevel(); } if(button(355,bMenuY+3,30,30,"Print Game",23,11,function(){ noStroke(); fill(255); rect(1,1,30,30); fill(0); textSize(22); text("P",15,10); textSize(8); text("GAME",15,24);})&&clicked){ printGame(); } }; updateMap(); var cam = new Camera(player.x,player.y); var draw = function() { cursor(ARROW); background(200); mx = floor((mouseX+cam.x-200)/grid)grid; my = floor((mouseY+cam.y-200)/grid)*grid; if(mode==="play"){ playMode(); }else if(mode==="edit"){ switch(edit){ case "build" : buildMode(); break; case "grid" : editGridMode(); break; case "player": editPlayerMode(); break; } optionsTab();//always have the options tab when the mode gets "edit" } clicked = false; //@transparency { fill(255,255,255,transparence); noStroke(); rect(0,0,width,height); fill(255,0,0,redTrans); rect(0,0,width,height); transparence -=3; redTrans-=3; transparence=constrain(transparence,0,255); redTrans = constrain(redTrans,0,255); } //background(255); };
Folds	23,30,31,51,107,115,116,124,125,135,136,142,143,204,209,221,222,228,230,247,249,252,255,258,260,338,342,378,381,386,390,421,424,429,432,453,456,460,495,500,503,519,522,527,529,556,558,560,561,569,570,595,598,603,605,653,656,661,666,672,674,705,706,714,716,724,729,735,737,739,740,752,754,766,770,779,781,792,794,874,876,951,953,1013,1015,1026,1028,1088
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPC98bDSCgw
Votes	519
Spin-Offs	98
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Jacob
Author Name	Jacob124
Author ID	kaid_196917702627746948456106
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739452168157
Updated	8 months ago, 1744820978730
Source Deleted	unknown