Viewing Program

Program Data

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

Title	The platformer of platforming (My first game!)
ID	5378623326502912
Created	6 days ago, 1743520447431
Updated	6 days ago, 1743520446938
Code	/* IF YOU USE THIS, YOU MUST NOT TAKE OFF THE CREDITS AT THE BEGINNING OF THE PROGRAM OR YOU MAY BE FLAGGED FOR PLAGARISM! I don't want to sound mean or anything but it is important that this is not plagarised. Thanks! Recent Update: HUGE COLLISION FIX!!! -added 5/16/17 Recent Update: Speed and efficiency improvement, including larger levels. -added 7/31/17 800 lines of 100% crafted ORIGINAL CODE with no help. This is my own platformer template. I decided it would be fun to make a platformer template, only Object-Oriented. If you are a beginner programmer and aren't too familiar with objects or code yet, I would suggest GameChief999's platformer template: https://www.khanacademy.org/computer-programming/platformer-template/6677957935955968 ^ Broken link! read below for more info... (Since GameChief was banned a while back, his original template is not available. Here is a game he made with his template however: https://www.khanacademy.org/computer-programming/escaping-pluto/5333085903716352 I would ask him about using it as a template though) After you master GameChiefs template, I would suggest to move onto this. This is not very complicated and I expect most beginner programmers to be able to use this, but they most likely won't understand how it works. Why to use this instead of gameChiefs template: GameChiefs template is not Object-Oriented. He uses a loadLevel function that draws the level over and over and over again. But with this template, I store my level on an array and load it only once instead of over and over and over again, reducing lag significantly. But this is not only what reduces the lag. Everytime the computer loads one of GameChiefs levels it stores it in memory, which takes up space on the computer and adds lag. But after the computer loads the level on this template, it will delete it from memory, but in such a way, that it is able to re-read and re-create the level again if the player somehow go's back a level. With this techniche you can make hundreds of levels with practily NO LAG! (this is why scusX was able to load 100 levels on his platformer he made a while back). Aside from this you can add enemies and water, which was not an option on Chiefs template. Although I have no problem with GameChiefs template and I thinks its great! This is simply a more efficent techniche. How to create levels: Blocks are aranged three ways: Blocks, Death Blocks, and Physic Blocks. Blocks are just your normal bricks and stones and trees. Death blocks are blocks that can hurt you, such as lava acid and spikes. Physic blocks are blocks that have special abilities, such as Portals Water and Trampolines. You can Scroll Down by the level array to see the Block Chart. I highly encourage making more types of blocks or enemies. This is just a template, its for you to learn. Go ahead and change anything you want, as long as you leave the credits at the beggining of the program intact. / //Arrays var blocks = []; var clouds = []; var keys = []; //Screen Control var level = 0; var page = "Intro"; var fade = 0; var fadeSpeed = 1; var sunSize = 60; var sunSpeed = 1; //Player Spawn Points var spawnX = 200; var spawnY = 200; / Block Chart: p = Player e = Enemy Building Blocks: n = Normal dull gray block b = Brick v = Tree leaves d = Dirt g = Grass r = Rock or cobblestone w = wood t = Treetrunk Death Blocks: a = Acid s = Spike l = Lava Physic Blocks: P = Portal W = Water T = Trampoline This is the standard level size. You can make it bigger or smaller if you want. :) [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ], / //Actual Levels var levels = [ [ " ", " ", " ", " ", " ", " ", " p ", "vvv ", "vvvv ", "vvvv ", "vvvv wwww ", "vtv wwwwwww", " t bbbbbbb", " t b b", " t ge e e b", "gg dgggggggbbbbbb", "ddgWWWWWdddddddddddd", "dddWWWWWWPddddrrdddd", "dddWWWWddddddrrrdddd", "dddddddddddddddddddd", "dddddddddddddddddddd", "dddddddddddddddddddd", ], [ "nnnnnnnnnnnnnnnnnnnn", "n n", "n n", "n n", "n n", "n n", "n n", "n n", "n n", "n n", "np n", "n n", "n n", "n n", "n n", "n n", "n n", "n T P", "n nssssnllllnaaaann", "nnnnnnnnnnnnnnnnnnnn", ], [ " ", " ", " p ", " ", " ssss ", " nnnnnnnnnnnnn", " ", " ", " n e naaaa ", "a nnnnnnn ", " ", " nnnnn", " ", " ", " ll ll ll ", " nnnnnnnnnnnn ", " ", " ", " P ", "nnnnnnnnnnnnnnnnnnnn", ], [ " P ", " ", " ", " ", " ", " T ", " ", " ", " ", " ", " ", " T ", " ", " ", " ", " T ", " ", " p ", " T ", " ", ], [ " p ", " nnnnnnnn", " ", " ", "llllllll lllllllll", " ", " ", " ", " ", "llllll lllllllllll", " ", " ", " ", " ", " ", "llll lllllllllllll", " ", " ", " ", "lllPPlllllllllllllll", ], [ "PWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn p ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWnWWWWW", "WWWWWWWWWWWWWWnWWWWW", "WWWWWWWWWWWWWWnWWWWW", "WWWWWWWWWWWWWWnWWWaa", "WWWWWWWWWWWWWWnaWWWW", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWn ", "WWWWWWWWWWWWWWWWWWWW", "WWWWWWWWWWWWWWWWWWWW", "WWWWWWWWWWWWWWWWWWWW", "WWWWWWWWWWWWWWWWWWWW", "WWWWWWWWWWWWWWWWWWWW", ], [ " p ", " n ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " P ", ], [ " ", " ", " a e e np", " nnnnnnnnnnnnnn", " ", " ", "a e e a ", "aannnnnnnnnnnnn ", " ", " ", " ", " ", "P ", "gggggggggggggggggggg", "dddddddddddddddddddd", "dddddddddddddddddddd", "dddddddddddddddddddd", "dddddddddddddddddddd", "dddddddddddddddddddd", "dddddddddddddddddddd", ], [ " ", " ", " p", " nnnnnnnnn", " ", " ", " ", "nnnnnnnnnn ", " ", " ", " ", " ", " ", " lllllll ", " ", " ", " ", " ", " P ", "gggggggggggggggggggg", ], [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", "p ", "gggggggggggggggggggg", ], ]; // ^ Copy and Paste more levels to the end of this array //An Object Display Function That Displays An Array var objectDisplay = function(object) { for(var i = 0;i < object.length; ++i) { object[i].draw(); } }; //Rect Collision Function var rectCollide = function(x, y, w, h, collX, collY, collW, collH) { if(collX + collW > x && collX < x + w && collY + collH > y && collY < y + h) { return true; } }; //Player Object var Player = function(x,y) { //Object variables this.x = x; this.y = y; this.vel = 0; this.gravity = 0; }; Player.prototype.draw = function() { //Player graphics //Body fill(208, 212, 91); rect(this.x,this.y,20,20); //Clothes fill(99, 73, 29); rect(this.x,this.y+12,20,8); //Hair fill(0, 0, 0); rect(this.x,this.y,20,2); //Eyes fill(0, 0, 0); //Left ellipse(this.x+7+this.vel,this.y+7+constrain(this.gravity,-5,5),3,3); //Right ellipse(this.x+13+this.vel,this.y+7+constrain(this.gravity,-5,5),3,3); //Physics //Applies and constrains velocity and gravity this.y += this.gravity; this.gravity += 0.1; this.x += round(this.vel); this.vel = constrain(this.vel, -3, 3); //Key Movements if(keys[RIGHT]) { this.vel+=0.3; } if(keys[LEFT]) { this.vel-=0.3; } if(keys[UP] && this.gravity === 0.1) { this.gravity = -4; } //Puts the velocity back if(this.vel > 0) {this.vel -= 0.1;} if(this.vel < 0) {this.vel += 0.1;} //Kills the player if they go to far down if(this.y>400) { this.x = spawnX; this.y = spawnY; } }; var players = [ new Player(spawnX,spawnY), ]; //Cloud Object var Cloud = function(x,y) { //Object variables this.x = x; this.y = y; this.speed = random(0.1,0.4); }; Cloud.prototype.draw = function() { //Graphics fill(255, 255, 255,230); //Bottom cloud rect(this.x,this.y,100,30); //Top cloud rect(this.x+10,this.y-30,80,30); //Physics //Apply's Speed this.x+=this.speed; if(this.x>400) { this.x=-100; this.y=random(0,200); this.speed=random(0.1,0.4); } }; //Enemy Object var Enemy = function(x,y) { //Object Variables this.x = x; this.y = y; this.speed = 1; this.gravity = 0; }; Enemy.prototype.draw = function() { //Graphics //Body fill(17, 87, 6); rect(this.x,this.y,20,20); //Eyes fill(0, 0, 0); //Left rect(this.x+5+this.speed5,this.y+7,4,2); //Right rect(this.x+11+this.speed5,this.y+7,4,2); //Physics //Applies speed and gravity this.x+=this.speed; this.y+=this.gravity; this.gravity+=0.1; //Player collisions if(players[0].x+20>this.x&&players[0].x<this.x+20&& players[0].y+20>this.y&&players[0].y<this.y+20) { players[0].x = spawnX; players[0].y = spawnY; players[0].vel = 0; players[0].gravity = 0; } //Block collisions for(var i in blocks) { if(this.x+20>blocks[i].x&&this.x<blocks[i].x+20&& this.y+18>blocks[i].y&&this.y+2<blocks[i].y+20) { if(this.y+20>blocks[i].y&&this.y+20<blocks[i].y+10&& this.gravity>=0) { this.y = blocks[i].y-20; this.gravity = 0; } if(this.y<blocks[i].y+20&&this.y>blocks[i].y+10&& this.gravity<0) { this.y = blocks[i].y+20; this.gravity = 0.1; } if(this.y+18>blocks[i].y&&this.y<blocks[i].y+18){ if(this.x+20>blocks[i].x&&this.x+20<blocks[i].x+5) { this.x =blocks[i].x-20; this.speed=-1; } if(this.x<blocks[i].x+20&&this.x>blocks[i].x+15) { this.x = blocks[i].x+20; this.speed=1; } } } } }; //Block Object var Block = function(x,y,t) { //Object variables this.x = x; this.y = y; this.t = t; this.w = 20; this.h = 20; }; Block.prototype.draw = function() { if(this.t==="Brick") { //Brick Graphics fill(163,67,57); rect(this.x,this.y,20,20); fill(200,200,200); rect(this.x,this.y,2,10); rect(this.x+10,this.y+10,2,10); for(var i = 0;i <3;i++) { rect(this.x,this.y+i9,20,2); } } if(this.t==="Rock") { //Rock Graphics fill(99, 99, 99); rect(this.x,this.y,20,20); fill(110, 108, 110); ellipse(this.x+5,this.y+5,7,5); ellipse(this.x+14,this.y+10,7,7); ellipse(this.x+9,this.y+14,5,7); ellipse(this.x+3,this.y+9,5,4); } if(this.t==="Leaf") { //Leaf Graphics fill(53, 117, 32); rect(this.x,this.y,20,20); } if(this.t==="Dirt") { //Dirt Graphics fill(125, 101, 39); rect(this.x,this.y,20,20); } if(this.t==="Grass") { //Grass Graphics fill(125, 101, 39); rect(this.x,this.y,20,20); fill(0, 255, 0); triangle(this.x,this.y,this.x,this.y+7,this.x+10,this.y); triangle(this.x+6,this.y,this.x+10,this.y+9,this.x+17,this.y); triangle(this.x+11,this.y,this.x+20,this.y+8,this.x+20,this.y); } if(this.t==="Wood") { //Wood Graphics fill(189, 182, 51); rect(this.x,this.y,20,5); fill(214, 201, 54); rect(this.x,this.y+5,20,5); fill(189, 182, 51); rect(this.x,this.y+10,20,5); fill(214, 201, 54); rect(this.x,this.y+15,20,5); } if(this.t==="Log") { //Log Graphics fill(138, 133, 35); rect(this.x,this.y,20,20); fill(130, 126, 45); rect(this.x+3,this.y,5,20); rect(this.x+12,this.y,5,20); } if(this.t==="Normal") { //Block Graphics fill(138, 138, 138); rect(this.x,this.y,20,20); } //Player collsions if(rectCollide(this.x, this.y, this.w, this.h, players[0].x, players[0].y, 20, 20)) { if(rectCollide(this.x + round(players[0].vel) + 1, this.y, this.w - (round(abs(players[0].vel)) + 1), this.h / 2, players[0].x, players[0].y, 20, 20)) { players[0].gravity = 0; players[0].y = this.y - 20; } if(rectCollide(this.x + round(players[0].vel) + 1, this.y + this.h / 2, this.w - (round(abs(players[0].vel)) + 1), this.h / 2, players[0].x, players[0].y, 20, 20)) { players[0].gravity = 0.1; players[0].y = this.y + this.h; } if(rectCollide(this.x, this.y + round(players[0].gravity) + 1, this.w / 2, this.h - (round(abs(players[0].gravity)) + 1), players[0].x, players[0].y, 20, 20)) { players[0].vel = 0; players[0].x = this.x - 20; } if(rectCollide(this.x + this.w / 2, this.y + round(players[0].gravity) + 1, this.w / 2, this.h - (round(abs(players[0].gravity)) + 1), players[0].x, players[0].y, 20, 20)) { players[0].vel = 0; players[0].x = this.x + this.w; } } }; //Death Block Object (blocks that can hurt you, lava acid spikes ect. ect.) var DeathBlock = function(x,y,t) { //Object variables this.x = x; this.y = y; this.t = t; }; DeathBlock.prototype.draw = function() { if(this.t==="Lava") { //Lava Graphics fill(255, 0, 0); rect(this.x,this.y,20,20); } if(this.t==="Spike") { //Spike Graphics fill(171, 171, 171); triangle(this.x,this.y+20,this.x+5,this.y,this.x+10,this.y+20); triangle(this.x+10,this.y+20,this.x+15,this.y,this.x+20,this.y+20); } if(this.t==="Acid") { //Acid Graphics fill(23, 173, 0); rect(this.x,this.y,20,20); } //Player collisions if(players[0].x+20>this.x&&players[0].x<this.x+20&& players[0].y+18>this.y&&players[0].y<this.y+20) { players[0].x = spawnX; players[0].y = spawnY; players[0].vel = 0; players[0].gravity = 0; } }; //Physic Block Object (blocks that have their own special mods, portals, water ect. ect.) var PhysicBlock = function(x,y,t) { //Object variables this.x = x; this.y = y; this.t = t; }; PhysicBlock.prototype.draw = function() { if(this.t==="Trampoline") { //Trampoline Graphics fill(36, 36, 36); rect(this.x,this.y+18,20,2); fill(138, 138, 138); quad(this.x+4,this.y+5,this.x,this.y+5,this.x+16,this.y+18,this.x+20,this.y+18); quad(this.x+20,this.y+5,this.x+16,this.y+5,this.x,this.y+18,this.x+5,this.y+18); fill(168, 168, 168); rect(this.x,this.y,20,5); //Player collisions if(players[0].x+20>this.x&&players[0].x<this.x+20&& players[0].y+20>this.y&&players[0].y<this.y+20){ if(players[0].y+20>this.y&&players[0].y+20<this.y+10&& players[0].gravity>=0) { players[0].y = this.y-20; players[0].gravity = -5; } if(players[0].y<this.y+20&&players[0].y>this.y + 10&& players[0].gravity<0) { players[0].y = this.y + 20; players[0].gravity = 0.1; } if(players[0].y+18>this.y&&players[0].y<this.y+18){ if(players[0].x+20>this.x&&players[0].x+20<this.x+5) { players[0].vel = 0; players[0].x = this.x-20; } if(players[0].x<this.x+20&&players[0].x>this.x+15) { players[0].vel = 0; players[0].x = this.x+20; } } } } if(this.t==="Water") { //Water graphics fill(0, 155, 155, 100); rect(this.x,this.y,20,20); //Player Collisions if(players[0].x+20>this.x&&players[0].x<this.x+20&& players[0].y+19>this.y&&players[0].y<this.y+20){ if(keys[UP]) {players[0].gravity=-5;} players[0].vel = constrain(players[0].vel,-1,1); players[0].gravity=constrain(players[0].gravity,-1,0.5); } } if(this.t==="Portal") { //Portal Graphics fill(random(0,255),random(0,255),random(0,255)); ellipse(this.x+10,this.y+10,20,20); //Player collisions if(players[0].x+20>this.x&&players[0].x<this.x+20&& players[0].y+20>this.y&&players[0].y<this.y+20) { if (blocks.length > 0) { level++; blocks = []; } } } }; //Loads The Level var loadLevel = function() { for(var collum = 0;collum < levels[level].length;collum++) { for(var row = 0;row < levels[level][collum].length;row++) { switch(levels[level][collum][row]) { case "b": blocks.push(new Block(row20,collum20,"Brick")); break; case "r": blocks.push(new Block(row20,collum20,"Rock")); break; case "d": blocks.push(new Block(row20,collum20,"Dirt")); break; case "g": blocks.push(new Block(row20,collum20,"Grass")); break; case "w": blocks.push(new Block(row20,collum20,"Wood")); break; case "t": blocks.push(new Block(row20,collum20,"Log")); break; case "v": blocks.push(new Block(row20,collum20,"Leaf")); break; case "n": blocks.push(new Block(row20,collum20,"Normal")); break; case "l": blocks.push(new DeathBlock(row20,collum20,"Lava")); break; case "a": blocks.push(new DeathBlock(row20,collum20,"Acid")); break; case "s": blocks.push(new DeathBlock(row20,collum20,"Spike")); break; case "T": blocks.push(new PhysicBlock(row20,collum20,"Trampoline")); break; case "W": blocks.push(new PhysicBlock(row20,collum20,"Water")); break; case "P": blocks.push(new PhysicBlock(row20,collum20,"Portal")); break; case "e": blocks.push(new Enemy(row20,collum20)); break; case "p": spawnX = row20; spawnY = collum20; players[0].x=spawnX; players[0].y=spawnY; break; } } } }; //Loads The Clouds for(var i = 0;i < 10;i++) { clouds.push(new Cloud(random(-100,400),random(0,200))); } //The Sun var loadSun = function() { //Graphics fill(237, 237, 17); ellipse(50,50,sunSize+20,sunSize+20); fill(255, 255, 0); ellipse(50,50,sunSize,sunSize); //Changes the size if(sunSize>90) {sunSpeed=-0.05;} if(sunSize<80) {sunSpeed=0.05;} sunSize+=sunSpeed; }; noStroke(); textAlign(CENTER,CENTER); keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; draw = function() { switch(page) { //This scene is credits, do not remove or you will be flagged. case "Intro": //Background Color background(255, 255, 255); //Text Credits fill(0, 0, 0); textSize(30); textFont(createFont("Impact")); text("Made with Platformer Template\npro\nby: CheesyMonster",200,200); //Implements the fade fade+=fadeSpeed; if(frameCount>20) {fadeSpeed=2;} if(fade>=400) {page="Game";} //Fills the screen with a rect for fading fill(255, 255, 255,fade); rect(0,0,400,400); break; case "Game": //Background Color background(0, 255, 255); //Loads level according to the loadLevel function while(blocks.length <= 0) {loadLevel();} //Draws the sun loadSun(); //Draws the clouds player and level objectDisplay(clouds); players[0].draw(); objectDisplay(blocks); //Deletes the enemys if they go too far off the screen for(var i = 0;i < blocks.length; ++i) { if(blocks[i].y>420) {delete blocks[i];} } //Restarts level if(keys[82]) { blocks = []; players[0].gravity=0.1; players[0].vel=0; } //Adds text to the end of the array if(level===1) { fill(0, 0, 0); text("Hi",200,200); } if(level===2) { fill(0, 0, 0); text("Welcome",200,200); } if(level===3) { fill(0, 0, 0); text("To this game",200,200); } if(level===4) { fill(0, 0, 0); text("A game",200,200); } if(level===5) { fill(0, 0, 0); text("Like no other",200,200); } if(level===6) { fill(0, 0, 0); text("This game",200,200); } if(level===7) { fill(0, 0, 0); text("Will change your life",200,200); } if(level===8) { fill(0, 0, 0); text("How?",200,200); } if(level===9) { fill(0, 0, 0); text("idk.\nI haven't added the rest yet XD",200,200); } //This is credits, Do not remove or you will be flagged. //Unfades the screen fill(255, 255, 255,fade); rect(0,0,400,400); fade+=fadeSpeed; fadeSpeed=-2; if(fade<=0) {fadeSpeed = 0;} break; } };
Folds	84,105,111,135,136,158,159,180,339,347,350,358,361,369,370,428,429,431,434,441,442,464,467,475,476,544,547,556,557,689,692,699,700,736,749,799,801,815,837,932,935,937,940,954,958,960,961,963,1008,1012,1015,1019
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIemxfrGCQw
Votes	15
Spin-Offs	0
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"4607718155681792","title":"Platformer Template Pro [UPDATE]","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Electric Hopper ⚡️
Author Name	Dolphin0002
Author ID	kaid_1188776231699286995947997
Author Profile Access	PUBLIC

Archive Data

Added	6 days ago, 1743528221485
Updated	6 days ago, 1743528221485
Source Deleted	unknown