Viewing Program

Program Data

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

Title	Colors, The Platformer Game
ID	5380814368997376
Created	9 years ago, 1479421722937
Updated	7 years ago, 1522411665027
Code	//Everything is explained in-game //There is a portal out, just find it... //I apoligize if you think this is not being updated enough, I am working on another game - https://www.khanacademy.org/computer-programming/secret-assasinnew-levels-fixed/4810292388233216 //Credit to Amuel Martin for some of the level //Reduce Lag, severely decreases quality of camera, I do not recommend unless your computer is very old or very slow! var ReduceLag = false; var keys = []; var scenes = 'Menu'; var transx = 0; var settrans = 400; var transy = 0; var Fade = 0; var time = 0; var timesub = 0; var getTime = function(a,b) { var c = a - b; var d = floor(c / 1000); var e = c - (d1000); return d+"."+ (e < 10 ? "0" : "") + e; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; //My very own FPS calculator var fps = { num:0, prevframe:0, prevmillis:0, set:function(setto) { frameRate(setto); }, calculate:function() { if (millis()-this.prevmillis >= 1000) { this.num = frameCount-this.prevframe; this.prevframe = frameCount; this.prevmillis = millis(); } } }; //Colors title function var col = 0; var pf = 0; var Colors = function() { colorMode(HSB); noFill(); strokeCap(SQUARE); if (col !== 100) { pf = frameCount; } stroke(((frameCount-(pf-127))/2)%255,255,255); strokeWeight(10); arc(50,100,50,50,45,45+(col2.7)); arc(100,100,50,50,0,col3.6); line(136,70,136,75+constrain(col0.8,0,50)); if (constrain(col0.8,0,50)>=50) { line(131,125,131+(constrain(constrain((col0.8)-(500.8),0,100),0,50)0.8),125); } arc(190,100,50,50,0,col3.6); line(226,70,226,80+constrain(col/2,0,50)); arc(231,92.5,35,35,-90,-90+constrain(col3.6,0,180)); var cvalof1 = col/100; cvalof1 -= 0.5; cvalof1 = 2; cvalof1 = constrain(cvalof1,0,1); if (constrain(col3.6,0,200)>=200) { //251, 127 line(226,110,226+(cvalof125),110+(cvalof117)); } var k = 273; pushMatrix(); translate(k,100); rotate(45/2); translate(-k,-100); arc(k,75+12.5,30,25,90,90+(col1.8)); arc(k,75+37.5,30,25,-90,-90+(col1.8)); popMatrix(); strokeWeight(2); col += (100-col)/30; col = ceil(col); colorMode(RGB); }; var blocks = []; var collide = function(obj1, obj2) { if (obj1.x < obj2.x + obj2.w && obj1.x + obj1.w > obj2.x && obj1.y < obj2.y + obj2.h && obj1.y + obj1.h > obj2.y) { return true; //collision is true } }; var Player = function(x, y, w, h, Color) { this.x = x; this.y = y; this.origx = x; this.origy = y; this.w = w; this.h = h; this.alive = true; this.velx = 0; this.vely = 0; this.moveSpeed = 0.5; this.maxSpeed = 5; this.Fade = 255; this.health = 200; this.d = []; this.PU = false; this.PUcounter = 200; this.falling = false; this.gravity = 0.4; this.color = Color; }; Player.prototype.reset = function() { this.alive = true; this.PU = false; this.x=this.origx; this.y=this.origy; this.velx=0; this.vely=0; this.Fade = 255; this.health = 200; }; Player.prototype.update = function() { if ((keys[UP]\|\|keys[87]) && !this.falling) { this.vely = (-2abs(this.velx/6))-8; //Makes player begin to jump when up key is pressed this.falling = true; //Lets computer know that player is jumping } if (keys[LEFT]\|\|keys[65]) { this.velx -= 0.3; //This number } //must be if (keys[RIGHT]\|\|keys[68]) { //opposite this.velx += 0.3; //this number } this.velx = constrain(this.velx,-this.maxSpeed,this.maxSpeed); //if statement that makes player stationary if neither the left or right arrow keys are pressed if (!keys[RIGHT] && !keys[LEFT] && !keys[68] && !keys[65]) { if (this.velx > 0) { this.velx -= 0.3; } if (this.velx < 0) { this.velx += 0.3; } if (abs(this.velx)<0.5) { this.velx = 0; } } //moves player this.x += this.velx; //APPLY COLLISION WITH X POS this.applyCollision(this.velx, 0); this.falling = true; this.y += this.vely; //APPLY COLLISION WITH Y POS this.applyCollision(0, this.vely); this.vely += this.gravity; if (this.y > 400\|\|this.health <= 0) { this.alive = false; } if (!this.alive) { this.Fade -= 4; } //makes player stay on screen //this.x = constrain(this.x, 0, 400 - this.w); }; Player.prototype.applyCollision = function(velx, vely) { this.d = []; for (var i = 0; i < blocks.length; i++) { //applies the collision detection function by saying "if (collide(this, blocks[i]))" this.stop = false; if (color(this.color[0],this.color[1],this.color[2])===blocks[i].color) { this.stop = true; } if (this.PU && blocks[i].color !== color(0,0,255)) { this.stop = true; } if (collide(this, blocks[i])&&!this.stop) { //if y velocity is greater than 0 (player is falling) and they hit the block, they stop and aren't falling if (vely > 0) { this.vely = 0; this.falling = false; this.y = blocks[i].y - this.h; } //if y velocity is less than 0 (player is jumping up) and they hit the block, they hit and go back down if (vely < 0) { this.vely = 0; this.falling = true; this.y = blocks[i].y + blocks[i].h; } //if x velocity is less than 0 (player is going left) and they hit the block, they stop if (velx < 0) { this.velx = 0; this.x = blocks[i].x + blocks[i].w; } //if x velocity is greater than 0 (player is going right) and they hit the block, they stop if (velx > 0) { this.velx = 0; this.x = blocks[i].x - this.w; } } } }; Player.prototype.draw = function() { noStroke(); //player drawn fill(this.color[0],this.color[1],this.color[2],this.Fade); if (this.PU) { colorMode(HSB); fill((frameCount2)%255,255,255,this.Fade); colorMode(RGB); } rect(this.x, this.y, this.w, this.h, 0); /for (var i = 0; i < this.d.length; i++) { fill(0); rect(this.d[i][0],this.d[i][2],this.d[i][1]-this.d[i][0],this.d[i][3]-this.d[i][2]); } fill(this.color[0],this.color[1],this.color[2],this.Fade); rect(this.x+2, this.y+2, this.w-4, this.h-4, 0);/ this.showHealthBar(); }; Player.prototype.display = function() { //draw and update player to display it this.draw(); this.update(); }; Player.prototype.die = function() { this.Fade-=4; }; Player.prototype.showHealthBar = function() { var per = (this.w+20)/200; //println(this.r+' '+this.g); fill(255-(this.health(255/200)),this.health(255/200),0,this.Fade); rect(this.x-10,this.y-10,constrain(this.healthper,0,Infinity),5); strokeWeight(2); stroke(0,0,0,this.Fade); noFill(); rect(this.x-10,this.y-10,this.w+20,5); }; var Block = function(x, y, w, h, color) { this.x = x; this.y = y; this.w = w; this.h = h; this.color = color; }; Block.prototype.display = function() { stroke(0, 0, 0); strokeWeight(2); noStroke(); fill(this.color); rect(this.x, this.y, this.w, this.h); }; var PowerUp = function(x,y) { this.x=x+10; this.y=y+10; }; PowerUp.prototype.display = function() { colorMode(HSB); stroke(frameCount%255,255,255); strokeWeight(1); noFill(); ellipse(this.x,this.y,16,16); ellipse(this.x,this.y,11,11); ellipse(this.x,this.y,6,6); colorMode(RGB); }; var Players = [new Player(220+400, 360, 20, 20, [255, 0, 0]), new Player(860+400,360, 20, 20, [0,255,0]), new Player(1600,120,20,20,[0,255,255]), new Player(2160,240,20,20,[255,255,0]), new Player(2200,360,20,20,[255,0,0]), new Player(3000,280,20,20,[255,0,255]), new Player(3000,200,20,20,[0,255,0]), new Player(4240,180,20,20,[255,0,0]), new Player(5800-80,360,20,20,[255,255,0]), new Player(6580,340,20,20,[0,255,255]), new Player(6740,340,20,20,[255,0,0]) ]; var usedPlayers = [true]; for (var i = 1; i < Players.length; i++) { usedPlayers.push(false); } var PowerUps = []; var DeadPowerUps = []; var Portal = {x:-100,y:-100,w:20,h:20,display:function(){stroke(0,0,0,127);noFill();strokeWeight(2);ellipse(this.x+10,this.y+10,abs(sin(frameCount)20),abs(sin(frameCount+90)20));}}; var BlockSet = [ 'BBBBBBBBBB0000000000000000000000000000000000000000000000000000BBBBBBBBBBBBBBBBBBBBBBB00000', 'BBBBBBBBBB00000000000000000000000000000000000000000000000000000000000000000B00000000000000', 'BBBBBBBBBB00000000000000000000000000000000000000000000000000000000000000000B00000000000000', 'BBBBBBBBBB00000000000000000000000000000000000000000000000000000000000000000B00B00000000000', 'BBBBBBBBBB00000000000000000000000000000000000000000000000000000000BBBBBBBB00B00B0000000000', 'BBBBBBBBBB0000000000000000000000000000000000000000000000000000000000000000B00B00B000000000', 'BBBBBBBBBB000000000000000000000B000000000000000000000000000B000000000000000B00B00B00000000', 'BBBBBBBBBB000000000000000000000B000000000000000000000000000BBBBBB00000000000B00B00B0000000', 'BBBBBBBBBB000000000000000000000B000000000000000000000000000G00000000000000000B00B00B000000', 'BBBBBBBBBB000000000000000000000B000000000000000000000000000G000000000000000000B00B00B0000B', 'BBBBBBBBBB000000000000000000000B000000000000000000000000000G0000000000000000000B00B00B000B', 'BBBBBBBBBB000000000000000000000B000000000000000000000000000G000000000BBBBB000000B00B00B00B', 'BBBBBBBBBB0000000BBBBBBBBBBBBBBB000000000000000000000000000G000000000000000000000B00B00B0B', 'BBBBBBBBBB0000000000000000000000000000000000000000000000000G0000000000000000000000B00B00B0', 'BBBBBBBBBBBBBB000000000000000000000000000000000000000000000G0000BBBBB00000000000000B00B0B0', 'BBBBBBBBBB0000B00000000000000000000000000000000000000000000G000000000000000000000000B000B0', 'BBBBBBBBBB00000B000B000000000000000000000000000000000000000G000000000BBBBB00000000000BBB00', 'BBBBBBBBBB000000000B000000000000000000000000000000000000000G000000000000000000000000000000', 'BBBBBBBBBB000000000B0000000000000000000000B00BBBBBBBBBBBBBBBBBBBBBBBBBBBBB0000000000000000', 'BBBBBBBBBBBBBBBBBBBB0000000000000000000000BBBB00000000000000000000000000000000000000000000' ]; var BlockSet2 = [ '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000G0000000000000000000000000000000000000B', '0000000000000000000000000000000000000000000GBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB', '00000000000000000000000000000000000000BBBBBG000000B000B000B000B000B000B000B000B00G', '00000000000000000000000000000000000PPPPPPPPG0000B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B00G', '0000000000000000000000000000000000000YYYYYPG0000B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B00G', '00000000000000000000000000000000000000000YPG0000B000B000B000B000B000B000B000B0000G', '00000000000000000000000000000000000BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB', '0000000000000000000000000000000000000000000', '000000000000000000000R0R0000000000000000000', '0000000000000000000000000000000000000000000', 'BBBBBBBBBBBBBBBBBBBB00000000000000000000000' ]; var BlockSet3 = [ '00000000000000000000', '00000000000000000000', '00000000000000000000', '00000000000000000000', '00000000000000000000', '00000000000000000000', '00000000000000000000', '00000000000000000YRRRRRY00000000000000000000000000000000000000000000000000', '00000000000000000Y00000Y', '00000000000000000Y00000Y000000000000000000000000000000000000000BBBBBBBBBBB', '00000000000000000YYYYYYY000000000000000000000000000000000B0', '00000000000000000B0000000000000000000000000000000000000000BBBBB', '000000000000000000BBBB0000000000000000000000000000000000000000BBBBBBBBB', '000000000000000000000B000000000000000000000000000000000000000000000000BBBB', '000000000000000000000B', '000000000000000000000B0BB0BBB0R00000000YYYYY', 'B00000000000000000000000000000R00000000B000B', '0B000000000000000000000000000SR00000000G0S0G', '00B0B00B000B0000B000B0B00BBBBBR00BBBBBBBBBBBBBBB0B00B000B0000B000000B0000B', '00000000000000000000' ]; var BlockSet4 = [ '000000000000000000000000000000000000000000000000000000000000000000000B00000000', '000000000000000000000000000000000000000000000000000000000000000000000B00000000', '000000000000000000000000000000000000000000000000000000000000000000000B0000000000E', '000000000000000000000000000000000000000000000000000000000000000000000B0000000BBBB', '000000000000000000000000000000000000000000000000000000000000000000000BR000000B', '000000000000000000000000000000000000000000000000000000000000000000000B0000000B', '000000000000000000000000000000000000000000000000000000000000000000000B000000RB', '000000000000000000000000000000000000000000000000000000000000000000000B0000000B', '000000000000000000000000000000000000000000000000000000000000000000000BR000000B', '000000000000000000000000000000000000000000000000000000000000000000000B0000000B', 'BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB0000000000000000000B000000RB', '0000000000000000000000000000000000000000000000000B0000000000000000000B0000000B', '0000000000000000000000000000000000000000000000000B0000000000000000000BR000000B', '0000000000000000000000000000000000000000000000000B0000000000000000000B0000000B', 'BBBBBBBBBBBBBBBBBBBB00000000000000000000000000000B00000000000000000000000000RB', 'RRRRGGGGPPPPYYYYBBBB00000000000000000000000000000B000000000000000000000000000B', 'RRRRGGGGPPPPYYYYBBBB000000000000000000000000000000000000000000000000000000000B', 'RRRRGGGGPPPPYYYYRRBB000000000000000000000000000000000000000000000000000000000B', 'RRRRGGGGPPPPYYYYRRRR0000000000000000000000BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB', 'BBBBGGGGBBBBYYYYBBBBBBBB000000000000000000000000000000000000000000000000000000', ]; //Helpful functions for level buiders var Fill = function(Arr,type) { var longest = 0; var ret = []; for (var i = 0; i < Arr.length; i++) { if (Arr[i].length > longest) { longest = Arr[i].length; } } var NewSet = Arr; if (type==='pl') { println('var BlockSet = ['); } for (var i = 0; i < NewSet.length; i++) { while(NewSet[i].length < longest) { NewSet[i] += '0'; } if (type==='pl') { println("'" + NewSet[i] + "',"); } ret.push(NewSet[i]); } if (type==='pl') { println('];'); } else { return ret; } }; var Connect = function(Arr1,Arr2,type) { var ret = []; var n1 = Fill(Arr1,0); var n2 = Fill(Arr2,0); //println(n2); if (type==='pl') { println('var BlockSet = ['); } if (Arr1.length!==Arr2.length) { return; } else { for (var i = 0; i < n1.length; i++) { if (type==='pl') { println("'" + n1[i]+n2[i]+"',"); } ret.push(n1[i]+n2[i]); } } if (type==='pl') { println('];'); } else { return ret; } }; BlockSet = Connect(BlockSet,BlockSet2); BlockSet = Connect(BlockSet,BlockSet3); BlockSet = Connect(BlockSet,BlockSet4); var Getnum = function(row) { println((BlockSet[row].length20)+400+','+row20); }; //Getnum(17); //Fill(BlockSet4,'pl'); var drawBlocks = function() { //change x, y, size, and color for each block if you want for (var i = 0; i < BlockSet.length; i++) { for (var j = 0; j < BlockSet[i].length; j++) { switch(BlockSet[i][j]) { case 'B': blocks.push(new Block(400+(j20),i20,20,20,color(0,0,255))); break; case 'G': blocks.push(new Block(400+(j20),i20,20,20,color(0,255,0))); break; case 'R': blocks.push(new Block(400+(j20),i20,20,20,color(255, 0, 0))); break; case 'P': blocks.push(new Block(400+(j20),i20,20,20,color(255,0,255))); break; case 'Y': blocks.push(new Block(400+(j20),i20,20,20,color(255,255,0))); break; case 'S': PowerUps.push(new PowerUp(400+(j20),i20)); break; case 'E': Portal.x = 400+(j20); Portal.y = i20; break; } } } }; var selected = 0; drawBlocks(); var gx = Players[selected].x+Players[selected].w/2; var gy = Players[selected].y+Players[selected].h/2; var Connect = true; var transsetx = 0; var GM = function(v) { if (v==='x') { return mouseX+transx; } else { return mouseY+transy; } }; var Button = function(x,y,w,h,func) { this.x=x; this.y=y; this.h=h; this.w=w; this.f = func; }; Button.prototype.mouseOver = function() { if (GM('x')>=this.x&&GM('x')<=this.x+this.w&&GM()>=this.y&&GM()<this.y+this.h) { return true; } return; }; Button.prototype.display = function(message) { strokeWeight(4); if (this.mouseOver()) { fill(255,255,255,127); } else { noFill(); } stroke(255, 0, 0); rect(this.x,this.y,this.w,this.h,5); textFont(createFont('comic sans ms'),20); fill(255, 0, 0); textAlign(CENTER,CENTER); text(message,this.x+(this.w/2),this.y+(this.h/2)); }; var B = [new Button(50,150,300,100,function(){scenes='Game';timesub=millis();})]; var M = ['Play']; var Tpos = 20; var draw = function() { background(255, 255, 255); if (transsetx<200) { transx -= transx/10; } else { var n = -(transsetx-200); transx -= (transx-n)/10; } if (ReduceLag) { transx = -(transsetx-200); } pushMatrix(); translate(floor(transx),0); fill(255, 115, 0); rect(0,0,401,401); textAlign(CENTER,CENTER); textFont(createFont('arial black'),100); fill(0); pushMatrix(); translate(45,-25); Colors(); popMatrix(); for (var i = 0; i < B.length; i++) { B[i].display(M[i]); } for (var i = 0; i < blocks.length; i++) { var tx = -transx; if (blocks[i].x<tx-blocks[i].w\|\|blocks[i].x>tx+400) {} else { blocks[i].display();//display blocks } } for (var i = 0; i < PowerUps.length; i++) { PowerUps[i].display(); } for (var i = 0; i < Players.length; i++) { if (selected===i) { if (dist(gx,gy,(Players[i].x+Players[i].w/2),(Players[i].y+Players[i].h/2))>1&&!Connect) { gx += ((Players[i].x+Players[i].w/2)-gx)/10; gy += ((Players[i].y+Players[i].h/2)-gy)/10; } else { Connect = true; gy = (Players[i].y+Players[i].h/2); gx = (Players[i].x+Players[i].w/2); } noFill(); stroke(0,0,0,127); strokeWeight(2); ellipse(gx,gy,40+(sin(frameCount5)5),40+(sin(frameCount5)5)); } Players[i].draw(); if (selected === i&&scenes === 'Game'&&Connect) { Players[i].update(); usedPlayers[i] = true; if (!Players[i].alive&&Players[i].Fade<0) { Players[i].reset(); for (var j = 0; j < DeadPowerUps.length; j++) { PowerUps.push(DeadPowerUps[j]); } DeadPowerUps = []; //println(Players[i].alive); } if (collide(Players[i],Portal)) { Fade+=4; if (Fade>=255) { scenes = 'End'; col = 0; } } if (!Players[i].PU) { for (var j = 0; j < PowerUps.length&&!Players[i].PU; j++) { var P = PowerUps[j]; if (collide({x:P.x-10,y:P.y-10,w:20,h:20},Players[i])) { Players[i].PU=true; DeadPowerUps.push(PowerUps[j]); PowerUps.splice(j,1); } } } } if (collide(Players[i],Players[selected])&&i>selected) { selected = i; Connect = false; } if (selected > i&&usedPlayers[i]) { Players[i].die(); } } Portal.display(); if (collide(Player, {x:Portal.x, y:Portal.y, w:20,h:20})) { } transsetx = Players[selected].x; if (scenes === 'Menu') { transsetx = 0; } else if (scenes === 'Game') { Players[selected].health -= 0.1; time = millis(); } else if (scenes === 'End') { transsetx = 800; transx = 800; Fade -= 4; background(0); fill(255); textAlign(CENTER,CENTER); textFont(createFont('arial black'),15); text("That's all I have for now!Thank You for playing.\n(Level updates soon)\n\n- FadingPixel",-460,200); pushMatrix(); translate(-800+185,-25); Colors(); popMatrix(); if (Fade < 0) { println(getTime(time,timesub)); } } fill(0); textFont(createFont('Trebuchet MS Bold'),15); textAlign(CENTER,CENTER); text('Use Left/Right or A/D keys\nto move the block,\nand Up or W to jump',700,50); text("You jump higher when\nyou're moving faster",900,50); text('Watch out for gaps!',1100,300); text("You're health depletes over time.\nGet to the next block to reset it",1300,50); text('Your Character can move through\nBlocks of their color',1400,250); text("New Blocks aren't\nalways good...",2300,250); text("(There's more to the right)",2700,200); text("Press R to reset to the last block",2600,250); text("PowerUps allow you to go through\nblocks of any color(except the dark blue)\nand they last until you die or\nswitch blocks",4430,250); if (keys[82]&&selected>0&&Connect) { Players[selected].reset(); selected--; while(!usedPlayers[selected]) { selected--; } //println(selected); Players[selected].reset(); Connect = false; } popMatrix(); fill(255,255,255,Fade); noStroke(); rect(0,0,400,400); fps.calculate(); textFont(createFont('monospace'),10); textAlign(RIGHT,TOP); fill(0); text('FPS : ' + fps.num, 400, 0); textAlign(LEFT,TOP); text(getTime(time,timesub),0,0); textAlign(CENTER,CENTER); }; mouseClicked = function() { var mx = GM('x'); var my = GM(); for (var i = 0; i < B.length; i++) { if (B[i].mouseOver()) { B[i].f(); //println(M[i]); } } }; /mousePressed = function() { println(floor((mouseX+transx)/20)20+'\n'+floor(mouseY/20)20); };*/ //One Thousand Lines!
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMTIp7rHCQw
Votes	201
Spin-Offs	11
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	FadingPixel
Author Name	BrightIdeaProgramming
Author ID	kaid_514869299829381522514248
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739381289653
Updated	10 months ago, 1739381298426
Source Deleted	unknown