Viewing Program

Program Data

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

Title	Motorcycle Mayhem
ID	5863054661
Created	9 years ago, 1464463395048
Updated	9 years ago, 1465816198445
Code	/* This game was created by Matthew Lindzon > Created on May 29. 2016 for ICS2 Culminating > Select from three types of vehicles: motorcycle, hovercar and jetpack > This program includes functions, objects, loops, if statements, booleans, key interactions, mouse interactions, random intergers, object oriented design, arrays (1D), shapes, transformations and more / /////////////////////////////////////////////////// // game controls { /* This area controls the entire game / textAlign(CENTER); // text will align in the center var edit = false; // editing state var version = "2.0"; // current version var name = "Matt"; // name of player var nameofGame = "Motorcycle Mayhem"; // name of game var scene = 1; // what scene is currently being called var gameCol = color(255, 162, 0); // main game colour var keys = []; // calling keys var speed = 6; // generic speed of player var vehicle = ["Motorcycle", "Hovercar", "Jetpack"]; // vehicle name var vehiclePicker = 0; // vehicle select inside array picker var vehicleSelect = 0; // which vehicle (appearence) and controls var over = false; // game over state var barrier = false; // does the player have a barrier var gravityPowerUp = false; // does the player have the gravity power up var faster = false; // run faster state var barrierTime = 10; // how long barrier time lasts var gravityTime = 10; // how long gravity time lasts var distance = 0; // distance running var score = 0; // amount of coins collected var totalCoins = 0; // total coins collected through game var fb = createFont("Avenir Next Bold", 20); // font on mac computers var level1 = -1; // level 1 checkpoint var level2 = 40; // level 2 checkpoint var level3 = 100; // level 3 checkpoint var level4 = 250; // level 4 checkpoint var level5 = 600; // level 5 checkpoint var fade = 0; // starting fade of game over background var mainCol = color(0, 136, 255); // main colour of game var gearCol = color(64, 67, 97); // colour of bottom gears var xx = 0; // controls smoke of motercycle x-pos var yy = 0; // controls smoke of motercycle y-pos var xxx = 0; // controls smoke of jetpack x-pos var yyy = 0; // controls smoke of jetpack y-pos var leader1 = "ZAPPERS DODGED: 521"; // name of leaderboard 1st var leader2 = "EWANX: 391"; // name of leaderboard 2nd var leader3 = "RYANPL: 312"; // name of leaderboard 3rd var barrierCollected = false; // did the player collect the barrier power up var newBest = false; // if there is a new highscore var topScore = 0; // top distance (high score) var powerUpPicker = 500; // which power up was selected var coinDraw = function(coinx, coiny, coinw, coinh) { stroke(122, 95, 22); fill(247, 210, 108); textAlign(CENTER); strokeWeight(1); ellipse(coinx, coiny, coinw, coinh); noFill(); strokeWeight(1); ellipse(coinx, coiny, coinw, coinh); stroke(82, 64, 18); fill(204, 164, 53); ellipse(coinx, coiny, coinw - 5, coinh - 5); fill(0, 0, 0, 30); arc(coinx, coiny, coinw - 5, coinh - 5, 0, 180); fill(250, 235, 140, 30); arc(coinx, coiny + 4, coinw - 5, coinh - 9, 0, 180); textSize(12); fill(48, 37, 11); text("1", coinx + 1, coiny + 5); fill(247, 210, 108); text("1", coinx, coiny + 4); }; // drawing of coin var drawOutlined = function(str, x, y, r, g, b, ro, go, bo, size) { fill(ro, go, bo); // stroke with the designated colour for (var i = x - size; i <= x + size; i++) { for (var j = y - size; j <= y + size; j++) { text(str, i, j); // text and x-pos and y-pos } } fill(r, g, b); // fill with designated size text(str, x, y); // text and x-pos and y-pos }; // creates outlined text /Buttons/// all buttons used { var Button = function(config) { this.x = config.x \|\| 0; // x-pos of the button this.y = config.y \|\| 0; // y-pos of the button this.width = config.width \|\| 240; // width of the button this.height = config.height \|\| 49; // height of the button this.label = config.label \|\| ""; // content of the button }; // create the button Button.prototype.draw = function() { fill(100, 117, 138); textAlign(CENTER); stroke(35, 38, 41); strokeWeight(1); rect(this.x, this.y, this.width, this.height); noStroke(); fill(255, 255, 255, 35); rect(this.x + 1, this.y + 1, this.width - 2, this.height / 2); fill(255, 255, 255, 160); rect(this.x + 1, this.y + 1, this.width - 2, 1); fill(0, 0, 0); textSize(19); drawOutlined(this.label, this.x + 120, this.y + this.height / 2 + 8, 255, 255, 255, 0, 0, 0, 2); }; // appearence of button Button.prototype.isMouseInside = function() { return mouseX > this.x && mouseX < (this.x + this.width) && mouseY > this.y && mouseY < (this.y + this.height); }; // check for mouse inside } /Gears*/// gears at bottom of screen { var movementGears = 0; // movement of the gears from left to right var n = 0; // spinning of the gear var drawGear = function(x, y, N, a) { translate(x, y); for (var i = 0; i < N; i++) { pushMatrix(); scale(0.3); rotate(i 360 / N + a); translate(0, -11); rect(23, 0, 90, 30); translate(-37, 37); rect(5, -7, 70, 70); popMatrix(); } resetMatrix(); }; // appearence of the gear var drawGears = function(n) { fill(gearCol); for (var i = 34; i < 750; i += 115) { drawGear(i + movementGears, 565, 10, n); } for (var i = 92; i < 750; i += 115) { drawGear(i + movementGears, 542, 10, -n); } }; var t = 1; var c = 1; } /Partical system/// particles (motorcycle) { if (faster === false) { / These particles are found in the natural simulation programs course / var Particle = function(position, w, h, x, y) { this.acceleration = new PVector(0, 0); this.velocity = new PVector(random(-1, -2), random(-1, 1)); this.position = position.get(); this.timeToLive = 150; this.mass = random(1, 4); }; Particle.prototype.run = function() { this.update(); this.display(); }; Particle.prototype.applyForce = function(force) { var f = force.get(); f.div(this.mass); this.acceleration.add(f); }; Particle.prototype.update = function() { this.velocity.add(this.acceleration); this.position.add(this.velocity); this.acceleration.mult(0); this.timeToLive -= 2.5; }; // Method to display Particle.prototype.display = function() { if (speed > 0.1) { stroke(189, 183, 189, this.timeToLive); strokeWeight(2); fill(255, 255, 255, this.timeToLive); ellipse(this.position.x + xx, this.position.y + yy, this.mass, this.mass); } }; Particle.prototype.isDead = function() { if (this.timeToLive < 0.0) { return true; } else { return false; } }; var Confetti = function(position) { Particle.call(this, position); }; var ParticleSystem = function(position) { this.origin = position.get(); this.particles = []; }; ParticleSystem.prototype.addParticle = function() { this.particles.push(new Particle(this.origin)); }; ParticleSystem.prototype.applyForce = function(f) { for (var i = 0; i < this.particles.length; i++) { this.particles[i].applyForce(f); } }; ParticleSystem.prototype.run = function() { for (var i = this.particles.length - 1; i >= 0; i--) { var p = this.particles[i]; p.run(); if (p.isDead()) { this.particles.splice(i, 1); } } }; } } /Fuel system/// particles (jetpack) { / These particles are found in the natural simulation programs course / var fuelHeight = 10; var Fuel = function(position) { this.acceleration = new PVector(0, 0.04); this.velocity = new PVector(random(-0.1, 0.1), random(0, 1)); this.position = position.get(); this.timeToLive = fuelHeight; }; Fuel.prototype.run = function() { this.update(); this.display(); }; Fuel.prototype.update = function(){ this.velocity.add(this.acceleration); this.position.add(this.velocity); this.timeToLive -= 2; }; Fuel.prototype.display = function() { stroke(255, 255, 255, this.timeToLive); strokeWeight(1); fill(240, 215, 0, this.timeToLive); ellipse(this.position.x + xxx, this.position.y + yyy, 4, 4); }; Fuel.prototype.isDead = function() { if (this.timeToLive < 0) { return true; } else { return false; } }; var FuelSystem = function(position) { this.origin = position.get(); this.Fuels = []; }; FuelSystem.prototype.addFuel = function() { this.Fuels.push(new Fuel(this.origin)); }; FuelSystem.prototype.run = function() { for (var i = this.Fuels.length-1; i >= 0; i--) { var p = this.Fuels[i]; p.run(); if (p.isDead()) { this.Fuels.splice(i, 1); } } }; } /Star/// not used { var star = function(x, y, points, diameter1, diameter2) { var rad = [diameter2 / 2 \|\| diameter1 / 5, diameter1 / 2]; beginShape(); for (var i = 0, curAngle = 0; i < points << 1 + 1; i++, curAngle += Math.PI / points) { vertex(x + rad[i % 2] * Math.sin(curAngle), y + rad[i % 2] * Math.cos(curAngle)); } endShape(); }; // star draw } /Logo/ // general logo { var logo = function(size) { var fc = createFont("impact", 20); var logoname = "MOTORCYCLE"; var logonameB = "MAYHEM"; pushMatrix(); scale(size); translate(220, -33); pushMatrix(); rotate(-3); translate(-15, 0); textFont(fc, 50); drawOutlined(logoname, 78, 200, 250, 250, 210, 30, 30, 30, 4); drawOutlined(logoname, 78, 200, 250, 250, 210, 5, 5, 5, 1); drawOutlined(logoname, 78, 200, 240, 240, 240, 20, 50, 120, 2); popMatrix(); pushMatrix(); translate(0, 52); textSize(55); drawOutlined(logonameB, 78, 200, 250, 250, 210, 30, 30, 30, 4); drawOutlined(logonameB, 78, 200, 250, 250, 210, 5, 5, 5, 1); drawOutlined(logonameB, 78, 200, 250, 190, 30, 60, 20, 10, 2); popMatrix(); popMatrix(); }; // logo appearence } /Game Assets/// game elements throughout game { var spark = function(x, y, m) { fill(255 * min(m * 0.1, 1) << 24 \| 0xffffff); noStroke(); quad(x - m, y, x, y - m * 0.1, x + m, y, x, y + m * 0.1); quad(x - m * 0.1, y, x, y - m, x + m * 0.1, y, x, y + m); fill(80 * min(m * 0.1, 1) << 24 \| 0xffffff); ellipse(x, y, m * 0.75, m * 0.75); }; // sparkle var keyPressed = function() { keys[keyCode] = true; }; // what happens if a key is pressed var keyReleased = function() { keys[keyCode] = false; }; // what happenes if a key is released var gameOver = function() { / If the game is over -- this will occur / if(barrier === true) { barrierCollected = true; } // checks for barrier power up was collected if(distance > topScore) { topScore = distance; newBest = true; } // checks for new highscore if (barrier === false) { if (over === true) { pushMatrix(); translate(0, -600 + fade); // opening translations gravityPowerUp = false; // turn off power ups powerUpPicker = 500; // turn off power ups this.cursor("DEFAULT"); speed = 0; // stops movements of game elements gearCol = color(0, 0, 0); // changes bottom gear colour textAlign(LEFT); fill(29, 36, 46, fade/4.5); fade += 16; // increases fade at start of game over if (fade > 600) { // stops from fading too much fade = 600; } rectMode(CORNER); rectMode(CENTER); noStroke(); rect(300, 300, 600, 600); rectMode(CORNER); pushMatrix(); translate(-120, -25); rotate(2); logo(0.6); popMatrix(); textFont(fb, 18); pushMatrix(); rotate(-6); translate(-30, 0); drawOutlined("YOU SCORED:", 75, 200, 230, 230, 230, 3, 3, 0, 3); // score textSize(16); drawOutlined("AND COLLECTED " + floor(score) + " COINS", 75, 276, 230, 230, 230, 3, 3, 0, 3); // score textSize(50); drawOutlined(floor(distance) + "m", 75, 249, 242, 162, 24, 3, 3, 0, 4); popMatrix(); { stroke(0); strokeWeight(3); /* Stars / fill(138, 135, 135); if (distance > level1) { fill(mainCol); } star(80, 326, 5, 50); fill(138, 135, 135); if (distance > level2) { fill(mainCol); } star(130, 326, 5, 50); fill(138, 135, 135); if (distance > level3) { fill(mainCol); } star(180, 326, 5, 50); fill(138, 135, 135); if (distance > level4) { fill(mainCol); } star(230, 326, 5, 50); fill(138, 135, 135); if (distance > level5) { fill(mainCol); } star(280, 326, 5, 50); } var btn1 = new Button({ x: 325, y: 190, label: "PLAY AGAIN" }); var btn2 = new Button({ x: 325, y: 248, label: "MAIN MENU" }); btn2.draw(); btn1.draw(); if (keyIsPressed && keyCode === SHIFT) { over = false; score = 0; distance = 0; speed = 6; gearCol = color(64, 67, 97); barrierCollected = false; newBest = false; fade = 0; } // play again key mouseClicked = function() { if (btn1.isMouseInside()) { over = false; score = 0; distance = 0; speed = 6; gearCol = color(64, 67, 97); barrierCollected = false; newBest = false; fade = 0; } else if (btn2.isMouseInside()) { scene = 1; over = true; } }; stroke(40); fill(160); rect(325, 80, 240, 100); fill(130); noStroke(); rect(326, 81, 239, 50); fill(200); rect(326, 81, 239, 1); textSize(16); drawOutlined("LEADERBOARDS", 402, 104, 255, 255, 255, 35, 35, 35, 2); // leaderboard chart for(var i = 110; i < 165; i += 22) { fill(86, 106, 153); stroke(49, 64, 79); rect(337, i, 217, 20); drawOutlined(leader1, 445, 127, 255, 255, 255, 35, 35, 35, 1); drawOutlined(leader2, 445, 148, 255, 255, 255, 35, 35, 35, 1); drawOutlined(leader3, 445, 169, 255, 255, 255, 35, 35, 35, 1); } if(barrierCollected === true) { drawOutlined("YOU COLLECTED THE \n POWER UP: BARRIER", 447, 328, 255, 255, 255, 35, 35, 35, 2); } // display if barrier power up collected textSize(18); drawOutlined("YOUR BEST: "+ floor(topScore), 180, 381, 255, 255, 255, 0, 0, 0, 3); // top score if(newBest === true) { textSize(24); drawOutlined("NEW BEST!", 180, 414, 242, 162, 24, 0, 0, 0, 3); // display if new high score } fill(100, 117, 138); stroke(27, 35, 48); rect(0, 0, 600, 40); noStroke(); fill(0, 0, 0, 40); rect(0, 20, 600, 20); noStroke(); popMatrix(); var tn = 1; drawGears(tn + n); // gears at bottom if (frameCount % t === 0) { n += 0.1; } pushMatrix(); translate(20, 520); coinDraw(550, 50, 20, 20); textSize(15); drawOutlined("Coins: "+totalCoins, 495, 56, 255, 255, 255, 0, 0, 0, 1.5); popMatrix(); drawOutlined("Press SHIFT to play again", 110, 575, 255, 255, 255, 0, 0, 0, 1.5); } } }; // what happens when game is over var barrierStart = function() { if(powerUpPicker === 0) { barrierTime -= 0.032; if (barrierTime > 0.5 && barrierTime < 20.1) { barrier = true; textSize(16); if (barrierTime > 3.9 && barrierTime < 20.1) { drawOutlined("Barrier time left: " + floor(barrierTime), 104, 584, 255, 255, 255, 0, 0, 0, 2); } if (barrierTime > 0.5 && barrierTime < 3.9) { drawOutlined("Barrier time left: " + floor(barrierTime), 104, 584, 235, 30, 45, 0, 0, 0, 2); } } } if (barrierTime > 0.1 && barrierTime < 0.45) { barrier = false; barrierTime = 10; powerUpPicker = 500; } }; // barrier power up. var noGravity = function() { if(powerUpPicker === 1) { gravityTime -= 0.032; if (gravityTime > 0.5 && gravityTime < 20.1) { gravityPowerUp = true; textSize(16); if (gravityTime > 3.9 && gravityTime < 20.1) { drawOutlined("Gravity time left: " + floor(gravityTime), 104, 584, 255, 255, 255, 0, 0, 0, 2); } if (gravityTime > 0.5 && gravityTime < 3.9) { drawOutlined("Gravity time left: " + floor(gravityTime), 104, 584, 235, 30, 45, 0, 0, 0, 2); } } } if (gravityTime > 0.1 && gravityTime < 0.45) { gravityPowerUp = false; gravityTime = 10; powerUpPicker = 500; } }; // gravity power up } } /////////////////////////////////////////////////// // game configuration { /* This area controls the levels */ // elements of level textAlign(CENTER); // makes all text below align center / These are the elements of the game. This is not where they are being called. / /Background/ { /* Background continuosly loops at different intervals / / When SCENE = 2, background will change at specfic destinations */ var movementX = 0; // movement of ground (loop) var movementXB = 0; // movement of blocks (loop) var movementXC = 0; // movement of landscape (loop) var yground = 490; // ground y-pos var arrayPipes = []; //declare a 1D array var num = 1; // number of pipes on screen var x, y, rad, dx, dy, c; // coordiantes and colour / x = x-pos y = y-pos rad = size dx = x speed dy = y speed c = colour / var Pipe = function(x, y, rad, dx, dy, c) { this.x = x; // x-pos this.y = y; // y-pos this.rad = rad; // size this.dx = dx; // x speed this.dy = dy; // y speed this.c = c; // colour }; // array of objects Pipe.prototype.draw = function() { / This is a pipe that scrolls across the screen / fill(139, 150, 166, 50); stroke(63, 65, 71); rect(this.x, this.y, 16, 448); fill(198, 203, 209); noStroke(); rect(this.x + 1, this.y, 1, 448); fill(40, 42, 43); rect(this.x + 15, this.y, 1, 448); fill(247, 247, 247, 45); rect(this.x + 2, this.y, 6, 448); for (var i = 43; i < 498; i += 20) { fill(42, 44, 51); rect(this.x, i, 16, 1); fill(188, 190, 196); rect(this.x, i + 1, 16, 1); } if (this.x < -30) { this.x = random(700, 1500); } this.x -= speed; }; // pipe appearence for (var i = 0; i < num; i++) // create objects { x = floor(random(650, 850)); // random x-pos y = 43; var r = floor(random(0, 256)); // red var g = floor(random(0, 256)); // green var b = floor(random(0, 256)); // blue c = color(r, g, b); // (RGB) dx = -2; arrayPipes.push(new Pipe(x, y, rad, dx, dy, c)); } fill(200, 100, 200); noStroke(); var drawBackground = function() { var startColor = color(9, 55, 128); // first top colour of gradient var endColor = color(149, 159, 186); // first bottom colour of gradient if(distance > 50) { var startColor = color(37, 45, 133); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } if(distance > 100) { var startColor = color(95, 58, 138); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } if(distance > 140) { var startColor = color(128, 54, 111); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } if(distance > 180) { var startColor = color(19, 91, 138); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } if(distance > 220) { var startColor = color(19, 138, 75); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } if(distance > 280) { var startColor = color(138, 27, 19); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } if(distance > 320) { var startColor = color(18, 50, 102); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient } var startColorB = color(3, 3, 0); // top colour of gradient smaller var endColorB = color(114, 126, 156, 0); // bottom colour of gradient smaller var lineWidth = 3; // line width of gradient lines strokeWeight(lineWidth); // implementing gradient width for (var i = 0; i <= height; i += lineWidth) { stroke(lerpColor(startColor, endColor, i / height)); line(0, i, height, i); } // create gradient for (var i = 0; i <= 170; i += lineWidth) { stroke(lerpColor(startColorB, endColorB, i / 170)); line(0, i, height, i); } // create gradient if(faster === true) { fill(255); rect(0, 490, 600, 200); } if(faster === false) { if (over === false) { noStroke(); fill(79, 91, 128); rect(0, 490, 600, 150); for (var i = 0; i < 700; i += 18) {} movementX -= speed; if (movementX < -19) { movementX = 0; } movementXB -= speed; if (movementXB < -300) { movementXB = 0; } movementXC -= speed; if (movementXC < -700) { movementXC = 0; } movementGears -= speed; if (movementGears < -115) { movementGears = 0; } fill(102, 113, 140, 0); rect(0, 0, 600, 600); } for (var i = 0; i < 650; i += 21) { strokeWeight(1); stroke(41, 38, 30); fill(255, 187, 0, 255); rect(i + movementX - 21, 480, 20, 10, 0); noStroke(); fill(150, 126, 71); rect(i + movementX - 20, 481, 19, 1, 0); fill(252, 252, 252, 190); rect(i + movementX - 20, 482, 19, 1, 0); fill(0, 0, 0, 90); rect(i + movementX - 20, 480, 3, 10, 0); rect(i + movementX - 13, 480, 3, 10, 0); rect(i + movementX - 6, 480, 3, 10, 0); strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i + movementX, yground, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + movementX + 1, yground + 1, 2, 19, 0); rect(i + movementX + 18, yground + 1, 2, 19, 0); fill(108, 111, 115); rect(i + movementX + 1, yground + 1, 18, 2, 0); fill(81, 84, 89); rect(i + movementX + 1, yground + 18, 18, 2, 0); stroke(29, 30, 31); line(i + movementX, yground + 20, i + movementX + 20, yground + 1); stroke(219, 219, 219); line(i + movementX + 2, yground + 19, i + movementX + 20, yground + 2); pushMatrix(); translate(0, -469); strokeWeight(1); fill(137, 144, 156); stroke(37, 44, 54); rect(i + movementX, yground, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + movementX + 1, yground + 1, 2, 19, 0); rect(i + movementX + 18, yground + 1, 2, 19, 0); fill(108, 111, 115); rect(i + movementX + 1, yground + 1, 18, 2, 0); fill(81, 84, 89); rect(i + movementX + 1, yground + 18, 18, 2, 0); stroke(29, 30, 31); line(i + movementX, yground + 20, i + movementX + 20, yground + 1); stroke(219, 219, 219); line(i + movementX + 2, yground + 19, i + movementX + 20, yground + 2); popMatrix(); pushMatrix(); translate(-10, -489); strokeWeight(1); fill(137, 144, 156); stroke(37, 44, 54); rect(i + movementX, yground, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + movementX + 1, yground + 1, 2, 19, 0); rect(i + movementX + 18, yground + 1, 2, 19, 0); fill(108, 111, 115); rect(i + movementX + 1, yground + 1, 18, 2, 0); fill(81, 84, 89); rect(i + movementX + 1, yground + 18, 18, 2, 0); stroke(29, 30, 31); line(i + movementX, yground + 20, i + movementX + 20, yground + 1); stroke(219, 219, 219); line(i + movementX + 2, yground + 19, i + movementX + 20, yground + 2); popMatrix(); } // blocks for (var i = 0; i < 850; i += 150) { for (var j = 40; j < 450; j += 150) { noFill(); stroke(24, 27, 31); rect(i + movementXB, j, 150, 150, 6); noStroke(); fill(255, 255, 255, 90); rect(i + movementXB + 2, j + 1, 147, 2); rect(i + movementXB + 2, j + 149, 147, 3); rect(i + movementXB + 2, j + 2, 2, 147); rect(i + movementXB + 148, j + 2, 1, 147); stroke(24, 27, 31); ellipse(i + movementXB + 12, j + 11, 6, 6); ellipse(i + movementXB + 139, j + 11, 6, 6); ellipse(i + movementXB + 139, j + 139, 6, 6); ellipse(i + movementXB + 12, j + 139, 6, 6); noStroke(); fill(56, 56, 56); ellipse(i + movementXB + 12, j + 11, 2, 2); ellipse(i + movementXB + 139, j + 11, 2, 2); ellipse(i + movementXB + 139, j + 139, 2, 2); ellipse(i + movementXB + 12, j + 139, 2, 2); fill(133, 133, 133); stroke(23, 23, 23); rect(i + movementXB + 73, 43, 4, 35); noStroke(); fill(0, 0, 0, 190); rect(i + movementXB + 74, 44, 1, 34); fill(133, 133, 133); stroke(23, 23, 23); triangle(i + movementXB + 69, 82, i + movementXB + 83, 82, i + movementXB + 76, 72); fill(255, 255, 255, 150); noStroke(); triangle(i + movementXB + 73, 81, i + movementXB + 79, 81, i + movementXB + 76, 72); } } // large blocks and lights at top for (var i = 0; i < arrayPipes.length; i++) { arrayPipes[i].draw(); } // draw pipes fill(75); var tn = 1; drawGears(tn + n); // draw gears at bottom if (frameCount % t === 0) { n += 1; } } }; // background of first part } /Platforms/ { /* Platforms will not change y-pos, but will change x-pos when off screen */ var Block = function(x, y, w, h, color) { this.x = x; // x-pos this.y = y; // y-pos this.w = w; // width this.h = h; // height this.color = color; // colour }; // creating platforms Block.prototype.draw = function() { if (over === false) { / Appearence of the platforms (blocks) / for (var i = this.x; i < this.x + this.w; i += 20) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i, this.y, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, this.y + 1, 2, 19, 0); rect(i + 18, this.y + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, this.y + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, this.y + 18, 18, 2, 0); stroke(29, 30, 31); line(i, this.y + 20, i + 20, this.y + 1); stroke(219, 219, 219); line(i + 2, this.y + 19, i + 20, this.y + 2); } // looping of blocks noFill(); stroke(20, 20, 20); rect(this.x, this.y, this.w, this.h); this.x -= speed; // movement from right to left if (this.x < 0 - this.w - 40) { this.x = random(600, 1200); this.w = random(100, 300); } // spawn platform when off screen noStroke(); } }; // platform appearence var platforms = []; // creates platforms array and holds the block objects platforms.add = function(x, y, w, h, c) { platforms.push(new Block(x, y, w, h, c)); // adds new item to array when ^^ this is being called (push) }; // add platform to array platforms.draw = function() { for (var i = 0; i < platforms.length; i++) { platforms[i].draw(); // draws number of platforms that were created / i is the amount of platforms / } }; // draws platform } /Rockets/ { /* Rockets will automatically follow the y-pos of player when spawning */ var rocketChange = 500; // when the rockets change color -- distance (x) var Rocket = function(x, y, w, h, speed, drop) { this.x = x; this.y = y; this.w = w; this.h = h; this.speed = speed; this.drop = drop; }; // create rockets Rocket.prototype.draw = function() { if(over === true) { this.x = random(700, 1000); } if (over === false) { pushMatrix(); translate(14, 4); stroke(70, 80, 89); strokeWeight(1); fill(158, 162, 168); rect(this.x, this.y, 24, 20); noStroke(); fill(93, 95, 97, 90); strokeWeight(1); rect(this.x + 1, this.y + 4, 22, 8); fill(75, 77, 79, 30); rect(this.x + 1, this.y + 4, 22, 4); fill(84, 86, 89, 30); rect(this.x + 1, this.y + 4, 22, 2); fill(93, 95, 97, 50); rect(this.x + 1, this.y + 4, 22, 8); fill(255, 255, 255, 50); rect(this.x + 1, this.y + 1, 22, 8); fill(255, 255, 255, 90); rect(this.x + 1, this.y + 17, 22, 1); fill(0, 0, 0, 140); rect(this.x + 1, this.y + 19, 22, 1); rect(this.x + 1, this.y + 1, 22, 1); fill(196, 29, 29); if(distance > rocketChange) { fill(29, 109, 194); } strokeWeight(1); stroke(102, 16, 16); if(distance > rocketChange) { stroke(12, 56, 99); } arc(this.x, this.y + 10, 30, 19, 90, 273); stroke(204, 104, 104); if(distance > rocketChange) { stroke(105, 161, 214); } strokeWeight(1); arc(this.x, this.y + 10, 27, 16, 90, 273); stroke(217, 32, 32); if(distance > rocketChange) { stroke(18, 126, 227); } strokeWeight(1); arc(this.x, this.y + 10, 25, 14, 90, 273); pushMatrix(); translate(-7, 0); stroke(133, 24, 24); if(distance > rocketChange) { stroke(26, 79, 128); } strokeWeight(1); rect(this.x + 20, this.y - 5, 10, 5); rect(this.x + 20, this.y + 19, 10, 5); noStroke(); fill(255, 255, 255, 100); rect(this.x + 21, this.y - 4, 9, 2); fill(255, 255, 255, 100); rect(this.x + 21, this.y + 20, 9, 2); fill(196, 29, 29); stroke(196, 29, 29); if(distance > rocketChange) { fill(20, 134, 227); } if(distance > rocketChange) { stroke(18, 126, 227); } strokeWeight(1); triangle(this.x + 22, this.y + 24, this.x + 15, this.y + 20, this.x + 20, this.y + 20); triangle(this.x + 22, this.y + 1, this.x + 15, this.y + 1, this.x + 20, this.y + -4); popMatrix(); fill(196, 29, 29); stroke(130, 31, 31); if(distance > rocketChange) { fill(20, 134, 227); } if(distance > rocketChange) { stroke(27, 100, 163); } strokeWeight(1); rect(this.x + 9, this.y + 8, 10, 4); fill(255, 255, 255, 100); strokeWeight(1); noStroke(); rect(this.x + 10, this.y + 9, 9, 1); strokeWeight(1); popMatrix(); if (this.x > 602 && this.x > 650) { textSize(24); fill(112, 21, 21); drawOutlined("!", 575, this.y, 230, 45, 45, 121, 21, 21, 2); } this.x -= speed + 8; if(vehicleSelect === 2) { } } popMatrix(); }; // rockets appearence var rockets = []; // creates rockets rockets.add = function(x, y, w, h, s, d) { rockets.push(new Rocket(x, y, w, h, s, d)); // adds new item to array when ^^ this is being called (push) }; // add rockets rockets.draw = function() { for (var i = 0; i < rockets.length; i++) { rockets[i].draw(); / i is the amount of rockets / } }; // draws rockets } /Coins/ { /* Coins y-pos do not change, but x-pos do change when off screen Player can collect coins to improve their score (see player object) */ var Coin = function(x, y, w, h, color) { this.x = x; this.y = y; this.w = w; this.h = h; this.color = color; }; // creates coins Coin.prototype.draw = function() { if (over === false) { stroke(122, 95, 22); fill(247, 210, 108); textAlign(CENTER); strokeWeight(1); ellipse(this.x, this.y, this.w, this.h); noFill(); strokeWeight(1); ellipse(this.x, this.y, this.w, this.h); stroke(82, 64, 18); fill(204, 164, 53); ellipse(this.x, this.y, this.w - 5, this.h - 5); fill(0, 0, 0, 30); arc(this.x, this.y, this.w - 5, this.h - 5, 0, 180); fill(250, 235, 140, 30); arc(this.x, this.y + 4, this.w - 5, this.h - 9, 0, 180); textSize(12); fill(48, 37, 11); text("1", this.x + 1, this.y + 5); fill(247, 210, 108); text("1", this.x, this.y + 4); this.x -= speed; if (this.x < 0 - this.w) { this.x = 700; } } noStroke(); }; // coins appearence var Coins = []; // creates coins Coins.add = function(x, y, w, h, c) { Coins.push(new Coin(x, y, w, h, c)); // adds new item to array when ^^ this is being called (push) }; // adds coins Coins.draw = function() { for (var i = 0; i < Coins.length; i++) { Coins[i].draw(); / i is the amount of coins / } }; // draws coins } /Laser/ { /* Laser function calls game over function when player interacts with laser */ var laserYpos = [48, 195, 343]; // y-pos of laser wall var laserYpicker = random(0, 3); // program randomly picks y-pos var laserDraw = function(x, y, w, h, color) { this.x = x; this.y = y; this.w = w; this.h = h; this.color = color; }; // creating laser laserDraw.prototype.draw = function() { if(over === false) { fill(217, 31, 31); rect(this.x, this.y, 15, this.h); fill(255, 128, 0); rect(this.x + 1, this.y, 13, this.h); fill(255, 115, 0); rect(this.x + 3, this.y, 10, this.h); fill(255, 196, 0); rect(this.x + 4, this.y, 7, this.h); fill(255, 230, 0); rect(this.x + 5, this.y, 4, this.h); fill(252, 248, 221); rect(this.x + 7, this.y, 2, this.h); fill(69, 72, 79); stroke(37, 37, 38); rect(this.x - 3, this.y, 20, 20); rect(this.x - 3, this.y + this.h - 20, 20, 20); fill(120, 125, 135); stroke(69, 69, 69); rect(this.x - 3, this.y + 15, 20, 5); rect(this.x - 3, this.y + this.h - 20, 20, 5); noStroke(); fill(255, 255, 255, 100); rect(this.x - 2, this.y + this.h - 20, 2, 20); rect(this.x - 2, this.y + this.h - 19, 20, 2); rect(this.x - 2, this.y, 2, 20); rect(this.x - 2, this.y + 1, 20, 2); this.x -= speed; if (this.x < -25) { this.x = random(700, 1100); this.h = random(85, 150); laserYpicker = random(0, 3); this.y = random(48, 343); } noStroke(); } }; // platform appearence var laser = []; // creates laser 1D array laser.add = function(x, y, w, h, c) { laser.push(new laserDraw(x, y, w, h, c)); // adds new item to array when ^^ this is being called (push) }; // add lasers laser.draw = function() { for (var i = 0; i < laser.length; i++) { laser[i].draw(); / i is the amount of lasers / } }; // draws lasers } /Power Up/ { // >> PowerUps (randomly generates a power up) /* When player interacts with power-up, random interger will be created. Randomly selects which power up: barrier (defence) or gravity decrease. Power up will last for 10 seconds, and then will go away. */ var PowerUp = function(x, y, w, h, color) { this.x = x; this.y = y; this.w = w; this.h = h; this.color = color; }; // creates PowerUps PowerUp.prototype.draw = function() { if (over === true) { this.x = random(2500, 5000); } if (over === false) { stroke(97, 65, 25); fill(5, 58, 138); strokeWeight(1); rect(this.x, this.y, this.w, this.h, 5); noFill(); strokeWeight(3); stroke(255, 170, 0); rect(this.x + 2, this.y + 2, this.w - 4, this.h - 4, 3); strokeWeight(1); stroke(97, 65, 25); rect(this.x + 3, this.y + 3, this.w - 6, this.h - 6, 3); noStroke(); fill(255, 255, 255, 50); ellipse(this.x + 13, this.y + 13, this.w - 9, this.h - 9); ellipse(this.x + 13, this.y + 13, this.w - 13, this.h - 13); fill(255, 255, 255, 80); ellipse(this.x + 13, this.y + 13, this.w - 17, this.h - 17); ellipse(this.x + 13, this.y + 13, this.w - 20, this.h - 20); this.x -= speed; if (this.x < 0 - this.w) { this.x = random(3200, 7500); this.y = random(100, 470); } } noStroke(); }; // PowerUps appearence var PowerUps = []; // creates PowerUps PowerUps.add = function(x, y, w, h, c) { PowerUps.push(new PowerUp(x, y, w, h, c)); // adds new item to array when ^^ this is being called (push) }; // adds PowerUps PowerUps.draw = function() { for (var i = 0; i < PowerUps.length; i++) { PowerUps[i].draw(); // calling array again / i is the amount of power ups / } }; // draws PowerUps } /=====Create game map=====/ { // Creates original positions of level / Insert new elements to the level by adding in the following code: - platforms.add(x, y, w, h, color()); - laser.add(x, y, w, h, color()); - PowerUps.add(x, y, w, h, color()); - Coins.add(x, y, w, h); - Rockets.add(x, y, w, h); / /* Platforms / platforms.add(445, 345, 150, 20, color(0, 174, 255)); platforms.add(711, 345, 200, 20, color(0, 174, 255)); platforms.add(992, 345, 200, 20, color(0, 174, 255)); platforms.add(527, 195, 140, 20, color(0, 174, 255)); platforms.add(867, 195, 150, 20, color(0, 174, 255)); platforms.add(1067, 195, 150, 20, color(0, 174, 255)); platforms.add(1367, 195, 150, 20, color(0, 174, 255)); / Laser / laser.add(709, 344, 15, 150, color(0, 174, 255)); / Power ups / PowerUps.add(random(1100, 2100), 267, 25, 25, color(0, 174, 255)); // one power up / Coins / for (var i = 484; i < 800; i += 105) { Coins.add(i, 326, 19, 19, 0, 300); } // middle coins for (var i = 570; i < 800; i += 85) { Coins.add(i, 179, 19, 19, 0, 300); } // top coins for (var i = 570; i < 1000; i += 75) { Coins.add(i, 477, 19, 19, 0, 300); } // bottom coins / Rockets */ rockets.add(800, 456, 46, 27, 0, 300); // rocket rockets.add(1100, 309, 46, 27, 0, 300); // rocket rockets.add(1700, 160, 46, 27, 0, 300); // rocket } // call elements // game UI of level var gameUI = function() { if (over === false) { / This is all the text and interface of the gameplay screen / textAlign(LEFT); // re-align text to left textFont(fb, 22); textSize(25); fill(242, 162, 24); textSize(15); drawOutlined("DISTANCE", 26, 539, 255, 255, 255, 3, 3, 0, 2); // text drawOutlined("COINS", 136, 539, 255, 255, 255, 3, 3, 0, 2); // text textSize(22); drawOutlined(floor(distance) + "M", 26, 562, 242, 162, 24, 3, 3, 0, 2); // text drawOutlined(floor(score), 136, 562, 242, 162, 24, 3, 3, 0, 2); // text textSize(17); //drawOutlined("Welcome, "+name, 248, 543, 255, 255, 255, 3, 3, 0, 2); /* Distance increaser */ distance += 0.08; // increases distance while playing noFill(); fill(33, 41, 61, 180); noStroke(); rect(0, 0, 600, 21); // creates a button (menu) var mainmenu = new Button({ x: 532, y: 541, label: "", width: 35, height: 35 }); // new button textFont(fb, 18); mainmenu.draw(); mouseClicked = function() { if (mainmenu.isMouseInside()) { scene = 1; over = false; } }; // checks if mouse is clicked inside / Button design (home) / stroke(25); strokeWeight(2); fill(255, 255, 255, 245); rect(542, 559, 15, 10); fill(204, 200, 200); triangle(539, 560, 560, 560, 549, 549); noStroke(); fill(255); rect(543, 559, 13, 4); } // if the game is not over }; // text, numbers and elements that do not move } /////////////////////////////////////////////////// // main menu { /* This area controls the main menu (SCENE = 1) */ var topY = 0; // top of screen (for blocks) var topYB = 579; // bottom of screen (for blocks) var mainMenu = function() { if(scene === 1) { pushMatrix(); gravityPowerUp = false; // power up off when menu powerUpPicker = 500; // power up picker off barrier = false; // power up off when menu this.cursor("DEFAULT"); // makes cursor normal / Background of menu/ { var startColor = color(18, 50, 102); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient var lineWidth = 4; strokeWeight(lineWidth); for (var i = 0; i <= height; i += lineWidth) { stroke(lerpColor(startColor, endColor, i / height)); line(0, i, height, i); } // create gradient for (var i = 0; i < 600; i += 150) { for (var j = 0; j < 600; j += 150) { noFill(); strokeWeight(1); stroke(24, 27, 31, 150); rect(i , j, 150, 150, 6); noStroke(); fill(255, 255, 255, 45); rect(i + 2, j + 1, 147, 2); rect(i + 2, j + 149, 147, 3); rect(i + 2, j + 2, 2, 147); rect(i + 148, j + 2, 1, 147); stroke(24, 27, 31, 150); ellipse(i + 12, j + 11, 6, 6); ellipse(i + 139, j + 11, 6, 6); ellipse(i + 139, j + 139, 6, 6); ellipse(i + 12, j + 139, 6, 6); noStroke(); fill(56, 56, 56, 150); ellipse(i + 12, j + 11, 2, 2); ellipse(i + 139, j + 11, 2, 2); ellipse(i + 139, j + 139, 2, 2); ellipse(i + 12, j + 139, 2, 2); } } for (var i = 0; i < 600; i += 21) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i , topY, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, topY + 1, 2, 19, 0); rect(i + 18, topY + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, topY + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, topY + 18, 18, 2, 0); stroke(29, 30, 31); line(i , topY + 20, i + 20, topY + 1); stroke(219, 219, 219); line(i + 2, topY + 19, i + 20, topY + 2); } for (var i = 0; i < 600; i += 21) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i , topYB, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, topYB + 1, 2, 19, 0); rect(i + 18, topYB + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, topYB + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, topYB + 18, 18, 2, 0); stroke(29, 30, 31); line(i , topYB + 20, i + 20, topYB + 1); stroke(219, 219, 219); line(i + 2, topYB + 19, i + 20, topYB + 2); } for (var i = 0; i < 600; i += 20) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(0 , i, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(0 + 1, i + 1, 2, 19, 0); rect(0 + 18, i + 1, 2, 19, 0); fill(108, 111, 115); rect(0 + 1, i + 1, 18, 2, 0); fill(81, 84, 89); rect(0 + 1, i + 18, 18, 2, 0); stroke(29, 30, 31); line(0 , i + 20, 0 + 20, i + 1); stroke(219, 219, 219); line(0 + 2, i + 19, 0 + 20, i + 2); pushMatrix(); translate(578, 0); strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(0 , i, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(0 + 1, i + 1, 2, 19, 0); rect(0 + 18, i + 1, 2, 19, 0); fill(108, 111, 115); rect(0 + 1, i + 1, 18, 2, 0); fill(81, 84, 89); rect(0 + 1, i + 18, 18, 2, 0); stroke(29, 30, 31); line(0 , i + 20, 0 + 20, i + 1); stroke(219, 219, 219); line(0 + 2, i + 19, 0 + 20, i + 2); popMatrix(); } } vehiclePicker = vehicle[vehicleSelect]; // vehicle select if(vehicleSelect < 0) { vehicleSelect = 0; } // stops array from going below 0 if(vehicleSelect > 2) { vehicleSelect = 2; } // stops array from going above 2 fill(255, 208, 0, 140); noStroke(); rect(20, 171, 558, 52); rect(20, 152, 558, 12); coinDraw(550, 50, 20, 20); // draw new coin for total coin counter textSize(15); drawOutlined("Coins: "+totalCoins, 500, 56, 255, 255, 255, 0, 0, 0, 1.5); // total amount of coins noFill(); drawOutlined("Top Score: "+floor(topScore), 512, 80, 255, 255, 255, 0, 0, 0, 1.5); // highest score / Center rectangle / strokeWeight(3); stroke(212, 124, 23); rect(180, 249, 242, 151); stroke(51, 51, 51); strokeWeight(1); stroke(0, 0, 0); rect(178, 247, 246, 153); stroke(255, 255, 255, 160); rect(180, 249, 242, 152); textSize(15); / Center / drawOutlined("Version "+version, 300, 570, 255, 255, 255, 0, 0, 0, 1.5); // displays version number textSize(18); drawOutlined(vehiclePicker, 300, 464, 255, 255, 255, 0, 0, 0, 1.5); // displays vehicle picker logo(); // draws logo normal size / Buttons / { var start = new Button({ x: 181, y: 250, label: "PLAY" }); var instructionsB = new Button({ x: 181, y: 300, label: "INSTRUCTIONS" }); var storyB = new Button({ x: 181, y: 350, label: "STORY" }); var plusVehicle = new Button({ x: 371, y: 430, label: "", width: 50 }); var minusVehicle = new Button({ x: 181, y: 430, label: "", width: 50 }); textFont(fb, 18); instructionsB.draw(); start.draw(); storyB.draw(); plusVehicle.draw(); minusVehicle.draw(); textSize(16); drawOutlined("Select a vehicle:", 300, 430, 255, 255, 255, 0, 0, 0, 1.5); // plus sign textSize(28); drawOutlined("-", 206, 464, 255, 255, 255, 0, 0, 0, 1.5); // plus sign drawOutlined("+", 396, 464, 255, 255, 255, 0, 0, 0, 1.5); // plus sign mouseClicked = function() { if (start.isMouseInside()) { scene = 2; over = false; score = 0; distance = 0; speed = 6; gearCol = color(64, 67, 97); barrierCollected = false; newBest = false; fade = 0; } else if (instructionsB.isMouseInside()) { scene = 3; } else if (storyB.isMouseInside()) { scene = 4; } else if (plusVehicle.isMouseInside()) { vehicleSelect += 1; vehiclePicker += 1; } else if (minusVehicle.isMouseInside()) { vehicleSelect -= 1; vehiclePicker -= 1; } popMatrix(); }; } } }; } /////////////////////////////////////////////////// // instructions { /* This area controls the instructions page / / Instructions pages will change depending on players vehicle */ var instructions = function() { if(scene === 3) { this.cursor("DEFAULT"); // makes cursor normal / Background for instructions / { var startColor = color(18, 50, 102); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient var lineWidth = 4; strokeWeight(lineWidth); for (var i = 0; i <= height; i += lineWidth) { stroke(lerpColor(startColor, endColor, i / height)); line(0, i, height, i); } // create gradient for (var i = 0; i < 600; i += 150) { for (var j = 0; j < 600; j += 150) { noFill(); strokeWeight(1); stroke(24, 27, 31, 150); rect(i , j, 150, 150, 6); noStroke(); fill(255, 255, 255, 45); rect(i + 2, j + 1, 147, 2); rect(i + 2, j + 149, 147, 3); rect(i + 2, j + 2, 2, 147); rect(i + 148, j + 2, 1, 147); stroke(24, 27, 31, 150); ellipse(i + 12, j + 11, 6, 6); ellipse(i + 139, j + 11, 6, 6); ellipse(i + 139, j + 139, 6, 6); ellipse(i + 12, j + 139, 6, 6); noStroke(); fill(56, 56, 56, 150); ellipse(i + 12, j + 11, 2, 2); ellipse(i + 139, j + 11, 2, 2); ellipse(i + 139, j + 139, 2, 2); ellipse(i + 12, j + 139, 2, 2); } } for (var i = 0; i < 600; i += 21) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i , topY, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, topY + 1, 2, 19, 0); rect(i + 18, topY + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, topY + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, topY + 18, 18, 2, 0); stroke(29, 30, 31); line(i , topY + 20, i + 20, topY + 1); stroke(219, 219, 219); line(i + 2, topY + 19, i + 20, topY + 2); } for (var i = 0; i < 600; i += 21) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i , topYB, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, topYB + 1, 2, 19, 0); rect(i + 18, topYB + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, topYB + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, topYB + 18, 18, 2, 0); stroke(29, 30, 31); line(i , topYB + 20, i + 20, topYB + 1); stroke(219, 219, 219); line(i + 2, topYB + 19, i + 20, topYB + 2); } for (var i = 0; i < 600; i += 20) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(0 , i, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(0 + 1, i + 1, 2, 19, 0); rect(0 + 18, i + 1, 2, 19, 0); fill(108, 111, 115); rect(0 + 1, i + 1, 18, 2, 0); fill(81, 84, 89); rect(0 + 1, i + 18, 18, 2, 0); stroke(29, 30, 31); line(0 , i + 20, 0 + 20, i + 1); stroke(219, 219, 219); line(0 + 2, i + 19, 0 + 20, i + 2); pushMatrix(); translate(578, 0); strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(0 , i, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(0 + 1, i + 1, 2, 19, 0); rect(0 + 18, i + 1, 2, 19, 0); fill(108, 111, 115); rect(0 + 1, i + 1, 18, 2, 0); fill(81, 84, 89); rect(0 + 1, i + 18, 18, 2, 0); stroke(29, 30, 31); line(0 , i + 20, 0 + 20, i + 1); stroke(219, 219, 219); line(0 + 2, i + 19, 0 + 20, i + 2); popMatrix(); } } fill(100, 117, 138); stroke(27, 35, 48); rect(0, 0, 600, 40); noStroke(); fill(0, 0, 0, 40); rect(0, 20, 600, 20); textFont(fb, 20); // avenir font on mac/helvetica font on windows drawOutlined("INSTRUCTIONS", 300, 29, 255, 255, 255, 30, 30, 40, 3); // top instructions header if(vehicleSelect === 0 \|\| vehicleSelect === 1) { drawOutlined("Press the UP keys to make the "+vehicle[vehicleSelect]+" jump\n\nHold the DOWN key to drop down from a platform \n\nAvoid missiles and lasers\n\nCollect coins to improve your score\n\nCollect power ups to gain advantages\n\nPower ups:\ngravity: allows you to jump higher with less gravity\nbarrier: invincible against objects for short time \n\nTry to see how far you can get!", 300, 120, 255, 255, 255, 30, 30, 40, 3); // instructions for motorcycle and hovercar } if(vehicleSelect === 2) { drawOutlined("Press the UP keys to make the jetpack fly\n\nAvoid missiles and lasers\n\nCollect coins to improve your score\n\nCollect power ups to gain advantages\n\nPower ups:\ngravity: allows you to jump higher\nbarrier: invincible against objects for short time \n\nTry to see how far you can get!", 300, 120, 255, 255, 255, 30, 30, 40, 3); // instructions for jetpack } / Buttons / { var home = new Button({ x: 36, y: 516, label: "HOME", }); textFont(fb, 18); home.draw(); mouseClicked = function() { if (home.isMouseInside()) { scene = 1; } }; } } }; } /////////////////////////////////////////////////// // story { /* This area controls the story page / / Story page will change depending on players vehicle */ var story = function() { if(scene === 4) { this.cursor("DEFAULT"); / Background for story / { var startColor = color(18, 50, 102); // top colour of gradient var endColor = color(149, 159, 186); // bottom colour of gradient var lineWidth = 4; // frequency of gradient strokeWeight(lineWidth); for (var i = 0; i <= height; i += lineWidth) { stroke(lerpColor(startColor, endColor, i / height)); line(0, i, height, i); // height is 600 } // create gradient for (var i = 0; i < 600; i += 150) { for (var j = 0; j < 600; j += 150) { noFill(); strokeWeight(1); stroke(24, 27, 31, 150); rect(i , j, 150, 150, 6); noStroke(); fill(255, 255, 255, 45); rect(i + 2, j + 1, 147, 2); rect(i + 2, j + 149, 147, 3); rect(i + 2, j + 2, 2, 147); rect(i + 148, j + 2, 1, 147); stroke(24, 27, 31, 150); ellipse(i + 12, j + 11, 6, 6); ellipse(i + 139, j + 11, 6, 6); ellipse(i + 139, j + 139, 6, 6); ellipse(i + 12, j + 139, 6, 6); noStroke(); fill(56, 56, 56, 150); ellipse(i + 12, j + 11, 2, 2); ellipse(i + 139, j + 11, 2, 2); ellipse(i + 139, j + 139, 2, 2); ellipse(i + 12, j + 139, 2, 2); } } // tiles for (var i = 0; i < 600; i += 21) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i , topY, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, topY + 1, 2, 19, 0); rect(i + 18, topY + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, topY + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, topY + 18, 18, 2, 0); stroke(29, 30, 31); line(i , topY + 20, i + 20, topY + 1); stroke(219, 219, 219); line(i + 2, topY + 19, i + 20, topY + 2); } // small squares for (var i = 0; i < 600; i += 21) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(i , topYB, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(i + 1, topYB + 1, 2, 19, 0); rect(i + 18, topYB + 1, 2, 19, 0); fill(108, 111, 115); rect(i + 1, topYB + 1, 18, 2, 0); fill(81, 84, 89); rect(i + 1, topYB + 18, 18, 2, 0); stroke(29, 30, 31); line(i , topYB + 20, i + 20, topYB + 1); stroke(219, 219, 219); line(i + 2, topYB + 19, i + 20, topYB + 2); } // small squares for (var i = 0; i < 600; i += 20) { strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(0 , i, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(0 + 1, i + 1, 2, 19, 0); rect(0 + 18, i + 1, 2, 19, 0); fill(108, 111, 115); rect(0 + 1, i + 1, 18, 2, 0); fill(81, 84, 89); rect(0 + 1, i + 18, 18, 2, 0); stroke(29, 30, 31); line(0 , i + 20, 0 + 20, i + 1); stroke(219, 219, 219); line(0 + 2, i + 19, 0 + 20, i + 2); pushMatrix(); translate(578, 0); strokeWeight(1); stroke(37, 44, 54); fill(137, 144, 156); stroke(37, 44, 54); rect(0 , i, 20, 20, 0); fill(178, 182, 189); noStroke(); rect(0 + 1, i + 1, 2, 19, 0); rect(0 + 18, i + 1, 2, 19, 0); fill(108, 111, 115); rect(0 + 1, i + 1, 18, 2, 0); fill(81, 84, 89); rect(0 + 1, i + 18, 18, 2, 0); stroke(29, 30, 31); line(0 , i + 20, 0 + 20, i + 1); stroke(219, 219, 219); line(0 + 2, i + 19, 0 + 20, i + 2); popMatrix(); } // small squares } / Top header / fill(100, 117, 138); stroke(27, 35, 48); rect(0, 0, 600, 40); noStroke(); fill(0, 0, 0, 40); rect(0, 20, 600, 20); textFont(fb, 20); drawOutlined("STORY", 300, 29, 255, 255, 255, 30, 30, 40, 3); // story header drawOutlined(name+" broke into an FBI laboratory, and is testing\nout some of the FBI's experiments and\n equipment.\n\n"+name+" then steals a "+vehicle[vehicleSelect]+", and is on his way! \n\nMake sure to not get injured by avoiding \nthe obstacles.", 300, 200, 255, 255, 255, 30, 30, 40, 3); // story (change depending on vehicle) / Buttons / { var home = new Button({ x: 36, y: 516, label: "HOME", }); textFont(fb, 18); home.draw(); mouseClicked = function() { if (home.isMouseInside()) { scene = 1; } }; } } }; } /////////////////////////////////////////////////// // player { /* This area controls the players movements, appearence, controls and interactions */ var Player = function(x, y, w, h) { var running = false; // is the player running var radius = 18; // total radius of player var angle = -130; // angle of first foot var angleB = -40; // angle of second foot var angleSwitcher = 9; // speed of running var angleSwitcherB = 9; // speed of running var playerCase = 1; // direction of player var spin = 0; // wheel spin this.x = x; // x-pos of player this.y = y; // y-pos of player this.w = w; // width of player this.h = h; // height of player this.xvel = 0; // x speed of falling this.yvel = 0; // y speed of falling this.falling = true; // if falling is happening this.gravity = 2.5; // speed of falling this.jumpHeight = 30; // jump height this.maxFallSpeed = 19; // fastest fall speed this.moveSpeed = speed; // start move speed (stays in position) this.maxMoveSpeed = speed + 0.1; // fastest move speed this.update = function(platforms) { this.maxMoveSpeed = speed; // always moving while playing if(over === true) { // game over this.moveSpeed = 0; // stops movements this.x = 128; // spawns character to original x-pos } if (over === false) { if (1 === 1) { // always true this.xvel += this.moveSpeed; // increase x-pos running = true; // running movement of feet playerCase = 1; // direction } else { running = false; // not running } this.xvel -= this.moveSpeed; // equal this.xvel += this.moveSpeed; // equal ^^ if (this.xvel < 0.1 && this.xvel > 0) { this.xvel = 0; } if (this.xvel > -0.1 && this.xvel < 0) { this.xvel = 0; } / Jumping/Hovering/Jetpacking / if(vehicleSelect === 0 \|\| vehicleSelect === 1) { if (keys[32] && !this.falling \|\| keys[UP] && !this.falling) { // space or up key / Works if the player is on a platform / this.yvel = -this.jumpHeight; // jump } } /////////////////////////////////////////////////////////// this.yvel += this.gravity; if(gravityPowerUp === false) { this.jumpHeight = 30; this.gravity = 2.5; } if(gravityPowerUp === true) {this.jumpHeight = 17; this.gravity = 0.5; } if (this.yvel > this.maxFallSpeed) { this.yvel = this.maxFallSpeed; } // stops if speed of falling is faster than max fall speed if (this.xvel > this.maxMoveSpeed) { this.xvel = this.maxMoveSpeed; } // stops if speed of moving (x) is faster than max move speed if (this.xvel < -this.maxMoveSpeed) { this.xvel = -this.maxMoveSpeed; } // stops if speed of backwards movements is slower than -max move speed this.x += this.xvel; // movement of x-pos to speed of x change this.collideWith(this.xvel, 0, platforms); // what happens when collide with platform this.falling = true; // falling state (true = yes) this.y += this.yvel; // movement of y-pos this.collideWith(0, this.yvel, platforms); this.x -= speed; // scrolling of x-pos (left-right) } }; // controls/movements this.collideWith = function(xv, yv, platforms) { if (this.y > 456) { this.falling = false; this.yvel = 0; this.y = 456; } // hit bottom if (this.y < 40) { this.falling = false; this.yvel = 0; this.y = 40; } // hit top for (var i = 0; i < platforms.length; i++) { if(vehicleSelect === 0 \|\| vehicleSelect === 1) { / Platforms only display if vehicle is motorcycle or hovercar / var p = platforms[i]; // i is all platforms if (over === true) { p.x = random(400, 800); // platforms go back to random positions } if (this.y + this.h > p.y && this.y < p.y + p.h && this.x + this.w > p.x && this.x < p.x + p.w) { // interact with player // BOTTOM if (yv > 0) { if (!keys[DOWN]) { // down key is not being pressed this.yvel = 0; this.falling = false; // not falling this.y = p.y - this.h; // y position of player is top of platform } } // TOP if (yv < 0) {} } } } // platforms interaction for (var i = 0; i < rockets.length; i++) { if (barrier === false) { var s = rockets[i]; if (over === true) { s.x = random(700, 1500); s.y = random(50, 500); } if (s.x < -50) { s.x = random(700, 1300); s.y = this.y; } if (this.y + this.h > s.y && this.y < s.y + s.h && this.x + this.w > s.x && this.x < s.x + s.w) { s.x = s.x + 600; // BOTTOM if (yv > 0) { over = true; totalCoins = totalCoins + score; s.x = s.x + 600; } // TOP if (yv < 0) { over = true; totalCoins = totalCoins + score; s.x = s.x + 600; } // RIGHT if (xv > 0) { over = true; totalCoins = totalCoins + score; s.x = s.x + 600; } // LEFT if (xv < 0) { over = true; totalCoins = totalCoins + score; s.x = s.x + 600; } } } } // rockets interaction for (var i = 0; i < laser.length; i++) { if (barrier === false) { var l = laser[i]; if (over === true) { l.x = random(850, 1200); } if (this.y + this.h > l.y + 25 && this.y < l.y + l.h - 25 && this.x + this.w > l.x && this.x < l.x + l.w) { // BOTTOM if (yv > 0) { //scene = 10; //l.x += 600; this.falling = false; this.yvel = 0; this.y = l.y - 20; } // TOP if (yv < 0) { over = true; totalCoins = totalCoins + score; l.x += 600; } // RIGHT if (xv > 0) { over = true; totalCoins = totalCoins + score; l.x += 600; } // LEFT if (xv < 0) { over = true; totalCoins = totalCoins + score; l.x += 600; } } } } // laser interaction for (var i = 0; i < Coins.length; i++) { var b = Coins[i]; if (over === true) { b.x = random(400, 1000); } if (this.y + this.h > b.y && this.y < b.y + b.h && this.x + this.w > b.x && this.x < b.x + b.w) { // BOTTOM if (yv > 0) { score += 1; b.x = -50; } // TOP if (yv < 0) { score += 1; b.x = -50; } // RIGHT if (xv > 0) { score += 1; b.x = -50; } // LEFT if (xv < 0) { score += 1; b.x = -50; } } } // coins interaction for (var i = 0; i < PowerUps.length; i++) { var bb = PowerUps[i]; if (over === true) { bb.x = random(400, 1000); } if (this.y + this.h > bb.y && this.y < bb.y + bb.h && this.x + this.w > bb.x && this.x < bb.x + bb.w) { // BOTTOM if (yv > 0) { powerUpPicker = floor(random(0, 2)); bb.x = -50; } // TOP if (yv < 0) { powerUpPicker = floor(random(0, 2)); bb.x = -50; } // RIGHT if (xv > 0) { powerUpPicker = floor(random(0, 2)); bb.x = -50; } // LEFT if (xv < 0) { powerUpPicker = floor(random(0, 2)); bb.x = -50; } } } // barrier interaction }; // interactions this.draw = function() { if(vehicleSelect === 0) { // motorcycle if (running === true) { this.w = 44; this.h = 32; xx = this.x; yy = this.y; if(over === true) { this.x = 128; this.y = 455; } pushMatrix(); strokeWeight(0.4); translate(this.x + 5, this.y + 27); rotate(spin); stroke(20); for (var i = 0; i <= 10; i++) { rotate(36); line(0, -6, 0, 6); } popMatrix(); pushMatrix(); strokeWeight(0.4); translate(this.x + 40, this.y + 27); rotate(spin); stroke(20); for (var i = 0; i <= 10; i++) { rotate(36); line(0, -6, 0, 6); } popMatrix(); spin += speed 2; noFill(); strokeWeight(4); stroke(90, 98, 107); ellipse(this.x + 5, this.y + 27, 13, 13); strokeWeight(1); stroke(33, 33, 33); if(gravityPowerUp === true) { stroke(163, 0, 0); } ellipse(this.x + 5, this.y + 27, 15, 15); ellipse(this.x + 5, this.y + 27, 10, 10); strokeWeight(4); stroke(90, 98, 107); ellipse(this.x + 40, this.y + 27, 13, 13); strokeWeight(1); stroke(33, 33, 33); if(gravityPowerUp === true) { stroke(163, 0, 0); } ellipse(this.x + 40, this.y + 27, 15, 15); ellipse(this.x + 40, this.y + 27, 10, 10); fill(156, 156, 156); stroke(84, 84, 84); rect(this.x + 23, this.y + 15, 9, 9, 4); fill(196, 196, 196); stroke(79, 79, 79); rect(this.x + 5, this.y + 24, 12, 3); rect(this.x + 5, this.y + 27, 12, 3); quad(this.x + 46, this.y + 28, this.x + 43, this.y + 28, this.x + 28, +this.y + 12, this.x + 31, this.y + 12); fill(56, 65, 156); stroke(28, 43, 61); rect(this.x + 24, this.y + 17, 11, 4, 2); rect(this.x + 8, this.y + 20, 10, 4); rect(this.x + 15, this.y + 25, 10, 4); fill(250, 207, 155); stroke(166, 112, 76); ellipse(this.x + 20, this.y + 7, 10, 12); ellipse(this.x + 15, this.y + 7, 4, 5); ellipse(this.x + 25, this.y + 7, 3, 4); noStroke(); ellipse(this.x + 17, this.y + 7, 3, 4); fill(255, 255, 255); stroke(125, 124, 124); ellipse(this.x + 22, this.y + 7, 4, 4); noStroke(); fill(0); ellipse(this.x + 23, this.y + 7, 1, 4); fill(128, 92, 54); stroke(84, 64, 40); rect(this.x + 12, this.y, 4, 5, 1); ellipse(this.x + 17, this.y + 2, 3, 3); ellipse(this.x + 19, this.y + 1, 3, 3); ellipse(this.x + 21, this.y + 3, 3, 3); ellipse(this.x + 23, this.y + 2, 3, 3); ellipse(this.x + 13, this.y + 3, 3, 3); ellipse(this.x + 13, this.y + 6, 3, 3); fill(58, 64, 89); stroke(35, 39, 54); ellipse(this.x + 20, this.y + 18, 10, 9); rect(this.x + 20, this.y + 13, 10, 3); fill(250, 207, 155); stroke(166, 112, 76); rect(this.x + 30, this.y + 13, 3, 3); fill(70, 123, 214); stroke(44, 68, 107); quad(this.x + 18, this.y + 22, this.x + 22, this.y + 22, this.x + 30, this.y + 29, this.x + 24, this.y + 29); fill(54, 54, 54); stroke(74, 74, 74); rect(this.x + 25, this.y + 27, 3, 3); if (barrier === true) { fill(255, 255, 255, 50); stroke(255, 255, 255, 140); ellipse(this.x + 20, this.y + 18, 75, 75); } } } // motorcycle if(vehicleSelect === 1) { this.w = 44; this.h = 30; if(over === true) { this.x = 128; this.y = 455; } fill(163, 15, 15); stroke(120, 16, 16); rect(this.x + 1, this.y + 16, 42, 12); stroke(122, 122, 122); fill(181, 181, 181); rect(this.x + 4, this.y + 26, 14, 2); fill(130, 130, 130); rect(this.x + 6, this.y + 24, 14, 2); stroke(74, 74, 74); fill(99, 99, 99); rect(this.x + 6, this.y + 28, 14, 2); rect(this.x + 2, this.y + 21, 14, 2); rect(this.x + 3, this.y + 16, 14, 2); stroke(122, 122, 122); fill(181, 181, 181); rect(this.x + 28, this.y + 16, 16, 4); stroke(38, 38, 38); fill(107, 107, 107); rect(this.x + 28, this.y + 20, 16, 2); rect(this.x + 42, this.y + 20, 2, 8); rect(this.x + 44, this.y + 17, 2, 4); rect(this.x + 44, this.y + 24, 2, 4); fill(0, 162, 255, 120); noStroke(); rect(this.x + 17, this.y + 30, 14, 3); fill(83, 186, 242, 70); rect(this.x + 15, this.y + 30, 18, 2); fill(83, 186, 242, 50); rect(this.x + 11, this.y + 28, 24, 4); fill(53, 122, 179); stroke(42, 94, 145); rect(this.x + 23, this.y + 15, 9, 9, 4); quad(this.x + 36, this.y + 28, this.x + 28, this.y + 28, this.x + 18, +this.y + 12, this.x + 31, this.y + 12); fill(56, 65, 156); stroke(28, 43, 61); rect(this.x + 24, this.y + 17, 11, 4, 2); rect(this.x + 8, this.y + 20, 10, 4); rect(this.x + 15, this.y + 25, 10, 4); fill(250, 207, 155); stroke(166, 112, 76); ellipse(this.x + 20, this.y + 7, 10, 12); ellipse(this.x + 15, this.y + 7, 4, 5); ellipse(this.x + 25, this.y + 7, 3, 4); noStroke(); ellipse(this.x + 17, this.y + 7, 3, 4); fill(255, 255, 255); stroke(125, 124, 124); ellipse(this.x + 22, this.y + 7, 4, 4); noStroke(); fill(0); ellipse(this.x + 23, this.y + 7, 1, 4); fill(128, 92, 54); stroke(84, 64, 40); rect(this.x + 12, this.y, 4, 5, 1); ellipse(this.x + 17, this.y + 2, 3, 3); ellipse(this.x + 19, this.y + 1, 3, 3); ellipse(this.x + 21, this.y + 3, 3, 3); ellipse(this.x + 23, this.y + 2, 3, 3); ellipse(this.x + 13, this.y + 3, 3, 3); ellipse(this.x + 13, this.y + 6, 3, 3); fill(58, 64, 89); stroke(35, 39, 54); ellipse(this.x + 20, this.y + 18, 10, 9); rect(this.x + 20, this.y + 13, 10, 3); fill(250, 207, 155); stroke(166, 112, 76); rect(this.x + 30, this.y + 13, 3, 3); fill(70, 123, 214); stroke(44, 68, 107); quad(this.x + 18, this.y + 22, this.x + 22, this.y + 22, this.x + 30, this.y + 29, this.x + 24, this.y + 29); fill(54, 54, 54); stroke(74, 74, 74); rect(this.x + 25, this.y + 27, 3, 3); if (barrier === true) { fill(255, 255, 255, 50); stroke(255, 255, 255, 140); ellipse(this.x + 20, this.y + 18, 75, 75); } } // hover car if(vehicleSelect === 2) { this.w = 28; this.h = 30; if (keys[32] \|\| keys[UP]) { this.yvel = -this.jumpHeight/3; fuelHeight = 200; } else { fuelHeight = 50; } this.gravity = 1.5; // speed of falling this.jumpHeight = 1; // jump height this.maxFallSpeed = 8; // fastest fall speed this.moveSpeed = speed; // start move speed this.maxMoveSpeed = speed + 0.1; // fastest move speed xxx = this.x; yyy = this.y; if(over === true) { this.x = 128; this.y = 300; } fill(148, 148, 148); stroke(77, 77, 77); rect(this.x + 5, this.y + 1, 6, 27); fill(117, 117, 117); stroke(54, 54, 54); rect(this.x + 11, this.y + 9, 4, 12); fill(163, 138, 75); stroke(102, 89, 55); rect(this.x + 4, this.y + 1, 7, 11); fill(36, 36, 36); stroke(10, 10, 10); rect(this.x + 4, this.y + 10, 7, 2); fill(252, 218, 50); rect(this.x + 4, this.y + 10, 2, 2); rect(this.x + 6, this.y + 10, 2, 2); rect(this.x + 8, this.y + 10, 2, 2); rect(this.x + 10, this.y + 10, 2, 2); fill(255, 170, 0); stroke(150, 103, 33); rect(this.x + 4, this.y + 20, 8, 8); fill(255, 234, 0); stroke(150, 103, 33); rect(this.x + 4, this.y + 20, 8, 2); rect(this.x + 4, this.y + 24, 8, 2); rect(this.x + 4, this.y + 27, 8, 2); fill(250, 207, 155); stroke(166, 112, 76); ellipse(this.x + 20, this.y + 7, 10, 12); ellipse(this.x + 15, this.y + 7, 4, 5); ellipse(this.x + 25, this.y + 7, 3, 4); noStroke(); ellipse(this.x + 17, this.y + 7, 3, 4); fill(255, 255, 255); stroke(125, 124, 124); ellipse(this.x + 22, this.y + 7, 4, 4); noStroke(); fill(0); ellipse(this.x + 23, this.y + 7, 1, 4); fill(128, 92, 54); stroke(84, 64, 40); rect(this.x + 12, this.y, 4, 5, 1); ellipse(this.x + 17, this.y + 2, 3, 3); ellipse(this.x + 19, this.y + 1, 3, 3); ellipse(this.x + 21, this.y + 3, 3, 3); ellipse(this.x + 23, this.y + 2, 3, 3); ellipse(this.x + 13, this.y + 3, 3, 3); ellipse(this.x + 13, this.y + 6, 3, 3); fill(58, 64, 89); stroke(35, 39, 54); ellipse(this.x + 20, this.y + 18, 10, 9); rect(this.x + 20, this.y + 13, 7, 3); fill(250, 207, 155); stroke(166, 112, 76); rect(this.x + 26, this.y + 13, 3, 3); fill(255, 170, 0); stroke(150, 103, 33); rect(this.x + 12, this.y + 20, 11, 4); fill(158, 158, 158); stroke(87, 87, 87); rect(this.x + 12, this.y + 20, 11, 2); rect(this.x + 16, this.y + 25, 4, 2); if (barrier === true) { fill(255, 255, 255, 50); stroke(255, 255, 255, 140); ellipse(this.x + 20, this.y + 18, 75, 75); } } // jetpack }; // appearence }; if (faster === false) { var particleSystem = new ParticleSystem(new PVector(0, 25)); // new particle system attatched to player var wind = new PVector(-0.4, 0); // push of particles from right to left var ps = new FuelSystem(new PVector(9, 30)); // new fuel system attatched to jetpack from up to down } // if faster variable is 'true' - particles will show var player = new Player(128, 200, 50, 34); // new player (spawing position different) } /////////////////////////////////////////////////// // call levels and menus { / This area calls all the levels and menus / var levelA = function() { if(faster === true) { frameRate(100); } // if variable faster is 'true' if (scene === 2) { drawBackground(); // draw background if (edit === false) { if (over === false) { this.cursor("not-allowed"); // cursor is 'not touch' } player.update(platforms); // updates interactions with platforms (player) player.draw(); if(vehicleSelect === 0 \|\| vehicleSelect === 1) { /* Only will show if vehicle is motorcycle or hovercar */ platforms.draw(); // draws platforms } Coins.draw(); // draws coins laser.draw(); // draws laser wall rockets.draw(); // draws rockets PowerUps.draw(); // draws power ups noGravity(); // draws power up (gravity) gameUI(); // draws game interface gameOver(); // game over function barrierStart(); if (faster === false) { if(vehicleSelect === 0 \|\| vehicleSelect === 1) { particleSystem.applyForce(wind); particleSystem.addParticle(); particleSystem.run(); } // only show if vehicle is motorcycle or hovercar if(vehicleSelect === 2) { ps.run(); // jet fuel for jetpack ps.addFuel(); // jet fuel for jetpack } // only show if vehicle is jetpack } } } }; // first level } /////////////////////////////////////////////////// // draw function draw = function() { mainMenu(); // SCENE = 1 levelA(); // SCENE = 2 instructions(); // SCENE = 3 story(); // SCENE = 4 if(scene === 2){ gameOver(); // SCENE = OVER } };
Folds	8,516,519,1218,1221,1449,1452,1603,1606,1753,1756,2302,2305,2345,2348,2356
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBjFutzrFQw
Votes	222
Spin-Offs	17
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Matt Lindzon
Author Name	mattlindzon
Author ID	kaid_171447478944812876733708
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739289788208
Updated	10 months ago, 1739289788208
Source Deleted	unknown