Viewing Program

Program Data

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

Title	v3.5 \| Father-Son Collab
ID	5074165345763328
Created	4 years ago, 1615190449989
Updated	3 years ago, 1645186603011
Code	/** * a humongrous wip * * THIS IS NOT CLOGGING THE HOT LIST I SPENT 4 HOURS ON IT. THAT IS DECENT TIME AND WORHTY OF THE HL * * * This version("...") was worked on as a collaboration with the best collaborator in the universe, my dad! xD (but yeah its true) - he's an excellent IT person, used to work at a bleep and was hired to do bleep for a bleep time job. * * Don't be upset that this has over 15 votes, this took me 4 hours to add what it has been added on now, so although you might not notice a difference, don't scoff and complain about the votes, kay? ;)' * ' */ // Last year, everyone knew how my code worked // Last week, only God and I knew how my code worked. // Now, only God knows how my code works! var curCar = 0; var dark = 216; var showPopups = false; // CHANGE THIS, REMEMBER?! var playerMode = "simple"; // simple is WASD for across canvas, advanced for W for going where facing, and A S D for strafing, can get confusing ;) var keys = []; var gamePaused = false; var txtBox = function(txt, x, y, width) { pushMatrix(); translate(x, y); scale(1); stroke(dark); strokeWeight(2); rectMode(CORNER); fill(dark); rect(0, 2, width, 20, 7); noStroke(); triangle(0, 10,6, 23, -11, 30); stroke(dark); fill(255); rect(0, -6, width, 26, 7); noStroke(); triangle(3, 10,7, 19, -8, 27); fill(0); textAlign(LEFT, BOTTOM); textFont(createFont("Arial Bold"), 20); text(txt, 8, 19); popMatrix(); }; var flame = function(x, y, s) { pushMatrix(); translate(x, y); scale(s); noStroke(); fill(255, 0, 0); ellipse(0, 0, 88, 50); ellipse(-12, -39, 42, 79); ellipse(-32, -15, 33, 55); ellipse(32, -15, 33, 55); ellipse(10, -54, 42, 104); fill(255, 136, 0); ellipse(0, -5, 76, 50); ellipse(-9, -31, 42, 79); ellipse(-24, -15, 33, 55); ellipse(22, -15, 33, 55); ellipse(8, -31, 35, 104); fill(255, 255, 0); ellipse(0, -16, 60, 50); ellipse(-7, -24, 35, 64); ellipse(-18, -15, 33, 43); ellipse(17, -15, 33, 39); ellipse(8, -41, 20, 61); popMatrix(); }; var bullets = []; var Bullet = function(x, y, angle) { this.x = x; this.y = y; this.angle = angle; this.spd = 5; }; Bullet.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); rectMode(CENTER); fill(0); rect(0, 0, 3, 8, 10); popMatrix(); }; Bullet.prototype.update = function() { this.x += cos(this.angle - 90) this.spd; this.y += sin(this.angle - 90) * this.spd; }; var Player = function(x, y) { this.x = x; this.y = y; this.isOutCar = true; this.loaded = false; this.maxLoad = 10; this.load = this.maxLoad; this.reloading = false; this.loadProgress = 0; this.moveSpd = 0; this.health = 100; }; var drawPlayer = function(x, y, angle, s) { pushMatrix(); translate(x, y); scale(s !== undefined ? s : 1); rotate(angle); rectMode(CENTER); fill(0); rect(0, -17, 3, 20); fill(252, 230, 151); ellipse(0, 0, 20, 20); fill(255, 224, 138); ellipse(-4, -12, 5, 5); ellipse(2, -21, 5, 5); fill(0, 0, 0); ellipse(-3, -5, 3, 7); ellipse(3, -5, 3, 7); fill(102, 76, 5); ellipse(0, 5, 20, 15); fill(128, 96, 17); ellipse(0, 6, 19, 13); popMatrix(); }; Player.prototype.draw = function() { if(this.isOutCar) { drawPlayer(this.x, this.y, this.angle, 1); } }; Player.prototype.update = function() { this.angle = 90 + atan2(mouseY - 300, mouseX - 300); this.x += sin(this.angle) * this.moveSpd; this.y += cos(this.angle) * -this.moveSpd; if(this.isOutCar) { if(playerMode === "advanced") { if(keys[87]) { this.moveSpd = 2; } else { this.moveSpd = 0; } if(keys[65]) { this.x += sin(this.angle - 90) * 2; this.y += cos(this.angle - 90) * -2; } if(keys[68]) { this.x += sin(this.angle + 90) * 2; this.y += cos(this.angle + 90) * -2; } if(keys[83]) { this.x += sin(this.angle) * -2; this.y += cos(this.angle) * 2; } } else { if(keys[87]) { this.y -= 2; } if(keys[65]) { this.x -= 2; } if(keys[68]) { this.x += 2; } if(keys[83]) { this.y += 2; } } } if(!this.isOutCar) { if(keys[87]) { } } else { if(frameCount % 10 === 0 && mouseIsPressed && this.load > 0) { bullets.push(new Bullet(this.x, this.y, this.angle)); this.load--; } } }; var you = new Player(100, 200); // Car constructor var Car = function(x, y, angle) { this.x = x; this.y = y; this.angle = angle; this.health = 100; this.fuel = 100; this.turnSpd = 0; this.moveSpd = 0; this.dead = false; }; Car.prototype.burnUp = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); rectMode(CENTER);//just to get the turning point right // black wheels fill(0); rect(-16, -13, 10, 14, 10); rect(18, -6, 10, 14, 10); rect(-12, 14, 10, 14, 10); rect(15, 14, 10, 14, 10); var col = color(107, 70, 19); // colorful car body fill(this.fuel > 0 ? this.carCol : col); rect(0, 0, 30, 50, 10); // windscreen fill(0); rect(0, -13, 20, 10, 10); // lorry shading fill(0, 50); rect(0, 9, 20, 23, 7); rotate(-this.angle); //if(this.fuel > 0) { flame(0, 0, random(0.1, 0.2)); flame(-11, 9, random(0.1, 0.2)); flame(11, 9, random(0.1, 0.2)); this.fuel -= 0.5; //} popMatrix(); }; // start with a PlayerCar object constructor: var PlayerCar = function(x, y, angle, col, health, fuel, turnSpd, moveSpd, dead) { Car.call(this, x, y, angle, health, fuel, turnSpd, moveSpd, dead); this.playerNear = false; this.playerOnCar = false; this.carCol = col; this.hasBeenUsed = false; this.blinkTimer = 0; this.spdCloseToNull = false; this.recentlyHit = false; this.hitTimer = 0; this.holdingPlayer = false; this.carDamage = 5; }; PlayerCar.prototype = Object.create(Car.prototype); var CopCar = function(x, y, angle, health, fuel, turnSpd, moveSpd, dead) { Car.call(this, x, y, angle, health, fuel, turnSpd, moveSpd, dead); this.deadTimer = 0; this.moveSpd = 3; this.copDamage = 10; }; CopCar.prototype = Object.create(Car.prototype); // make a test dummy var cars = []; var drawCar = function(x, y, angle, col, s) { pushMatrix(); translate(x, y); rotate(angle); scale(s !== undefined? s : 1); rectMode(CENTER);//just to get the turning point right // black wheels fill(0); rect(-12, -10, 10, 14, 10); rect(12, -10, 10, 14, 10); rect(-12, 10, 10, 14, 10); rect(12, 10, 10, 14, 10); // colorful car body fill(col); rect(0, 0, 30, 50, 10); // windscreen fill(0); rect(0, -13, 20, 10, 10); // lorry shading fill(0, 50); rect(0, 9, 20, 23, 7); popMatrix(); }; // add a draw prototype to the object PlayerCar.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); if(!this.dead) { drawCar(0, 0, 0, color(this.carCol)); // undo the whole rotation to be straight rotate(-this.angle); // if the player is near the car if(you.isOutCar && dist(you.x, you.y, this.x, this.y) < 100) { this.playerNear = true; if(dist(you.x, you.y, this.x, this.y) < 50) { this.playerOnCar = true; } else { this.playerOnCar = false; }} else { this.playerNear = false; } if(this.playerNear && you.isOutCar) { // empty } if(you.isOutCar && this.playerOnCar) { fill(0, 255, 0, 50); noStroke(); ellipse(0, 0, 100, 100); txtBox("Z", 0, -60, 30); } if(this.recentlyHit) { noStroke(); fill(255); rectMode(CORNER); rect(-25, -24, 50, 5); rect(-25, -32, 50, 5); fill(255, 0, 0); rect(-25, -32, this.health / 2, 6); fill(255, 255, 0); rect(-25, -25, this.fuel / 2, 6); fill(0, 20); rect(-25, -25, 50, 2.5); rect(-25, -32, 50, 2.5); } this.health = constrain(this.health, 0, 100); } popMatrix(); if(!you.isOutCar && !this.dead) { // empty } if(this.moveSpd > 0) { this.fuel -= this.moveSpd / 500; } else { this.fuel += this.moveSpd / 500; } }; CopCar.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); rectMode(CENTER);//just to get the turning point right fill(0); rect(-12, -10, 10, 14, 10); rect(12, -10, 10, 14, 10); rect(-12, 10, 10, 14, 10); rect(12, 10, 10, 14, 10); fill(224, 224, 224); rect(0, 0, 30, 50, 10); fill(0); rect(0, -13, 20, 10, 10); fill(0, 50); rect(0, 9, 20, 23, 7); if(frameCount % 30 < 15) { for(var i = 10; i > 0; i -= 2) { fill(255, 0, 0, 50); ellipse(-7, 0, i, i); fill(0, 0, 255, 50); ellipse(7, 0, i, i); } } else { for(var i = 10; i > 0; i -= 2) { fill(0, 0, 255, 50); ellipse(-7, 0, i, i); fill(255, 0, 0, 50); ellipse(7, 0, i, i); } } popMatrix(); }; // make it moooooooove PlayerCar.prototype.update = function() { if(this.hasBeenUsed) { this.blinkTimer++; } if(this.blinkTimer > 500) { this.hasBeenUsed = false; this.blinkTimer = 0; } // if the car hasn't crashed yet if(!this.dead) { // makes the car move in the direction that it is pointing =) this.x += sin(this.angle) * this.moveSpd; this.y += cos(this.angle) * -this.moveSpd; // if the player is inside the car if(!you.isOutCar) { // if the user presses W, accelerate if(keys[87] && this.moveSpd < 5 && this.fuel > 0) { this.moveSpd += 0.1; } // if the user presses S, slow down if(keys[83] && this.moveSpd > -2 && this.fuel > 0) { this.moveSpd -= 0.1; } // if the user presses A, turn left if(keys[65]) { this.angle -= this.turnSpd; } // if the user presses D, turn right if(keys[68]) { this.angle += this.turnSpd; } // try the WASD keys!!! // if the user presses SPACEBAR, handbrake :) if(keys[32]) { this.moveSpd = lerp(this.moveSpd, 0, 0.12); } } // so that the car can't turn when it is still this.turnSpd = this.moveSpd * 0.8; /if(this.angle > 360 + this.turnSpd) { this.angle = 0 + this.turnSpd; } if(this.angle < 0 + this.turnSpd) { this.angle = 360 + this.turnSpd; }/ // if I'm not accelerating nor braking, slow down if((!keys[87] && !keys[83]) \|\| this.fuel < 0) { this.moveSpd = lerp(this.moveSpd, 0, 0.05); } } // if the player is near the car if(this.playerOnCar) { // empty now, may need to be used later =) } if(!you.isOutCar) { you.x = this.x; you.y = this.y; } // border boundaries to not drive into the void if(this.x < -800) { this.x = -800; } if(this.y < -800) { this.y = -800; } if(this.x > 1200) { this.x = 1200; } if(this.y > 1200) { this.y = 1200; } if(this.health <= 0) { this.dead = true; } }; CopCar.prototype.update = function() { if(you.isOutCar) { this.angle = 90 + atan2(you.y - this.y, you.x - this.x); } else { / HELP REQUEST #1's CODE BELOW / for(var i = cars.length - 1; i > -1; i--) { var c = cars[curCar]; //this.angle = 90 + atan2(c.y - this.y, c.x - this.x); // 1: Get the angle of the cop-player var destAng = 90 + atan2(c.y - this.y, c.x - this.x); // 2: Get the angle of the cop var currAng = this.angle; // 3: Make the cop move towards destAng. thanks electric dolfin and larry serflaten) if((720+destAng-currAng)%360 >= 0 && (720+destAng-currAng)%360 < 180) { this.angle += 0.1; } else { this.angle -= 0.1; } } /* HELP REQUEST #1's CODE ABOVE */ } // always use cos for x and sin for y, over the angle of the car, and then make it move at the moveSpd variable. Simple! this.x += sin(this.angle) this.moveSpd; this.y += cos(this.angle) * -this.moveSpd; }; PlayerCar.prototype.detectBullets = function() { for(var i = bullets.length - 1; i > -1; i--) { var b = bullets[i]; if(dist(b.x, b.y, this.x, this.y) < 20) { this.recentlyHit = true; bullets.splice(i, 1); if(this.health > 0) { this.health -= 5; } } } }; PlayerCar.prototype.blinkLights = function() { pushMatrix(); translate(this.x, this.y); rotate(this.angle); // if the player is in the car if(!you.isOutCar) { // just to keep record this.hasBeenUsed = true; // brake lights if(keys[32] \|\| (keys[83] && this.moveSpd > 0)) { for(var i = 16; i > 0; i-= 4) { fill(255, 0, 0, 50); ellipse(-11, 24, i, i); ellipse(11, 24, i, i); } } // reverse lights if(keys[83] && this.moveSpd <= 0) { for(var i = 16; i > 0; i-= 4) { fill(255, 50); ellipse(-7, 24, i, i); ellipse(7, 24, i, i); if(frameCount % 40 < 20) { fill(255, 255, 0, 50); ellipse(-12, 24, i, i); ellipse(12, 24, i, i); } } } // left blinker lights if(keys[65]) { if(frameCount % 40 < 20) { for(var i = 16; i > 0; i-= 4) { fill(255, 255, 0, 50); ellipse(-12, 24, i, i); ellipse(-12, -24, i, i); } } } // right blinker lights if(keys[68]) { if(frameCount % 40 < 20) { for(var i = 16; i > 0; i-= 4) { fill(255, 255, 0, 50); ellipse(12, 24, i, i); ellipse(12, -24, i, i); } } } // detects if the car is almost still. if(this.moveSpd < 1 && this.moveSpd > -1) { this.spdCloseToNull = true; } else { this.spdCloseToNull = false; } // if the car is almost still, display a tip if(this.spdCloseToNull) { rotate(-this.angle); txtBox("X", 0, -60, 30); } } // if the player is outside the car else { // if the car was just used, blink the hazard lights. if(this.hasBeenUsed) { for(var i = 16; i > 0; i-= 4) { if(frameCount % 40 < 20) { fill(255, 255, 0, 50); ellipse(-12, 24, i, i); ellipse(12, 24, i, i); ellipse(-12, -24, i, i); ellipse(12, -24, i, i); } } } } popMatrix(); }; PlayerCar.prototype.hitFunc = function() { if(this.recentlyHit) { this.hitTimer++; } if(this.hitTimer > 100) { this.recentlyHit = false; this.hitTimer = 0; } }; var cars = []; var rs = [ 90, -90 ]; var cols = [ color(255, 0, 0), color(255, 255, 0), color(255, 0, 255), color(0, 255, 0), color(0, 255, 255), color(0, 0, 255) ]; for(var i = 18; i < height - 250; i+= 45) { if(i < 146 \|\| i > 228) { cars.push( new PlayerCar( 53, i + 23, 90, color(cols[round(random(0, cols.length - 1))]) ), new PlayerCar( 400 - 53, i + 23, 180 + 90, color(cols[round(random(0, cols.length - 1))]) ) ); } //parkYs.push(i + 21); } var cops = []; // { var corner = function(x, y, s, r) { pushMatrix(); translate(x, y); scale(s); rotate(r); noStroke(); fill(83, 168, 43); rectMode(CENTER); rect(0, 0, 400, 400); fill(163, 163, 163); arc(-100, -100, 600, 600, 0, 90); rect(-150, 103, 100, 193); rect(96, -135, 207, 131); fill(184, 184, 184); arc(-100, -100, 560, 560, 0, 90); rect(-150, 83, 100, 193); rect(83, -149, 193, 102); fill(255); rectMode(CENTER); rect(93, -150, 8, 100); rect(-150, 93, 100, 8); arc(-100, -100, 394, 394, 0, 90); fill(184, 184, 184); arc(-100, -100, 378, 378, 0, 90); rectMode(CORNER); fill(163); rect(-200, -200, 100, 200); rect(-200, -200, 200, 100); arc(-100, -100, 200, 200, 0, 90); fill(83, 168, 43); rect(-200, -200, 180, 100); rect(-200, -200, 100, 180); arc(-100, -100, 160, 160, 0, 90); fill(204, 203, 166); rect(-200, -200, 140, 140, 0, 0, 100, 0); fill(191, 190, 155); rect(-200, -200, 126, 126, 0, 0, 100, 0); fill(204, 203, 166); arc(-200, -200, 80, 80, 0, 90); noStroke(); for(var i = 0; i < 200; i++) { fill(0, 3); ellipse(random(-200, 200), random(-200, 200), random(50, 100), random(50, 100)); } popMatrix(); }; corner(200, 200, 1.0, 0); var cornerImg = get(0, 0, 400, 400); background(255); // clears the previous screenshot, good practice var parklot = function(x, y, s, r) { pushMatrix(); translate(x, y); scale(s); rotate(r); rectMode(CENTER); fill(166, 166, 166); rect(200, 200, 400, 400); fill(184, 184, 184); rect(200, 200, 360, 360); noStroke(); fill(184, 184, 184); rect(200, 200, 400, 102); for(var i = 0; i < 200; i++) { fill(0, 5); ellipse(random(400), random(400), random(50, 100), random(50, 100)); } for(var i = 18; i < height; i+= 45) { fill(random(200, 255)); if(i < 165 \|\| i > 228) { rect(53, i, 68, 5); rect(346, i, 68, 5); rect(200, i, 111, 5); } //parkYs.push(i + 21); } rect(200, 200, 5, 362); popMatrix(); }; parklot(0, 0, 1, 0); var img = get(0, 0, 400, 400); background(255); var midd = function(x, y, s, r) { pushMatrix(); translate(x, y); scale(s); rotate(r); noStroke(); fill(184, 184, 184); rectMode(CENTER); rect(0, 0, 400, 400); fill(163, 163, 163); rect(0, 185, 400, 30); fill(184, 184, 184); rect(0, 83, 400, 193); fill(255); rectMode(CENTER); rect(0, 93, 400, 8); rectMode(CORNER); fill(163); rect(-250, -200, 100, 200); rect(-250, -200, 200, 100); arc(-150, -100, 200, 200, 0, 90); rect(150, -200, 100, 200); rect(50, -200, 200, 100); arc(150, -100, 200, 200, 90, 180); fill(83, 168, 43); rect(-250, -200, 180, 100); rect(-250, -200, 100, 180); arc(-150, -100, 160, 160, 0, 90); rect(70, -200, 180, 100); rect(150, -200, 100, 180); arc(150, -100, 160, 160, 90, 180); fill(204, 203, 166); rect(-250, -200, 140, 140, 0, 0, 100, 0); fill(191, 190, 155); rect(-250, -200, 126, 126, 0, 0, 100, 0); fill(204, 203, 166); arc(-200, -200, 80, 80, 0, 90); rect(85, -200, 140, 140, 0, 0, 0, 100); fill(191, 190, 155); rect(100, -200, 126, 126, 0, 0, 0, 100); fill(204, 203, 166); arc(200, -200, 80, 80, 90, 180); noStroke(); for(var i = 0; i < 200; i++) { fill(0, 3); ellipse(random(-200, 200), random(-200, 200), random(50, 100), random(50, 100)); } popMatrix(); }; midd(200, 200, 1.0, 0); var interSect = get(0, 0, 400, 400); background(255); var road = function(x, y, s, r) { pushMatrix(); translate(x, y); scale(s); rotate(r); noStroke(); rectMode(CENTER); fill(163, 163, 163); rect(0, 185, 400, 30); rect(0, -6, 400, 30); fill(184, 184, 184); rect(0, 89, 400, 180); fill(255); rectMode(CENTER); rect(0, 93, 400, 8); rectMode(CORNER); rectMode(CENTER); fill(83, 168, 43); rect(0, -111, 400, 179); rectMode(CORNER); fill(204, 203, 166); rect(-200, -200, 400, 140); fill(191, 190, 155); rect(-200, -200, 400, 126); fill(204, 203, 166); rect(-200, -200, 400, 40); noStroke(); for(var i = 0; i < 200; i++) { fill(0, 3); ellipse(random(-200, 200), random(-200, 200), random(50, 100), random(50, 100)); } popMatrix(); }; road(200, 200, 1.0, 0); var straight = get(0, 0, 400, 400); background(255); var grass = function(x, y, s, r) { pushMatrix(); translate(x, y); scale(s); rotate(r); noStroke(); rectMode(CENTER); fill(40, 168, 51); rect(0, 0, 400, 400); noStroke(); for(var i = 0; i < 200; i++) { fill(0, 3); ellipse(random(-200, 200), random(-200, 200), random(50, 100), random(50, 100)); } popMatrix(); }; grass(200, 200, 1.0, 0); var land = get(0, 0, 400, 400); background(255); // } -> background images var mapSize = 400; var copSpawnDist = 200; var drawImg = function(img, x, y, s, r, imgMode) { imageMode(imgMode); pushMatrix(); translate(x, y); scale(s); rotate(r); image(img, 0, 0); popMatrix(); }; var zoom = 1.5; var getInCar = function() { if(!gamePaused && !cars[curCar].dead) { you.isOutCar = false; you.x = cars[curCar].x; you.y = cars[curCar].y; } }; var getOutCar = function() { if(!gamePaused) { you.isOutCar = true; you.x = cars[curCar].x + 50; you.y = cars[curCar].y; } }; keyPressed = function() { keys[keyCode] = true; for(var i = cars.length - 1; i > -1; i--) { var c = cars[i]; if(keys[90]) { if(you.isOutCar && dist(you.x, you.y, c.x, c.y) < 50) { curCar = i; getInCar(); } } } if(keys[88]) { if(!you.isOutCar) { getOutCar(); } } }; keyReleased = function() { keys[keyCode] = false; }; // { // all the simple variables var notifs = 0; var notifY = 0; var curNotif = 0; var waitTimer = 0; var showNotifs = false; var clicked = false; mouseClicked = function() { clicked = true; }; // draws my face, taken from "wut i luk liek", also made by me var me = function(x, y, s, h) { pushMatrix(); translate(x, y); scale(s); stroke(dark); fill(dark); ellipse(0, h, 100, 100); fill(255, 255, 255); ellipse(0, 0, 100, 100); noStroke(); fill(245, 233, 164); ellipse(0, 10, 50, 50); ellipse(0, -10, 50, 50); rectMode(CENTER); rect(0, 0, 50, 20); fill(0); rect(-29, 0, 12, 25, 10); rect(29, 0, 12, 25, 10); pushMatrix(); translate(0, -4); fill(110, 70, 10); bezier(-27, -20, -14, -26, 37, 8, 26, -20); popMatrix(); noFill(); stroke(0); strokeWeight(5); arc(0, -10, 55, 55, 180, 360); strokeWeight(3); arc(0, 15, 24, 20, 75, 165); arc(13, 10, 30, 21, 0, 83); rect(13, 20, 6, 3, 10); var a = 5; line(-a, -10, -a, 5); line(a, -10, a, 5); noStroke(); pushMatrix(); translate(0, -4); fill(110, 70, 10); bezier(-27, -20, -27, -59, 21, -24, 21, -20); popMatrix(); fill(0, 20); arc(0, -10, 50, 50, 180 + 90, 360); rect(12, 0, 25, 20); arc(0, 10, 50, 50, 0, 90); popMatrix(); }; var A = 3; // draws my face and adds a red dot-eh-roo var icon = function(x, y) { pushMatrix(); translate(x, y); me(0, -A, 1, A); if(notifs > 0) { translate(0, -A); noStroke(); fill(207, 0, 0); ellipse(38, -31, 35, 35); fill(255, 0, 0); ellipse(38, -31, 30, 30); fill(255); textFont(createFont("Arial Bold"), 28); textAlign(CENTER, CENTER); text(notifs, 38, -31); } if(dist(mouseX, mouseY, x, y) < 52) { if(mouseIsPressed) { A = lerp(A, 0, 0.1); } else { A = lerp(A, 5, 0.1); } if(clicked) { notifs = 0; showNotifs = true; } } else { A = lerp(A, 3, 0.1); } popMatrix(); }; // play button var B = 3; var play = function(x, y, s, h) { pushMatrix(); translate(x, y - B); scale(1); stroke(dark); fill(dark); ellipse(0, B, 100, 100); fill(255, 255, 255); ellipse(0, 0, 100, 100); fill(0, 20); arc(0, 0, 100, 100, 180 + 90, 360 + 90); fill(0); triangle(-15, -25, -15, 25, 25, 0); popMatrix(); if(dist(mouseX, mouseY, x, y) < 52) { if(mouseIsPressed) { B = lerp(B, 0, 0.1); } else { B = lerp(B, 5, 0.1); } if(clicked) { showNotifs = false; } } else { B = lerp(B, 3, 0.1); } }; // the code for the notifs var Popup = function(txt, w, time) { this.y = -120; this.x = 100; this.w = w; this.txt = txt; this.time = time; this.destY = notifY + 16; this.timer = 0; }; Popup.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); translate(7, 0); rectMode(CORNER); strokeWeight(3); stroke(dark); fill(dark); rect(33, 16, this.w, 75, 20, 20, 20, 0); triangle(35, 65, 38, 84, 18, 84); rect(17, 86, 20, 5); fill(255); rect(33, 10, this.w, 75, 20, 20, 20, 0); noStroke(); triangle(38, 65, 38, 84, 20, 84); translate(-7, 0); me(-30, 50, 1); rectMode(CENTER); textAlign(LEFT, CENTER); fill(0); textFont(createFont("Arial Bold"), 23); text(this.txt, 60, 50); popMatrix(); }; Popup.prototype.update = function() { if(this.timer > this.time) { this.y = lerp(this.y, -120, 0.1); } else { this.y = lerp(this.y, this.destY, 0.1); } this.timer++; }; // where all the notifs are stored var notification = [ new Popup("Hey, It's Apex here!", 300, 200), new Popup("I'm here to guide you.", 300, 200), new Popup("You can turn me off in the settings.", 420, 200), new Popup("First, move around with WASD", 380, 200), new Popup("You can zoom with Q/E", 380, 200), new Popup("Use your mouse to aim, hold to shoot.", 455, 200), new Popup("Don't shoot the cars, you'll need them!", 455, 200), new Popup("Go to the blue car. Press Z to climb in.", 440, 200), new Popup("Again, WASD to drive around!", 360, 200), new Popup("When you want to get out, press X.", 440, 200), new Popup("Also, don't let the cops get you!", 385, 200), new Popup("You're wanted for murder!", 440, 200), new Popup("They'll do what ever it takes to get u.", 440, 200), new Popup("DEAD OR ALIVE", 224, 200), new Popup("To re-read these, click the red notif.", 440, 200), ]; // super important var runNotifSystem = function() { for(var i = notification.length - 1; i > -1; i--) { var n = notification[i]; if(curNotif === i) { n.update(); if(showPopups) { n.draw(); icon(width - 63, -notification[curNotif].y - 50, 1); } else { icon(width - 63, 63, 1); } if(n.timer > n.time && n.timer < (n.time + 1)) { notifs ++; } if(n.y < -100 && n.timer > n.time) { waitTimer++; if(waitTimer > 50) { curNotif++; notifs++; waitTimer = 0; } } } } }; var phone = function(x, y, s) { pushMatrix(); translate(x, y); scale(s); noStroke(); rectMode(CENTER); fill(76, 157, 184); rect(8, 6, 243, 500, 38); fill(99, 180, 207); rect(0, 0, 243, 500, 38); fill(0, 0, 0); rect(0, 0, 218, 384); fill(0); ellipse(0, -229, 5, 5); rect(0, -212, 50, 5, 5); fill(76, 157, 184); ellipse(0, 219, 30, 30); popMatrix(); }; var phoneS = 1.6; var textOpac = 0; var notifCentre = function() { fill(0, 50); rectMode(CENTER); rect(300, 300, 600, 600); if(curNotif > notification.length - 1) { icon(width - 63, 70, 1); } play(428, 67, 1, 3); phone(170 + (phoneS26), 300, phoneS); if(phoneS > 1.59) { textOpac = lerp(textOpac, 255, 0.1); } else { textOpac = lerp(textOpac, 0, 0.15); } var calculatin = -415 + (curNotif 28); for(var i = 0; i < curNotif; i++) { var n = notification[i]; rectMode(CORNER); fill(255, textOpac); rect(51, (114 - calculatin) + i * 28, n.w * 0.7, 25, 5); textFont(createFont("Arial")); fill(0, 0, 0, textOpac); textSize(18); textAlign(LEFT, TOP); text(n.txt, 58, (116 - calculatin) + i * 28); } if(curNotif > 0) { fill(255, textOpac); triangle(53, 126 - calculatin, 55, 139 - calculatin, 42, 139 - calculatin); } /fill(255, 0, 0); rect(136, 501, 100, 25);/ if(mouseX < 300) { phoneS = lerp(phoneS, 1.6, 0.05); } else { phoneS = lerp(phoneS, 1, 0.1); } fill(0, textOpac); rect(37, 0, 349, 96); if(textOpac > 150) { me(90, 48, 0.7); } fill(255, textOpac); textFont(createFont("Century Gothic"), 30); text("Agent Apex", 148, 28); fill(18, 18, 18, textOpac); rectMode(CORNER); rect(37, 550, 350, 50); fill(255, textOpac); rect(50, 559, 325, 30, 10); fill(184, textOpac); textSize(18); text("Send a message to Agent Apex", 61, 563); if(mouseX > 300) { fill(0); textFont(createFont("Arial Bold"), 30); text("Game Paused.\n\nHover mouse\nover phone.", 363, 413); } notifs = 0; }; // } -> imported from Notification System +- 400 LOC // https://www.khanacademy.org/computer-programming/i/4765154331279360 var pauseCountdown = 3; var statsBar = function() { pushMatrix(); translate(-180, 25); fill(0); rectMode(CENTER); ellipse(300, 450, 200, 200); fill(255); ellipse(300, 450, 160, 160); if(!you.isOutCar) { noStroke(); var bonjour = 17.89; fill(0, 0, 0); arc(300, 450, 145, 145, 180, 360); for(var i = 0; i < 20; i++) { fill(255); arc(300, 450, 140, 140, 182 + ibonjour, 182 + ibonjour + 14); } for(var i = 0; i < cars[curCar].health / 10; i++) { fill(255, 0, 0); arc(300, 450, 140, 140, 182 + ibonjour, 182 + ibonjour + 14); } fill(0, 30); arc(300, 450, 130, 130, 180, 360); fill(0); arc(300, 450, 120, 120, 180, 360); fill(255); ellipse(300, 450, 115, 115); fill(0); arc(300, 450, 110, 110, 180, 360); var blegh = 8.9; for(var i = 0; i < 20; i++) { fill(255); arc(300, 450, 105, 105, 182 + iblegh, 182 + iblegh + 6); } for(var i = 0; i < cars[curCar].fuel / 5; i++) { fill(0, 0, 355); arc(300, 450, 105, 105, 182 + iblegh, 182 + iblegh + 6); } fill(0); arc(300, 450, 85, 85, 180, 360); fill(0, 30); arc(300, 450, 95, 95, 180, 360); fill(255); ellipse(300, 450, 80, 80); drawCar(300, 478, 0, color(cars[curCar].carCol), 1.5); fill(0, 255, 0); if(keys[65] && !keys[68] && frameCount % 40 < 20) { rect(260, 480, 20, 10); triangle(250, 470, 250, 490, 235, 480); } if(keys[68] && !keys[65] && frameCount % 40 < 20) { rect(340, 480, 20, 10); triangle(350, 470, 350, 490, 365, 480); } if(keys[68] && keys[65]&& frameCount % 40 < 20) { fill(255, 0, 0); textSize(35); textAlign(CENTER, CENTER); text("!", 300, 425); textSize(30); text("!", 290, 427); text("!", 310, 427); } } else { noStroke(); var bonjour = 17.89; fill(0, 0, 0); arc(300, 450, 145, 145, 180, 360); for(var i = 0; i < 10; i++) { fill(255); arc(300, 450, 140, 140, 182 + ibonjour, 182 + ibonjour + 14); } for(var i = 0; i < you.health / 10; i++) { fill(255, 0, 0); arc(300, 450, 140, 140, 182 + ibonjour, 182 + ibonjour + 14); } fill(0, 30); arc(300, 450, 130, 130, 180, 360); fill(0); arc(300, 450, 120, 120, 180, 360); fill(255); ellipse(300, 450, 115, 115); fill(0); //HEREERERERE arc(300, 450, 114, 114, 180, 180 + you.loadProgress * 1.8); fill(0); arc(300, 450, 110, 110, 180, 360); for(var i = 0; i < 10; i++) { fill(255); arc(300, 450, 105, 105, 182 + ibonjour, 182 + ibonjour + 14); } for(var i = 0; i < you.load; i++) { fill(0, 0, 355); arc(300, 450, 105, 105, 182 + ibonjour, 182 + ibonjour + 14); } fill(0); arc(300, 450, 85, 85, 180, 360); fill(0, 30); arc(300, 450, 95, 95, 180, 360); fill(255); ellipse(300, 450, 80, 80); drawPlayer(300, 484, 0, 2); if(you.load < 1) { you.reloading = true; } if(you.reloading) { you.loadProgress += 0.5; } if(you.loadProgress > 100) { you.reloading = false; you.load = you.maxLoad; you.loadProgress = 0; } } popMatrix(); }; var runGame = function() { noStroke(); pushMatrix(); // what the camera must follow if(you.isOutCar) { translate(300 + (-you.x * zoom), 300 + (-you.y * zoom)); } else { translate(300 + (-cars[curCar].x * zoom), 300 + (-cars[curCar].y * zoom)); } scale(zoom); // { drawImg(img, 0, 0, 1, 0, CORNER); drawImg(interSect, -200, 200, 1, 90, CENTER); drawImg(interSect, 600, 200, 1, 270, CENTER); drawImg(cornerImg, 600, -200, 1, 270, CENTER); drawImg(cornerImg, -200, -200, 1, 180, CENTER); drawImg(cornerImg, -200, 600, 1, 90, CENTER); drawImg(cornerImg, 600, 600, 1, 0, CENTER); drawImg(straight, 200, -200, 1, 180, CENTER); drawImg(straight, 200, 600, 1, 0, CENTER); for(var i = -600; i < 1200; i += 400) { drawImg(land, -600, i, 1, 0, CENTER); drawImg(land, 1000, i, 1, 0, CENTER); drawImg(land, i, -600, 1, 0, CENTER); drawImg(land, i, 1000, 1, 0, CENTER); } // } <- background img / test code starts here / /* for(var curCop = cops.length - 1; curCop > -1; curCop--) { var cop = cops[curCop]; // go through all the bullets for(var curBullet = bullets.length - 1; curBullet > -1; curBullet--) { var b = bullets[curBullet]; b.draw(); b.update(); // if the bullet is 400 pixels away from you, delete them if(dist(you.x, you.y, b.x, b.y) > 400) { bullets.splice(curBullet, 1); } if(dist(b.x, b.y, cop.x, cop.y) < 30) { cop.health -= 10; bullets.splice(curBullet, 1); } if(cop.health < 100) { cop.dead = true; } for(var currCar = cars.length - 1; currCar > -1; currCar--) { var c = cars[currCar]; c.draw(); c.detectBullets(); c.hitFunc(); // if the cars health is naught if(c.health <= 0) { c.burnUp(); c.dead = true; } // if the car is alive and the selected car is THIS ONE and the game isn't paused if(!c.dead && !gamePaused && curCar === i) { c.update(); c.blinkLights(); } /* // if the cop is relatively on the screen then draw if(dist(testCop.x, testCop.y, currentCar.x, currentCar.y) < 400) { testCop.draw(); } if(dist(cop.x, cop.y, c.x, c.y) < 400) { //cop.draw(); } } } if(cop.dead) { cop.burnUp(); cop.moveSpd = 0; } else { cop.draw(); } }/ /test code ends here / // go through all thea cars for(var i = cars.length - 1; i > -1; i--) { var currentCar = cars[i]; currentCar.draw(); currentCar.detectBullets(); currentCar.hitFunc(); // if the cars health is naught if(currentCar.health <= 0) { currentCar.burnUp(); currentCar.dead = true; } // if the car is alive and the selected car is THIS ONE and the game isn't paused if(!currentCar.dead && !gamePaused && curCar === i) { currentCar.update(); currentCar.blinkLights(); } // go through the cops array (backwards) for(var I = cops.length - 1; I > -1; I--) { var testCop = cops[I]; // if the car and the cop are colliding - destroy both if(dist(currentCar.x, currentCar.y, testCop.x, testCop.y) < 40) { //currentCar.dead = true; // just for future use var COP = testCop; var CAR = currentCar; /* COP FUNCTION */ // cop goes off car COP.x += sin(COP.angle) -COP.moveSpd; COP.y += cos(COP.angle) * COP.moveSpd; // cop direction = -direction / 10 - slowly stop // cop loses health by car damage // wait 2 seconds. // retry / CAR FUNCTION / // shift a bit in direction of cop // lose acceleration // lose health by cop damage //currentCar.health = 0; //testCop.dead = true; } // if off the screen then delete if(dist(testCop.x, testCop.y, currentCar.x, currentCar.y) > 600) { //cops.splice(I, 1); } } } for(var j = bullets.length - 1; j > -1; j--) { var b = bullets[j]; b.draw(); b.update(); for(var k = cops.length - 1; k > -1; k--) { var c = cops[k]; if(dist(b.x, b.y, c.x, c.y) < 30) { c.health -= 10; bullets.splice(j, 1); } } } ///////////////////////////////////// for(var curCop = cops.length - 1; curCop > -1; curCop--) { var cop = cops[curCop]; /// go through all the bullets for(var curBullet = bullets.length - 1; curBullet > -1; curBullet--) { var b = bullets[curBullet]; b.draw(); b.update(); // if the bullet is 400 pixels away from you, delete them if(dist(you.x, you.y, b.x, b.y) > 400) { bullets.splice(curBullet, 1); } if(dist(b.x, b.y, cop.x, cop.y) < 30) { cop.health -= 10; bullets.splice(curBullet, 1); } if(cop.health < 100) { cop.dead = true; } for(var currCar = cars.length - 1; currCar > -1; currCar--) { var c = cars[currCar]; c.draw(); c.detectBullets(); c.hitFunc(); // if the cars health is naught if(c.health <= 0) { c.burnUp(); c.dead = true; } // if the car is alive and the selected car is THIS ONE and the game isn't paused if(!c.dead && !gamePaused && curCar === i) { c.update(); c.blinkLights(); } / // if the cop is relatively on the screen then draw if(dist(testCop.x, testCop.y, currentCar.x, currentCar.y) < 400) { testCop.draw(); } if(dist(cop.x, cop.y, c.x, c.y) < 400) { //cop.draw(); } } }/ for(var j = 0; j < cops.length; j++) { var otherCop = cops[j]; // if the cop isn't the current cop(in the previous array) and they're colliding if(cop !== otherCop && dist(cop.x, cop.y, otherCop.x, otherCop.y) < 30) { // kill one of them cop.dead = true; } } // the cop isn't dead (and the game is running) if(!cop.dead && !gamePaused) { //update cop.update(); } else { // if the cop IS dead // delete eventualy cop.deadTimer++; if(cop.deadTimer > 1000) { cops.splice(curCop, 1); } } if(cop.health <= 0) { cop.dead = true; } if(cop.dead) { cop.burnUp(); cop.moveSpd = 0; } else { cop.draw(); } } //////////////////////////// /* for(var curCop = cops.length - 1; curCop > -1; curCop--) { var cop = cops[curCop]; if(cop.dead) { cop.burnUp(); cop.moveSpd = 0; } else { cop.draw(); } } **/ // draw the player you.draw(); // if the game isn't paused if(!gamePaused) { you.update(); } popMatrix(); if(!gamePaused) { if(frameCount % 100 === 0) { cops.push(new CopCar(random(-800, 1200), random(-800, 1200))); } } // zooming function if(keys[81]) { zoom += 0.05; } if(keys[69]) { zoom -= 0.05; } zoom = constrain(zoom, 0.5, 4); statsBar(); }; you.health -= 70; draw = function() { background(0, 0, 0); runGame(); // if scene is notifs center if(showNotifs) { notifCentre(); gamePaused = true; pauseCountdown = 3; } else { // else if normal // if the game is paused if(gamePaused) { pauseCountdown -= 0.01; if(pauseCountdown > 1) { fill(0, 0, 0); textSize(150); textAlign(CENTER, CENTER); text(round(pauseCountdown), 300, 300); } else { gamePaused = false; } } if(curNotif > notification.length - 1) { icon(width - 63, 70, 1); } } runNotifSystem(); clicked = false; };
Folds	0,10,27,54,55,84,87,93,94,104,105,108,110,124,126,153,155,159,160,211,215,226,227,261,265,284,287,294,299,326,329,395,396,438,441,540,576,590,591,680,681,690,693,695,697,704,706,724,728,979,984,993,997,1003,1004,1010,1011,1030,1031,1034,1036,1422,1426,1581,1617,1682,1687,1753,1755,1769,1774,1871,1880,1891,1901,1905,1908,1910,1911,1913,1920,1955
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN330t2BCQw
Votes	192
Spin-Offs	6
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	apex
Author Name	apex.ka
Author ID	kaid_1116211384842396834715509
Author Profile Access	PUBLIC

Archive Data

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