Viewing Program

Program Data

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

Title	CUBAN - The Game (10 Levels)
ID	4626392971411456
Created	8 years ago, 1511488621927
Updated	8 years ago, 1511629341033
Code	//This is a platformer game based off of the CUBAN series. Cuban is a cube that has beeen captured by the ForestDwellers. He is trying to escape their territory, but there are obstacles to go through. //Hope you enjoy :) //(This is made from a platformer template) /*Arrow keys to move/ var page = "HOME"; var Button = function(x,y,d,m){ textAlign(CENTER,CENTER); fill(255, 255, 255); if(dist(mouseX,mouseY,x,y) <= d/2) { fill(142, 170, 191); cursor(HAND); } if(mouseIsPressed&&dist(mouseX,mouseY,x,y) <= d/2) { fill(138, 170, 194); page=m; } noStroke(); ellipse(x,y,d,d); textSize(d/4); fill(70, 100, 115); text(m, x,y); }; var playerSize = [22,22]; var pJumpHeight=4.5; var playerColor = color(87, 255, 182); var grid = 30; /This game and levels were edited using Jacob's Platformer Engine Pro (V1.0) https://www.khanacademy.org/computer-programming/platformer-engine-pro-version-10/5991819078533120 / var levels = [ [ " b", " b", " b", " b", " b", "@ b", "bbb bb bb bbbbbbbb b", " bb b", " bb", " bbb", " b b bbbb", " Pbbb bbb bbbbb", " bbbbb& &bbbbb bbbbbb", "bbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " ", " ", " ", " ", " ", " ", " ", " A A ", " bbbbbbbb ", " bbbbbbbbb ", " bbbbbbbbbbb ", " b b bbbbbbbbbbbbbbb@", "P bbbbb###########bbbbbbbbbbbbbbbb", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " b ", " b ", " b ", " b ", " b ", " b ", " b b ", " b bb ", " b bM b @", " bb bb b b", " bbb b Mb bb", " bbbb b bb bbb", "P bbbbb& & &&bbbb###b###b###bbbb", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " b ", " A A ", " bbbbbbbbb b ", " M b ", " b b bb bbbb ", " M b bb ", " b b b b b ", " bb bb ", " b ", " b ", " b ", " Mb ", "P bbbbbbbbbbb##################@######", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "P A A A A A A A A A A A A @", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " ", " ", " ", " ", " ", " ", " % % % % ", " ", " b####b b####b ", " bbbbbbbbbbbbbbbbbbbbb ", " b % b ", " b b ", "P b@ ", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " ", " ", " ", " ", " ", " ", " ", " ", "b & & & & & & & b ", "b bbbbbbbbbbbbbbbbb b ", " M b b ", " bbbbbbbbbbbbbbb b bbb ", "P MbAAAAAAAAAAAAAAAAAA@", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " ", " ", " ", " ", " ", " ", " ", " ", "b ", " b ", " bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", " % % % % % % % % % % ", "P @ ", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ "P ", " ", " ", " ", " ", "b ", " ", " b b ", " b ", " ", " ", " % ", " A A ", " bbbbbbbb ", " b b ", " M b @", "b################b###################b", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], [ " P ", " ", " ", " ", " ", " ", " ", " ", " A ", " b ", "b ", " b b ", " ", " ", " b ", " bA ", " b M b ", " bA b ", " b b ", " @ ", " b ", "######################################", "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb", ], ]; /***** vvv DON'T TOUCH THOSE! vvv ***/ var level = 0; var keys = []; var level_h = 800; var level_w = 800; var transparence = 0; var redTrans = 0; var cam; keyPressed = function(){keys[keyCode]=true;}; keyReleased = function(){ keys[keyCode]=false; }; 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 / }; var Camera = function(x,y){ this.x=x; this.y=y; this.w=width; this.h = height; this.view = function(plyer){ this.x=plyer.x; this.y=plyer.y; 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 = playerColor;//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)/30); this.eyeSize = (this.w+this.h)/10; fill(27, 74, 49); ellipse(d+this.x+this.w/3,this.y+this.h/2.6,this.eyeSize,this.eyeSize); ellipse(d+this.x+this.w2/3,this.y+this.h/2.6,this.eyeSize,this.eyeSize); noFill(); stroke(27, 74, 49); strokeWeight(1); arc(d+this.x+this.w/2,this.y,this.w,this.h1.4,67,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(){ noStroke(); textSize(14); fill(255); rect(290,9,100,18); fill(21, 255, 0); rect(290,9,this.health,18); fill(0, 0, 0); textAlign(CENTER,CENTER); textFont(createFont("Calibri")); text("Health "+max(0,round(this.health))+"%",342,36/2); this.health = constrain(this.health,0,100); }; }; var player = new Player(200,100,playerSize[0],playerSize[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)){ switch(this.type){ case "solid": case "moving": noStroke(); fill(77, 77, 77); rect(this.x,this.y,this.w,this.h); fill(138, 136, 138); rect(this.x+5,this.y+5,this.w - 10,this.h-10); fill(201, 201, 201); rect(this.x+5,this.y+5,this.w - 13,this.h-13); 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)){ 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)10); stroke(frameCount%25, 255,5,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)){ noStroke(); for(var x=0;x<this.w;x+=this.s){ for(var y=0;y<this.h;y+=this.s){ fill(30, 255, 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)){ noStroke(); fill(92, 91, 92); triangle(this.x+this.w/2,this.y,this.x,this.y+this.h,this.x+this.w,this.y+this.h); fill(117, 117, 117); triangle(this.x+this.w/2,this.y,this.x+15,this.y+this.h,this.x+this.w,this.y+this.h); } }; this.update = function(){ 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,y:this.y+this.h}, {x:this.x+this.w,y:this.y+this.h}])){ 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)){ noStroke(); fill(98, 116, 135); 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){ 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){ this.x=x; this.y=y; this.w=w; this.h=h; this.angle = atan2(this.x-player.x,player.y-this.y); this.bullets = []; this.draw = function() { if(view(this)){ 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((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){ 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.draw= function() { if(view(this)&&!this.dead){ // draw the monster fill(74, 130, 92); noStroke(); rect(this.x,this.y,this.w,this.h, 5); // main body fill(56, 56, 56); stroke(0); ellipse(this.x+this.w/1.4,this.y+this.h/2,this.w/7,this.h/7); ellipse(this.x+this.w/3,this.y+this.h/2,this.w/7,this.h/7); rect(this.x+this.w/4,this.y+this.h/1.4,this.w/2,this.h/23); // the white of the eye // the pupil } }; this.update = function(){ if(!this.dead){ 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(); if(this[i].dead){this.splice(i,1);} } }; //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,playerSize[0],playerSize[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 resetCam = function(){ cam.x=player.x; cam.y=player.y; };//reset the cam to the player's location. var applyGame = function(){ blocks.apply(); portals.apply(); if(!player.dead){ player.draw(); } lava.apply(); spikes.apply(); jumpBlocks.apply(); monsters.apply(); bullets.apply(); cannons.apply(); player.update(blocks); }; updateMap(); var cam = new Camera(player.x,player.y); var draw = function() { //@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); } }; var draw = function() { textFont(createFont("Calibri")); cursor(ARROW); switch(page) { //Home Page case "HOME": background(94, 137, 156); fill(108, 145, 166); rect(0, 0, 200, 400); for(var q = -13; q < 384; q += 47) { strokeWeight(10); stroke(73, 101, 125); rect(q + 6, 300, 40, 40); } noStroke(); fill(255, 255, 255); rect(50, 234, 60, 60, 10); fill(71, 102, 122); rect(65, 270, 30, 3, 10); stroke(71, 102, 122); strokeWeight(8); point(95, 255); point(65, 255); noStroke(); fill(50, 110, 80); rect(300, 225, 70, 70, 10); fill(255, 255, 255); rect(320, 270, 35, 3, 10); stroke(255, 255, 255); strokeWeight(8); point(320, 255); point(355, 255); Button(200,200,100,"PLAY"); Button(200,320,100,"HOW"); textSize(70); fill(87, 100, 130); text("CUBAN",200,55); fill(255, 255, 255); text("CUBAN",200,50); textSize(30); text("The Game",200,95); break; case "PLAY": background(183, 196, 235); pushMatrix(); cam.view(player); if(level === 0) { textSize(20); fill(95, 112, 150); text("Hey, I'm Cuban\n⇣", 70, 280); text("This is a portal", 70, 115); text("⇣", 15, 140); text("These are ForestDwellers\n⇣", 295, 280); } if(level === 1) { textSize(20); fill(95, 112, 150); text("These are deadly chemicals\n⇣",285, 280); text("These are spikes\n⇣",830, 180); } if(level === 2) { textSize(20); fill(95, 112, 150); textSize(15); text("These are\njump blocks",587, 280); text("⇣",610, 305); } if(level === 5) { textSize(20); fill(95, 112, 150); textSize(20); text("These are cannons\n⇣",255, 150); } strokeWeight(7); stroke(123, 140, 156); fill(117, 186, 255); rect(200, 35, 75, 75); rect(450, 35, 75, 75); noStroke(); fill(123, 140, 156); rect(215, 35, 5, 75); rect(235, 35, 5, 75); rect(255, 35, 5, 75); rect(465, 35, 5, 75); rect(485, 35, 5, 75); rect(505, 35, 5, 75); rect(433, 110, 110, 10); rect(183, 110, 110, 10); applyGame(); popMatrix(); player.healthBar(); if(player.deadTimer>100){updateMap(); resetCam();} if(portals[0]){ if(portals[0].complete){ if(level<levels.length-1){level++; updateMap(); resetCam();}else{ background(183, 196, 235);fill(95, 112, 150); textSize(22); transparence = 0; text("Cuban has escaped the ForestDwellers\nTerritory...",200,200);} } } //@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); } break; //HOW case "HOW": background(94, 137, 156); fill(255, 255, 255); textSize(25); text("Arrow keys to move.\nAvoid Spikes, Deadly Chemicals,\nCannons, and ForestDwellers.", 200, 200); Button(356,355,70,"HOME"); break; } };
Folds	23,49,58,247
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJzt4PWbCAw
Votes	171
Spin-Offs	13
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"4920704444923904","title":"Game Template ","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	кяυмвℓεωσσ∂™
Author Name	KrumbleWood
Author ID	kaid_559592839502173498006927
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739365078366
Updated	10 months ago, 1739365085882
Source Deleted	unknown