Viewing Program

Program Data

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

Title	Flashlight [platformer]
ID	6296029277126656
Created	7 years ago, 1515003906629
Updated	7 years ago, 1515079721403
Code	/** * * * * F L A S H L I G H T * (Click to start) * * * This is my third platformer on this account! In case any of you were wondering, I coded this platformer entirely myself with my own template. Let me know if you spot any bugs or have any tips. Thanks! * * @HOW_TO * * Move mouse in the direction you want to shine the flashlight * * Arrow keys/WASD to move, 'r' to restart level * * Avoid spikes and gears * * Get to the lightbulb * * Good luck! / var currentScene = 1; // game functions { var level = 1; // collision functions { var rectCollide = function(x1, y1, w1, h1, x2, y2, w2, h2) { if (x1 + w1 > x2 && x1 < x2 + w2 && y1 + h1 > y2 && y1 < y2 + h2) { return true; } }; var circCollide = function(x1, y1, r1, x2, y2, r2) { if (dist(x1, y1, x2, y2) < r1 + r2) { return true; } }; } // multi-key input { var keys = []; keyPressed = function() { keys[keyCode] = true; keys[key.toString()] = true; }; keyReleased = function() { keys[keyCode] = false; keys[key.toString()] = false; }; } // player { var player; // player particle { // constructor function var PlayerParticle = function(pos) { this.pos = pos; this.size = random(5, player.y + 12.5 - abs(12.5 - this.pos.y)); this.transparency = 255; }; // running PlayerParticle.prototype.run = function() { this.update(); this.display(); }; // updating PlayerParticle.prototype.update = function() { this.transparency -= 7.5; }; // displaying PlayerParticle.prototype.display = function() { pushMatrix(); translate(this.pos.x, this.pos.y); rotate(this.transparency 10 / this.size); (fill)(255, this.transparency); rect(-this.size / 2, -this.size / 2, this.size, this.size); popMatrix(); }; // checking to see if it is dead PlayerParticle.prototype.isDead = function() { if (this.transparency < 0) { return true; } }; var playerParticles = []; } // constructor function var Player = function(x, y, width, height, friction, gravity) { this.x = x; this.y = y; this.width = width; this.height = height; this.xVel = 0; this.yVel = 0; this.friction = friction; this.gravity = gravity; this.fAngle = 0; }; // changing x pos Player.prototype.updateX = function() { if (!keys[LEFT] && !keys[RIGHT] && !keys.a && !keys.d) { if (abs(this.xVel) < this.friction) { this.xVel = 0; // stationary } else { // applying friction if (this.xVel < 0) { this.xVel += this.friction; } else { this.xVel -= this.friction; } } } else if (keys[LEFT] \|\| keys.a) { this.xVel = -5; // currently moving left } else { this.xVel = 5; // currently moving right } this.x += this.xVel; // all movement }; // changing y pos Player.prototype.updateY = function() { // jumping if ((keys[UP] \|\| keys.w) && this.yVel === 0) { this.yVel = -7.75; } // moving this.y += this.yVel; this.yVel += this.gravity; }; // player graphics Player.prototype.display = function() { // finding the direction the flashlight is pointing in var mouse = new PVector(mouseX, mouseY); var playerCenter = new PVector(this.x + this.width / 2, this.y + this.height / 2); var dir = PVector.sub(mouse, playerCenter); this.fAngle = dir.heading(); // light graphics pushMatrix(); translate(this.x + this.width / 2, this.y + this.height / 2); rotate(this.fAngle); noFill(); strokeWeight(5); var fBright = 0; while (fBright < 200) { stroke(255, 255, 125, 67 - fBright / 3); arc(0, 0, fBright + 20, fBright + 20, -15, 15); fBright += 5; } popMatrix(); // player particles if (abs(this.xVel) > 1 \|\| abs(this.yVel) > 1) { playerParticles.push(new PlayerParticle(new PVector(this.x + 12.5, this.y + random(5, 20)))); } noStroke(); var pParticleNum = playerParticles.length; while (pParticleNum --) { playerParticles[pParticleNum].run(); if (playerParticles[pParticleNum].isDead()) { playerParticles.splice(pParticleNum, 1); } } // player noStroke(); fill(0); rect(this.x, this.y, this.width, this.height); // eyes fill(255); rect(this.x + 7.5 + this.xVel, this.y + 2.5, 2.5, 10, 1); rect(this.x + 17.5 + this.xVel, this.y + 2.5, 2.5, 10, 1); // flashlight icon pushMatrix(); translate(this.x + this.width / 2, this.y + this.height / 2); rotate(this.fAngle); rect(-5, -2.5, 12.5, 5); beginShape(); vertex(7.5, -2.5); vertex(11, -5); vertex(11, 5); vertex(7.5, 2.5); endShape(); popMatrix(); }; player = new Player(0, 0, 25, 25, 0.35, 0.5); } // boundary check var outOfBoundary = function() { if (player.x + player.width < 0 \|\| player.x > width \|\| player.y + player.height < 0 \|\| player.y > height) { return true; } }; // block { // constructor function var Block = function(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; }; // checking for collisions Block.prototype.checkX = function() { if (rectCollide(player.x, player.y, player.width, player.height, this.x, this.y, this.width, this.height)) { if (player.xVel > 0) { player.x = this.x - player.width; player.xVel = 0; } else if (player.xVel < 0) { player.x = this.x + this.width; player.xVel = 0; } } }; Block.prototype.checkY = function() { if (rectCollide(player.x, player.y, player.width, player.height, this.x, this.y, this.width, this.height)) { if (player.yVel > 0) { player.y = this.y - player.height; player.yVel = 0; } else if (player.yVel < 0) { player.y = this.y + this.height; player.yVel = -player.yVel; } } }; // graphics Block.prototype.display = function() { noStroke(); fill(0); rect(this.x, this.y, this.width, this.height); }; var blocks = []; } // restarting level { var oldPX = []; var oldPY = []; var restartLevel = function() { player.x = oldPX[level - 1]; player.y = oldPY[level - 1]; player.xVel = 0; player.yVel = 0; }; } // gear { // constructor function var Gear = function(x, y, radius) { this.x = x; this.y = y; this.radius = radius; this.rotation = 0; }; Gear.prototype.run = function() { this.update(); this.display(); }; // collisions and animation Gear.prototype.update = function() { if (circCollide(player.x + player.width / 2, player.y + player.height / 2, player.width / 2, this.x, this.y, this.radius)) { restartLevel(); } this.rotation += 2; }; // graphics Gear.prototype.display = function() { pushMatrix(); translate(this.x, this.y); scale(this.radius / 20); rotate(this.rotation); fill(0); ellipse(0, 0, 40, 40); var r = 0; while (r < 15) { rotate(24); triangle(20, -3, 20, 3, 25, 0); r ++; } popMatrix(); }; var gears = []; } // spike { var Spike = function(x, y) { this.x = x; this.y = y; }; Spike.prototype.run = function() { this.update(); this.display(); }; Spike.prototype.update = function() { // check collisions if (circCollide(player.x + 12.5, player.y + 12.5, player.width / 2, this.x + 12.5, this.y + 12.5, 10)){ restartLevel(); } }; Spike.prototype.display = function() { // display noStroke(); fill(0); triangle(this.x, this.y + 25, this.x + 12.5, this.y, this.x + 25, this.y + 25); }; var spikes = []; } var levelMap; // defining level map // lightbulb { // constructor function var LightBulb = function(x, y) { this.x = x; this.y = y; }; // running LightBulb.prototype.run = function() { this.check(); this.display(); }; // checking for collisions LightBulb.prototype.check = function() { if (circCollide(this.x, this.y, 20, player.x + player.width / 2, player.y + player.height / 2, player.width / 1.75)) { if(level === levelMap.length) { currentScene = 3; } else { level ++; player.x = oldPX[level - 1]; player.y = oldPY[level - 1]; } } }; // graphics LightBulb.prototype.display = function() { // light noFill(); strokeWeight(5); var bulbBright = 22.5; while (bulbBright < 127.5) { (stroke)(255 - (bulbBright + 127.5)); ellipse(this.x, this.y, bulbBright, bulbBright); bulbBright += 5; } // icon noStroke(); fill(255); ellipse(this.x, this.y, 20, 20); beginShape(); vertex(this.x - 8, this.y - 5); vertex(this.x - 5, this.y - 12.5); vertex(this.x + 5, this.y - 12.5); vertex(this.x + 8, this.y - 5); endShape(); stroke(0); strokeWeight(3); strokeCap(SQUARE); line(this.x - 1, this.y - 14.5, this.x - 1, this.y - 38); stroke(255); strokeCap(ROUND); strokeWeight(2.75); line(this.x - 4, this.y - 14.5, this.x + 3, this.y - 14.5); }; var lightbulbs = []; } // level map (player = @, lightbulb = $, block = #, gear = , spike = ^) levelMap = [ [ ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' #', ' ', '@ $', '########################' ], [ ' ', ' ', ' ', ' ', ' ', ' ', '@ ', '### ### ### ######', ' # #', ' # #', ' ######### #', ' # #', ' # #', ' # #', ' # ########', ' # #', ' # #', ' # #', ' ######### #', ' #', ' #', ' ##', ' #', ' #$#' ], [ ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' #######', ' ', ' $ ', ' ', ' ', ' ## ', ' ', ' ## ', ' ', ' ## ', ' ', ' ## ', ' ', ' ## ', '@# ', '## ' ], [ ' ', ' ', '@ ^^ ', '######## ', ' ', ' $ ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ], [ ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ^ ## ', ' # @# ', ' #### ', ' # ', ' ########## ', ' ', ' $ ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ], [ ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '@ ', '#### ', ' ', ' # #', ' ', ' # $', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ], [ ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', '############# ', ' ', ' $#### ', ' ', ' # ', ' ^ ', '@ ^^ # * #####', '########################' ], [ ' ', ' ', ' ', ' @ ^ * ', ' ###### ', ' ', ' * ## ', ' ', ' # ', ' ', ' $ ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ], [ ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' * # ', ' # ', ' @ # ', ' ### ', '# * * * ^^^^^ ', ' ##### * #', '$ ', '### ', ' * ', ' ########### ', ' # ', ' ', ' ', ' ', ' ' ], [ ' @ ', ' ', ' * ', ' ', ' ', ' * ', ' * * ', ' * * ', ' * * ', ' * ', ' * * ', ' * ^', ' * * #', ' ^ ', ' # ', ' # ', ' $ ', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ] ]; // load obstacles (function () { var levelNum = levelMap.length; while (levelNum --) { lightbulbs.push([]); blocks.push([]); gears.push([]); spikes.push([]); oldPX.push([]); oldPY.push([]); } var levelNum2 = levelMap.length; while (levelNum2 --) { var column = levelMap[levelNum2].length; while (column --) { var row = levelMap[levelNum2][column].length; while (row --) { switch (levelMap[levelNum2][column][row]) { default: break; case '#': blocks[levelNum2].push(new Block(row 25, column * 25, 25, 25)); break; case '': gears[levelNum2].push(new Gear(row 25 + 12.5, column * 25 + 12.5, 12.5, 12.5)); break; case '^': spikes[levelNum2].push(new Spike(row * 25, column * 25)); break; case '@': player.x = row * 25; player.y = column * 25; oldPX[levelNum2] = player.x; oldPY[levelNum2] = player.y; break; case '$': lightbulbs[levelNum2].push(new LightBulb(row * 25 + 12.5, column * 25 + 12.5)); } } } } })(); } // game var game = function() { background(0); // lightbulbs var lightbulbNum = lightbulbs[level - 1].length; while (lightbulbNum --) { lightbulbs[level - 1][lightbulbNum].run(); } // player updating x player.updateX(); // blocks checking x var blockNum = blocks[level - 1].length; while (blockNum --) { blocks[level - 1][blockNum].checkX(); } // rest of player player.updateY(); // rest of blocks var blockNum2 = blocks[level - 1].length; while (blockNum2 --) { blocks[level - 1][blockNum2].checkY(); } player.display(); var blockNum3 = blocks[level - 1].length; while (blockNum3 --) { blocks[level - 1][blockNum3].display(); } // gears var gearNum = gears[level - 1].length; while (gearNum --) { gears[level - 1][gearNum].run(); } // spikes var spikeNum = spikes[level - 1].length; while (spikeNum --) { spikes[level - 1][spikeNum].run(); } // boundary check and restarting level if (outOfBoundary() \|\| keys.r) { restartLevel(); } }; textFont(createFont('AvenirNext-UltraLight')); textAlign(CENTER, CENTER); var hSLight = new LightBulb(200, 312.5); // home screen var homeScreen = function() { noLoop(); background(0); hSLight.display(); fill(255); textSize(100); text("Fl shlight", 300, 300); noStroke(); fill(0); rect(187, 250, 25, 25); }; // end screen var endScreen = function() { noLoop(); fill(255); textSize(50); text("YOU WON", 200, 300); }; var scenes = [function() {}, homeScreen, game, endScreen]; mouseClicked = function() { loop(); if (currentScene === 1) { currentScene = 2; } }; draw = function() { scenes[currentScene](); };
Folds	26,681,684,724,731,741,744,749,753,758,759,761
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLzkyMaXCww
Votes	261
Spin-Offs	5
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Skyline
Author Name	KhanLearner19
Author ID	kaid_147843979423697766762214
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739456071534
Updated	4 months ago, 1744845452993
Source Deleted	unknown