Viewing Program

Program Data

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

Title	Platformer Template Pro [UPDATE]
ID	4607718155681792
Created	8 years ago, 1491512601085
Updated	5 years ago, 1597294847338
Code	/* ------------------------------------- About ---------------------------------------- Feel free to use this template as it is, make modifications, or cut and paste code as you wish, no credit required! ------------------------------------ Updates --------------------------------------- 5/16/17, CheesyMonster: HUGE COLLISION FIX!!! -added 5/16/17 7/31/17, CheesyMonster: Speed and efficiency improvement, including larger levels. 5/5/18, CheesyMonster: Speed and efficiency improvement, cleaner code, more coming soon! 9/2/18, CheesyMonster: Added camera option, cleaner code ----------------------------- How to create levels --------------------------------- Blocks are aranged three ways: Blocks, Death Blocks, and Physic Blocks. Blocks are just your normal bricks, stones, trees, ect. ect... 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. I highly encourage making more types of blocks or enemies. You can scroll down by the level array to see the block chart. / /********CAMERA OPTION************/ // Set this to true to enable camera mode var cameraEnabled = false; /************************************/ noStroke(); textAlign(CENTER,CENTER); textFont(createFont("Impact")); // Current page var page = "Game"; // Whatever level you are on var level = 0; /* Frame Rates **/ var fps = 80; var updateFrameRate = function() { frameRate(fps); }; //Set the frame rate updateFrameRate(); // Arrays var blocks = []; var enemies = []; var clouds = []; var keys = []; // Fading var fade = 0; var fadeSpeed = 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 n", "n nssssnllllnaaaann", "nnnnnnnnnnnnnnnnnnnn", ], ]; // ^ Copy and Paste more levels to the end of this array // Displays any objects in an array var displayObjects = function(objects) { for(var i = 0;i < objects.length; i ++) { objects[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 values this.x = x; this.y = y; this.vel = 0; this.gravity = 0; }; Player.prototype.draw = function() { /* 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); ellipse(this.x+7+this.vel,this.y+7+constrain(this.gravity,-5,5),3,3); ellipse(this.x+13+this.vel,this.y+7+constrain(this.gravity,-5,5),3,3); / Movement */ // Applies and constrains velocity and gravity this.y += this.gravity; this.gravity += 0.1; this.x += round(this.vel); this.vel = constrain(this.vel, -4, 4); // User control if(keys[RIGHT]) { this.vel += 0.3; } if(keys[LEFT]) { this.vel -= 0.3; } if(keys[UP] && this.gravity === 0.1) { this.gravity = -4; } // Implements friction if(this.vel > 0) { this.vel -= 0.1; } else if(this.vel < 0) { this.vel += 0.1; } // Kills the player if they go to far down if(this.y > levels[level].length 20) { 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() { fill(255, 255, 255,230); rect(this.x,this.y,100,30); rect(this.x+10,this.y-30,80,30); 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 values 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); } } else 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); } else if(this.t==="Leaf") { //Leaf Graphics fill(53, 117, 32); rect(this.x,this.y,20,20); } else if(this.t==="Dirt") { //Dirt Graphics fill(125, 101, 39); rect(this.x,this.y,20,20); } else 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); } else 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); } else 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); } else 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 / // Description: 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); } else 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); } else if(this.t==="Acid") { // Acid Graphics fill(23, 173, 0); rect(this.x,this.y,20,20); } // 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 / // Description: 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); // 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) { level++; blocks = []; } } }; / Loads the Current Level / var loadLevel = function() { // Clear any arrays that may hold objects blocks = []; enemies = []; for(var row = 0;row < levels[level].length; row ++) { for(var collumn = 0;collumn < levels[level][row].length; collumn ++) { switch(levels[level][row][collumn]) { case "b": blocks.push(new Block(collumn 20, row * 20, "Brick")); break; case "r": blocks.push(new Block(collumn * 20, row * 20, "Rock")); break; case "d": blocks.push(new Block(collumn * 20, row * 20, "Dirt")); break; case "g": blocks.push(new Block(collumn * 20, row * 20, "Grass")); break; case "w": blocks.push(new Block(collumn * 20, row * 20, "Wood")); break; case "t": blocks.push(new Block(collumn * 20, row * 20, "Log")); break; case "v": blocks.push(new Block(collumn * 20, row * 20, "Leaf")); break; case "n": blocks.push(new Block(collumn * 20, row * 20, "Normal")); break; case "l": blocks.push(new DeathBlock(collumn * 20, row * 20, "Lava")); break; case "a": blocks.push(new DeathBlock(collumn * 20, row * 20, "Acid")); break; case "s": blocks.push(new DeathBlock(collumn * 20, row * 20, "Spike")); break; case "T": blocks.push(new PhysicBlock(collumn * 20, row * 20, "Trampoline")); break; case "W": blocks.push(new PhysicBlock(collumn * 20, row * 20, "Water")); break; case "P": blocks.push(new PhysicBlock(collumn * 20, row * 20, "Portal")); break; case "e": enemies.push(new Enemy(collumn * 20, row * 20)); break; case "p": spawnX = collumn * 20; spawnY = row * 20; players[0].x = spawnX; players[0].y = spawnY; break; } } } }; loadLevel(); //Loads The Clouds for(var i = 0;i < 10;i ++) { clouds.push(new Cloud(random(-100,400),random(0,200))); } /* Draw Loop / var draw = function() { switch(page) { case "Intro": // This scene is credits (optional) // Background Color background(255, 255, 255); // Text Credits fill(0, 0, 0); textSize(30); text("Made with Platformer Template\npro\nby: CheesyMonster", 200, 200); if(frameCount > 20) { fadeSpeed = 2; } if(fade >= 400) { page="Game"; } // Implements the fade fade += fadeSpeed; // 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); // Sun fill(237, 237, 17); ellipse(50, 50, 70 + cos(frameCount 0.5) * 10, 70 + cos(frameCount * 0.5) * 10); fill(255, 255, 0); ellipse(50, 50, 60 + cos(frameCount * 0.5) * 10, 60 + cos(frameCount * 0.5) * 10); //Draws the clouds displayObjects(clouds); pushMatrix(); if(cameraEnabled) { translate(round(width/2 - players[0].x), round(height/2 - players[0].y)); } players[0].draw(); displayObjects(blocks); displayObjects(enemies); //Restarts level if(keys[82]) { blocks = []; players[0].gravity = 0.1; players[0].vel = 0; } if(blocks.length === 0) { loadLevel(); } //Adds text to the end of the array if(level === 1) { fill(0, 0, 0); text("Add more levels to \nthe end of the array,\n spin-off, and make \nyour own platformer!", 200, 200); } popMatrix(); //This is credits, (optional) fade += fadeSpeed; fadeSpeed = -2; if(fade <= 0) { fadeSpeed = 0; } fill(255, 255, 255, fade); rect(0, 0, 400, 400); break; } }; /* Key Events */ var keyPressed = function() { keys[keyCode] = true; }; var keyReleased = function() { keys[keyCode] = false; };
Folds	59,111,112,159,163,167,170,174,177,183,184,238,239,241,244,251,252,265,268,276,277,345,348,357,358,444,448,455,456,479,483,490,492,528,529,544,560,622,626,628,631,711,714,716,717,719
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJTfn9aXCAw
Votes	242
Spin-Offs	166
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	CheesyMonster
Author Name	TheObjectNinja
Author ID	kaid_526000665637852779819284
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739364547540
Updated	6 months ago, 1739364553911
Source Deleted	unknown