Viewing Program

Program Data

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

Title	Does Not Commute
ID	6506785866842112
Created	8 years ago, 1487361761809
Updated	8 years ago, 1490567000470
Code	/** * Does Not Commute * * This is a remake of the app with the same name. * * ► If you enjoy games like this, subscribe to me here! ◄ * https://www.khanacademy.org/cs/subscribe/5819119317876736 * * Instructions: * Use arrow keys to move. * * Get through the course as fast as you can. As you * drive, your past cars will go through the course. * Avoid red cars and buildings. * * People who helped with this project: * The text effect was made by Chester Banks. * https://www.khanacademy.org/cs/menumaker/6142918379765760 * * The collision function was made by Neil and Chase. * https://www.khanacademy.org/cs/collision/5329769383198720 * * The path following function was made by Dalendrion. * https://www.khanacademy.org/profile/Dalendrion * /// ↓ This will find the car for you when a new level starts var carFinder = false; var pause = false; var released = false; var isCompleted = false; var resetFollowers = false; var addAlpha = true; var scroll = 0; var flip = 0; var timesCompleted = 0; var alphaValue = 0.1; var scene = 1; var countdown = 3; var timer = 60; var endY = 330; var endX = 1015; var timerString = ""; var circleSize = 100; var levels = [ [ "#####l##l##l#", "--+--+--+--+#", "##l##l##l##l#", "##l##l##l##l#", "##+--+--+##l#", "##l#####l##l#", "##l#####l##l#", "--+--+--+--+-", "##l##l##l##l#", "##l##l##l##l#", "--+##+--+--+#", "##l##l#####l#", "##l##l#####l#", ], ]; var carObj = { x: 139, y: 1176, r: 14, rotation: 0, speed: 3, turnSpeed: 4 }; // For drawing buildings and testing collisions var obj = []; var makeRect = function(x, y, w, h) { obj.push({ x: x, y: y, w: w, h: h }); }; var intersections = []; var makeIntersections = function(x, y) { intersections.push({ x: x, y: y }); }; var upRoad = []; var makeUpRoad = function(x, y) { upRoad.push({ x: x, y: y }); }; var rightRoad = []; var makeRightRoad = function(x, y) { rightRoad.push({ x: x, y: y }); }; var ends = []; var makeEnds = function(x, y) { ends.push({ x: x, y: y }); }; var collides = function(o1, o2) { var cir = o1; var rec = o2; if (rec.x < cir.x + cir.r && rec.x + rec.w > cir.x - cir.r && rec.y < cir.y && rec.y + rec.h > cir.y) { return true; } else if (rec.y < cir.y + cir.r && rec.y + rec.h > cir.y - cir.r && rec.x < cir.x && rec.x + rec.w > cir.x) { return true; } else { for (var x = 0; x <= 1; x++) { for (var y = 0; y <= 1; y++) { if (dist(rec.x + x rec.w, rec.y + y * rec.h, cir.x, cir.y) < cir.r) { return true; } } } } return false; }; var playerCol = function() { for (var a = 0; a < obj.length; a++) { if (collides(carObj, obj[a])) { return true; } } return false; }; var keys = []; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var movement = function() { if (keys[RIGHT]) { carObj.rotation -= carObj.speed; } if (keys[LEFT]) { carObj.rotation += carObj.speed; } if (keys[DOWN]) { carObj.x += sin(carObj.rotation) * (carObj.speed + carObj.turnSpeed); carObj.y += cos(carObj.rotation) * (carObj.speed + carObj.turnSpeed); if (playerCol()) { carObj.speed -= 1 / 75; carObj.x -= sin(carObj.rotation) * (carObj.speed + carObj.turnSpeed); carObj.y -= cos(carObj.rotation) * (carObj.speed + carObj.turnSpeed); } } if (keys[UP]) { carObj.x -= sin(carObj.rotation) * (carObj.speed + carObj.turnSpeed); carObj.y -= cos(carObj.rotation) * (carObj.speed + carObj.turnSpeed); if (playerCol()) { carObj.speed -= 1 / 75; carObj.x += sin(carObj.rotation) * (carObj.speed + carObj.turnSpeed); carObj.y += cos(carObj.rotation) * (carObj.speed + carObj.turnSpeed); } } if (keys[65]) { carObj.speed -= 1 / 40; carObj.turnSpeed -= 1 / 60; } if (keys[83]) { carObj.speed += 1 / 40; carObj.turnSpeed += 1 / 60; } carObj.speed = constrain(carObj.speed, 1.5, 5); carObj.turnSpeed = constrain(carObj.turnSpeed, 1.5, 4); carObj.x = constrain(carObj.x, 0, 1200); carObj.y = constrain(carObj.y, 0, 1200); if (dist(carObj.x, carObj.y, endX + 50, endY + 50) < 50) { isCompleted = true; } }; var xArray = []; var yArray = []; var rArray = []; for (var i = 0; i < 20; i++) { xArray.push([]); yArray.push([]); rArray.push([]); } var Car = function() { this.x = carObj.x; this.y = carObj.x; this.rotation = carObj.rotation; }; Car.prototype.draw = function() { // The portal. This is in here because all of the other landscape is not in the draw function strokeWeight(8); colorMode(HSB); fill((frameCount / 3) % 255, 200, 245); stroke((frameCount / 3) % 255, 200, 190); ellipse(endX + 50, endY + 50, sin(frameCount) * 10 + 75, sin(frameCount) * 10 + 75); colorMode(RGB); rectMode(CENTER); noStroke(); pushMatrix(); translate(carObj.x, carObj.y); rotate(this.rotation); fill(66, 255, 142); strokeWeight(3); stroke(66, 212, 100); rect(0, 0, 15, 30, 2); popMatrix(); rectMode(CORNER); if (frameCount % 10 === 0 && countdown <= 0) { xArray[timesCompleted].push(round(carObj.x)); yArray[timesCompleted].push(round(carObj.y)); rArray[timesCompleted].push(round(carObj.rotation)); } if (keys[RIGHT]) { this.rotation += carObj.speed; } if (keys[LEFT]) { this.rotation -= carObj.speed; } this.rotation = -carObj.rotation; }; var car = new Car(); var times = []; for (var i = 0; i < 20; i++) { times.push(0); } var Follower = function(howFarIn) { this.progress = 0; this.x = 200; this.y = 200; this.r = 180; this.x1 = 0; this.y1 = 0; this.r1 = 0; this.x2 = 0; this.y2 = 0; this.r2 = 0; this.trans = 0; this.howFarIn = howFarIn; }; Follower.prototype.draw = function() { if (timesCompleted > 0 && !isNaN(this.x) && !isNaN(this.y) && timesCompleted > this.howFarIn) { this.x = lerp(this.x1, this.x2, times[this.howFarIn] / 10); this.y = lerp(this.y1, this.y2, times[this.howFarIn] / 10); this.r = lerp(this.r1, this.r2, times[this.howFarIn] / 10); // Thanks to Dalendrion for this ^ noStroke(); pushMatrix(); translate(this.x, this.y); rotate(-this.r); rectMode(CENTER); fill(255, 66, 66, this.trans); strokeWeight(3); stroke(179, 52, 52, this.trans); rect(0, 0, 17, 30, 2); rectMode(CORNER); popMatrix(); // Tells the follower which points to drive between if (this.x === this.x2 && this.y === this.y2) { this.progress++; this.x1 = xArray[this.howFarIn][this.progress]; this.y1 = yArray[this.howFarIn][this.progress]; this.r1 = rArray[this.howFarIn][this.progress]; this.x2 = xArray[this.howFarIn][this.progress + 1]; this.y2 = yArray[this.howFarIn][this.progress + 1]; this.r2 = rArray[this.howFarIn][this.progress + 1]; times[this.howFarIn] = 0; } if (dist(carObj.x, carObj.y, this.x, this.y) < 25 && this.trans >= 50) { pause = true; } if (dist(this.x, this.y, xArray[this.howFarIn][xArray[this.howFarIn].length - 1], yArray[this.howFarIn][yArray[this.howFarIn].length - 1]) < 100 && this.trans >= 0.1) { this.trans /= 1.1; } else if (this.trans <= 255) { this.trans += 8; } times[this.howFarIn]++; } if (isCompleted) { this.progress = 0; this.x = 200; this.y = 200; this.r = 180; this.x1 = 0; this.y1 = 0; this.r1 = 0; this.x2 = 0; this.y2 = 0; this.r2 = 0; this.trans = 0; times[this.howFarIn] = 0; resetFollowers = false; } if (!isCompleted) { resetFollowers = true; } }; // I'm sure that there is a better way to do this var follower = new Follower(0); var follower2 = new Follower(1); var follower3 = new Follower(2); var follower4 = new Follower(3); var follower5 = new Follower(4); var follower6 = new Follower(5); var follower7 = new Follower(6); var follower8 = new Follower(7); var follower9 = new Follower(8); var follower10 = new Follower(9); var generateLevel = function(level) { for (var i = 0; i < levels[level].length; i++) { for (var n = 0; n < levels[level][i].length; n++) { switch (levels[level][i][n]) { case '#': // Buildings makeRect(n * 100 - 85, i * 100 - 70, 100, 100); break; case '+': // Intersections makeIntersections(n * 100 - 85, i * 100 - 70); break; case 'l': // Roads going up and down makeUpRoad(n * 100 - 85, i * 100 - 70); break; case '-': // Roads going left and right makeRightRoad(n * 100 - 85, i * 100 - 70); break; } } } }; makeEnds(endX, endY); generateLevel(0); var building = function(x, y, r, size, type) { pushMatrix(); translate(x, y); rotate(r * 90); scale(size / 50); translate(-25, -25); if (type === 1) { stroke(122, 120, 122); strokeWeight(4); fill(145, 145, 145); rect(0, 0, 50, 50); pushMatrix(); translate(20, 0); scale(1.2); noStroke(); fill(201, 201, 201); rect(-1, 2, 24, 12); noStroke(); fill(255, 0, 0); fill(158, 158, 158); pushMatrix(); translate(17, 8); rotate(50); translate(-17, -8); rect(12, 7, 10, 2); rect(16, 3, 2, 10); popMatrix(); strokeWeight(2); stroke(140, 137, 140); noFill(); ellipse(17, 8, 10, 10); popMatrix(); pushMatrix(); translate(6, 0); scale(1.2); noStroke(); fill(255, 0, 0); fill(158, 158, 158); pushMatrix(); translate(17, 8); rotate(50); translate(-17, -8); rect(12, 7, 10, 2); rect(16, 3, 2, 10); popMatrix(); strokeWeight(2); stroke(140, 137, 140); noFill(); ellipse(17, 8, 10, 10); popMatrix(); } else if (type === 2) { strokeWeight(4); fill(156, 156, 156); stroke(130, 130, 130); rect(0, 0, 50, 50); noStroke(); fill(170, 177, 179); rect(2, 2, 31, 30); strokeWeight(2); strokeCap(SQUARE); stroke(138, 138, 138); line(33, 2, 33, 33); line(2, 33, 34, 33); strokeCap(ROUND); pushMatrix(); translate(20, 31); scale(1.2); noStroke(); fill(179, 179, 179); rect(11, 2, 12, 12); noStroke(); fill(255, 0, 0); fill(158, 158, 158); pushMatrix(); translate(17, 8); rotate(frameCount * 6); translate(-17, -8); rect(12, 7, 10, 2); rect(16, 3, 2, 10); popMatrix(); strokeWeight(2); stroke(140, 137, 140); noFill(); ellipse(17, 8, 10, 10); popMatrix(); stroke(204, 204, 204); fill(90, 150, 219); strokeWeight(2); rect(3, 3, 15, 25); noStroke(); fill(57, 130, 62); rect(22, 6, 4, 2); rect(22, 22, 4, 2); pushMatrix(); rotate(6); rect(23, 8, 4, 2); popMatrix(); pushMatrix(); rotate(-20); rect(14, 23, 4, 2); popMatrix(); noStroke(); fill(97, 156, 224); ellipse(8, 9, 7, 7); fill(104, 152, 204); ellipse(11, 13, 7, 7); fill(101, 158, 224); ellipse(8, 16, 4, 7); fill(102, 148, 196); ellipse(13, 21, 7, 7); stroke(77, 77, 77); strokeWeight(5); fill(128, 128, 128); pushMatrix(); translate(41, 18); rotate(90); scale(0.30, 0.1); translate(-167, -152); beginShape(TRIANGLE_STRIP); vertex(130, 175); vertex(140, 120); vertex(150, 175); vertex(160, 120); vertex(170, 175); vertex(180, 120); vertex(190, 175); vertex(200, 120); endShape(); popMatrix(); stroke(77, 77, 77); strokeWeight(5); fill(128, 128, 128); pushMatrix(); translate(18, 41); scale(0.30, 0.1); translate(-167, -152); beginShape(TRIANGLE_STRIP); vertex(130, 175); vertex(140, 120); vertex(150, 175); vertex(160, 120); vertex(170, 175); vertex(180, 120); vertex(190, 175); vertex(200, 120); endShape(); popMatrix(); } else if (type === 3) { stroke(168, 162, 156); strokeWeight(4); fill(189, 186, 183); rect(0, 0, 50, 50); noStroke(); fill(199, 199, 199); rect(5, 5, 21, 14); fill(143, 132, 132); for (var i = 0; i < 4; i++) { ellipse(i * 5 + 8, 9, 4, 4); } fill(133, 75, 75); pushMatrix(); rotate(20); rect(20, 20, 8, 4); popMatrix(); fill(199, 179, 130); ellipse(38, 32, 20, 20); stroke(189, 169, 121); strokeWeight(2); line(38, 32, 46, 28); } else if (type === 4) { stroke(228, 236, 237); strokeWeight(4); fill(199, 149, 115); rect(0, 0, 50, 50); noStroke(); for (var i = 0; i < 7; i++) { fill(29, 138, 33); ellipse(4 + i * 7, 5, 6, 7); fill(66, 161, 47); ellipse(8 + i * 5, 4, 4, 4); } fill(30, 115, 13); for (var i = 0; i < 3; i++) { ellipse(15 + i * 14, 8 - i, 6, 4); } fill(75, 143, 62); ellipse(35, 4, 4, 8); pushMatrix(); translate(4, 29); rotate(-90); translate(-21, -4); noStroke(); for (var i = 0; i < 7; i++) { fill(29, 138, 33); ellipse(4 + i * 7, 5, 6, 7); fill(66, 161, 47); ellipse(8 + i * 5, 4, 4, 4); } fill(30, 115, 13); for (var i = 0; i < 3; i++) { ellipse(15 + i * 14, 8 - i, 6, 4); } fill(75, 143, 62); ellipse(35, 6, 4, 8); popMatrix(); fill(46, 158, 40); ellipse(9, 10, 6, 6); fill(230, 230, 230); stroke(110, 110, 110); strokeWeight(2); for (var i = 0; i < 3; i++) { rect(32, 10 + i * 9, 15, 9); } } else if (type === 5) { fill(217, 217, 217); strokeWeight(4); stroke(194, 194, 194); rect(0, 0, 50, 50); pushMatrix(); translate(30, 16); rotate(-55); translate(-10, -22); noStroke(); fill(140, 140, 140); rect(12, 11, 3, 28); fill(117, 117, 117); rect(10, 10, 3, 30); stroke(140, 140, 140); strokeWeight(2); strokeCap(SQUARE); for (var i = 0; i < 4; i++) { line(18, 16 + i * 6, 15, 16 + i * 6); } strokeCap(ROUND); popMatrix(); noStroke(); fill(186, 186, 186); rect(14, 25, 22, 22, 3); for (var i = 0; i < 2; i++) { for (var j = 0; j < 2; j++) { pushMatrix(); translate(7 + i * 9, 25 + j * 9); scale(0.8); noStroke(); fill(255, 0, 0); fill(158, 158, 158); pushMatrix(); translate(17, 8); rotate(50 + (i * i + j * j) * 65); translate(-17, -8); rect(12, 7, 10, 2); rect(16, 3, 2, 10); popMatrix(); strokeWeight(2); stroke(140, 137, 140); noFill(); ellipse(17, 8, 10, 10); popMatrix(); } } } else if (type === 6) { stroke(166, 166, 166); strokeWeight(4); fill(189, 189, 189); rect(0, 0, 50, 50); strokeWeight(3); stroke(133, 133, 133); fill(158, 158, 158); rect(28, 28, 15, 15); stroke(43, 43, 43); strokeWeight(1); for (var i = 0; i < 3; i++) { line(32 + i * 3, 41, 32 + i * 3, 31); } stroke(89, 89, 89); line(41, 39, 41, 33); fill(162, 165, 171); noStroke(); pushMatrix(); translate(42, 7); rotate(25); ellipse(0, 0, 7, 4); popMatrix(); } else if (type === 7) { stroke(168, 141, 99); strokeWeight(4); fill(194, 162, 122); rect(0, 0, 50, 50); } else if (type === 8) { stroke(173, 166, 121); strokeWeight(4); fill(194, 184, 142); rect(0, 0, 50, 50); } else if (type === 9) { stroke(168, 165, 161); strokeWeight(4); fill(191, 186, 181); rect(0, 0, 50, 50); strokeWeight(1); stroke(224, 224, 224); fill(107, 107, 107); for (var i = 0; i < 2; i++) { for (var j = 0; j < 4; j++) { rect(7 + i * 25, 8 + j * 8, 9, 7); line(8 + i * 25, 9 + j * 8, 16 + i * 25, 15 + j * 8); } } } else if (type === 10) { stroke(110, 110, 110); strokeWeight(4); fill(135, 135, 135); rect(0, 0, 50, 50); } else if (type === 11) { stroke(115, 101, 88); strokeWeight(4); fill(138, 118, 103); rect(0, 0, 50, 50); } else if (type === 12) { fill(153, 157, 158); strokeWeight(4); stroke(123, 132, 138); rect(0, 0, 50, 50); fill(163, 163, 163); strokeWeight(2); stroke(240, 240, 240); ellipse(17, 25, 25, 25); fill(240, 240, 240); noStroke(); rect(12, 17, 3, 15); rect(14, 23, 6, 3); rect(19, 17, 3, 15); fill(199, 199, 199); rect(38, 2, 3, 24); rect(31, 23, 8, 3); pushMatrix(); translate(29, 36); scale(0.8); strokeWeight(1); stroke(163, 163, 163); fill(201, 201, 201); rect(10, 1, 13, 13); noStroke(); fill(255, 0, 0); fill(158, 158, 158); pushMatrix(); translate(17, 8); rotate(20); translate(-17, -8); rect(12, 7, 10, 2); rect(16, 3, 2, 10); popMatrix(); strokeWeight(2); stroke(140, 137, 140); noFill(); ellipse(17, 8, 10, 10); popMatrix(); } popMatrix(); }; var buildings = []; var rotations = []; for (var i = 0; i < obj.length; i++) { // Helicopter pads (12) are less likely to generate buildings.push(floor(random(1, 12.3))); rotations.push(floor(random(1, 5))); } var drawObjs = function() { for (var a = 0; a < obj.length; a++) { building(obj[a].x + 50, obj[a].y + 50, rotations[a], obj[a].w, buildings[a]); } }; var drawIntersections = function() { for (var a = 0; a < intersections.length; a++) { noFill(); stroke(255, 255, 255); strokeWeight(5); rect(intersections[a].x, intersections[a].y, 100, 100); } }; var drawUpRoad = function() { for (var a = 0; a < upRoad.length; a++) { noFill(); stroke(255, 255, 255); strokeWeight(4); strokeCap(SQUARE); pushMatrix(); translate(upRoad[a].x, upRoad[a].y); line(50, 85, 50, 60); line(50, 40, 50, 15); popMatrix(); strokeCap(ROUND); } }; var drawRightRoad = function() { for (var a = 0; a < rightRoad.length; a++) { noFill(); stroke(255, 255, 255); strokeWeight(4); strokeCap(SQUARE); pushMatrix(); translate(rightRoad[a].x + 100, rightRoad[a].y); rotate(90); line(50, 85, 50, 60); line(50, 40, 50, 15); popMatrix(); strokeCap(ROUND); } }; var images = { 'frame1': function() { background(97, 97, 97); pushMatrix(); scale(0.5); drawIntersections(); drawUpRoad(); drawRightRoad(); drawObjs(); popMatrix(); return get(0, 0, 600, 600); } }; var homeScreen = function() { for (var i in images) { if (typeof images[i] !== 'object') { background(0, 0, 0, 0); images[i] = images[i](); } } cursor(ARROW); background(97, 97, 97); pushMatrix(); translate(300, 300); rotate(flip * 180); translate(-300, -300); pushMatrix(); if (scroll < 80) { translate(300, 80 + scroll * 5); scale(2); rotate(25); } else if (scroll < 160) { translate(300, 900 - scroll * 5); scale(2); rotate(75); } else if (scroll < 220) { translate(1100 - scroll * 5, 425 - scroll); scale(2); rotate(75); } else { flip++; scroll = 0; } image(images.frame1, -300, -300); popMatrix(); popMatrix(); scroll += 3 / 4; noStroke(); fill(209, 209, 209, 30); rect(0, 0, 600, 600); textAlign(CENTER, CENTER); textFont(createFont("Century Gothic")); textSize(110); textLeading(90); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("DOES NOT\nCOMMUTE", sin(i) * 4 + 300, 6 + cos(i) * 4 + 120); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("DOES NOT\nCOMMUTE", sin(i) * 4 + 300, cos(i) * 4 + 120); } fill(255, 255, 255); text("DOES NOT\nCOMMUTE", 300, 120); pushMatrix(); if (mouseX > 60 && mouseX < 240 && mouseY > 381 && mouseY < 460) { translate(140, 420); scale(1.1); translate(-140, -420); cursor(HAND); if (released) { scene = 2; cursor(ARROW); released = false; } } else if (mouseX < 360 \|\| mouseX > 540 \|\| mouseY < 381 \|\| mouseY > 460) { released = false; } fill(235, 232, 235); stroke(189, 189, 189); strokeWeight(5); rect(60, 381, 180, 80, 10); textFont(createFont("Century Gothic Italics")); textSize(100); pushMatrix(); translate(150, 420); scale(0.6); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("PLAY", sin(i) * 4, 6 + cos(i) * 4); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("PLAY", sin(i) * 4, cos(i) * 4); } fill(255, 255, 255); text("PLAY", 0, 0); popMatrix(); popMatrix(); pushMatrix(); if (mouseX > 360 && mouseX < 540 && mouseY > 381 && mouseY < 460) { translate(440, 420); scale(1.1); translate(-440, -420); cursor(HAND); if (released) { scene = 3; cursor(ARROW); released = false; } } else if (mouseX < 60 \|\| mouseX > 240 \|\| mouseY < 381 \|\| mouseY > 460) { released = false; } fill(235, 232, 235); stroke(189, 189, 189); strokeWeight(5); rect(360, 381, 180, 80, 10); pushMatrix(); translate(450, 420); scale(0.6); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("HOW", sin(i) * 4, 6 + cos(i) * 4); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("HOW", sin(i) * 4, cos(i) * 4); } fill(255, 255, 255); text("HOW", 0, 0); popMatrix(); popMatrix(); }; var howScreen = function() { for (var i in images) { if (typeof images[i] !== 'object') { background(0, 0, 0, 0); images[i] = images[i](); } } cursor(ARROW); background(97, 97, 97); pushMatrix(); translate(300, 300); rotate(flip * 180); translate(-300, -300); pushMatrix(); if (scroll < 80) { translate(300, 80 + scroll * 5); scale(2); rotate(25); } else if (scroll < 160) { translate(300, 900 - scroll * 5); scale(2); rotate(75); } else if (scroll < 220) { translate(1100 - scroll * 5, 425 - scroll); scale(2); rotate(75); } else { flip++; scroll = 0; } image(images.frame1, -300, -300); popMatrix(); popMatrix(); scroll += 3 / 4; noStroke(); fill(201, 205, 207, 100); rect(0, 0, 600, 600); pushMatrix(); translate(0, -50); pushMatrix(); translate(445, 300); scale(1.4); translate(-431, -176); fill(97, 97, 97); noStroke(); strokeWeight(6); rect(355, 100, 150, 150, 10); building(394, 212, 0, 67, 4); noFill(); stroke(255, 255, 255); strokeWeight(5); rect(433, 106, 66, 66); strokeWeight(4); strokeCap(SQUARE); pushMatrix(); translate(430, 177); scale(0.7); line(50, 85, 50, 60); line(50, 40, 50, 15); popMatrix(); pushMatrix(); translate(430, 106); scale(0.7); rotate(90); line(50, 85, 50, 60); line(50, 40, 50, 15); popMatrix(); strokeCap(ROUND); fill(66, 255, 142); strokeWeight(3); stroke(66, 212, 100); pushMatrix(); translate(448, 200); rotate(10); scale(0.7); rect(-7, -15, 15, 30, 2); popMatrix(); fill(255, 66, 66); stroke(179, 52, 52); pushMatrix(); translate(431, 132); rotate(97); scale(0.7); rect(-7, -15, 18, 32, 2); popMatrix(); noFill(); stroke(82, 82, 82); strokeWeight(8); rect(355, 100, 150, 150, 12); popMatrix(); fill(0, 0, 0); textFont(createFont("Century Gothic"), 25); text("Use arrow keys to move.\n\nGet through the course\nas fast as you can. As\nyou drive, your past\ncars will go through the\ncourse. Avoid red cars\nand buildings.", 165, 300); popMatrix(); pushMatrix(); if (mouseX > 400 && mouseX < 590 && mouseY > 490 && mouseY < 570) { translate(480, 530); scale(1.1); translate(-480, -530); cursor(HAND); if (released) { scene = 1; cursor(ARROW); released = false; } } else { released = false; } translate(-15, -15); fill(235, 232, 235); stroke(189, 189, 189); strokeWeight(5); rect(400, 505, 180, 80, 10); textFont(createFont("Century Gothic Italics"), 110); pushMatrix(); translate(490, 542); scale(0.5); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("BACK", sin(i) * 4, 6 + cos(i) * 4); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("BACK", sin(i) * 4, cos(i) * 4); } fill(255, 255, 255); text("BACK", 0, 0); popMatrix(); popMatrix(); }; var playScreen = function() { for (var i in images) { if (typeof images[i] !== 'object') { background(0, 0, 0, 0); images[i] = images[i](); } } pushMatrix(); if (pause) { noLoop(); translate(carObj.x / 2, carObj.y / 2); scale(2); translate(-carObj.x / 2, -carObj.y / 2); } background(255, 255, 255); pushMatrix(); translate(300, 270); scale(1, 0.9); translate(-300, -300); image(images.frame1, 0, 0); pushMatrix(); scale(0.5); car.draw(); noFill(); stroke(255, 255, 255); strokeWeight(8); if (circleSize > 5 && carFinder) { ellipse(carObj.x, carObj.y, circleSize * 2, circleSize * 2); } follower.draw(); follower2.draw(); follower3.draw(); follower4.draw(); follower5.draw(); follower6.draw(); follower7.draw(); follower8.draw(); follower9.draw(); follower10.draw(); if (countdown <= 0) { movement(); } if (alphaValue <= 5 && countdown <= 0) { circleSize -= (100 + circleSize) / 10; } popMatrix(); popMatrix(); if (isCompleted) { if (alphaValue < 10 && addAlpha) { alphaValue += 2; } else if (addAlpha) { alphaValue = 1.1; } if (alphaValue >= 1000 && addAlpha) { carObj.speed = 3; carObj.turnSpeed = 4; addAlpha = false; if (timesCompleted === 0) { carObj.x = 480; carObj.y = 1176; carObj.rotation = 0; endX = 115; endY = 330; } else if (timesCompleted === 1) { carObj.x = 1075; carObj.y = 870; carObj.rotation = 0; endX = 215; endY = 30; } else if (timesCompleted === 2) { carObj.x = 775; carObj.y = 100; carObj.rotation = 180; endX = 415; endY = 1035; } else if (timesCompleted === 3) { carObj.x = 100; carObj.y = 680; carObj.rotation = 270; endX = 415; endY = 330; } else if (timesCompleted === 4) { carObj.x = 100; carObj.y = 100; carObj.rotation = 270; endX = 415; endY = 630; } else if (timesCompleted === 5) { carObj.x = 1000; carObj.y = 1000; carObj.rotation = 90; endX = 715; endY = 130; } else if (timesCompleted === 6) { carObj.x = 990; carObj.y = 60; carObj.rotation = 90; endX = 15; endY = 630; } else if (timesCompleted === 7) { carObj.x = 490; carObj.y = 400; carObj.rotation = 0; endX = 1015; endY = 1030; } else if (timesCompleted === 8) { carObj.x = 90; carObj.y = 100; carObj.rotation = 270; endX = 115; endY = 1030; } else if (timesCompleted === 9) { carObj.x = 790; carObj.y = 800; carObj.rotation = 180; endX = 215; endY = 30; } else if (timesCompleted === 10) { pause = true; println("Wow, I didn't think that it was possible to complete it in that amount of time."); } timesCompleted++; circleSize = 100; } if (!addAlpha && alphaValue > 1) { alphaValue /= 1.1; } else if (!addAlpha) { addAlpha = true; isCompleted = false; } } fill(245, 245, 245, alphaValue); noStroke(); rect(0, 0, 600, 600); fill(235, 229, 218); stroke(209, 206, 201); strokeWeight(5); rect(-50, 542, 700, 200); fill(46, 34, 20); textSize(30); textFont(createFont("Century Gothic Italics")); textAlign(LEFT, BOTTOM); timer = constrain(timer, 0, 119.9); if (timer.toFixed(1) >= 70) { timerString = "1:" + (timer - 60).toFixed(1); } else if (timer.toFixed(1) >= 60) { timerString = "1:0" + (timer - 60).toFixed(1); } else if (timer.toFixed(1) >= 10) { timerString = "0:" + timer.toFixed(1); } else if (timer.toFixed(1) > 0) { timerString = "0:0" + timer.toFixed(1); } else { timerString = "0:00.0"; pause = true; } text(timerString, 10, 590); if (countdown <= 0) { timer -= 1 / 60; } textAlign(RIGHT, BOTTOM); text("Completions: " + timesCompleted, 590, 589); popMatrix(); if (pause) { textFont(createFont("Century Gothic Bold"), 75); textAlign(CENTER, CENTER); if (isCompleted) { pushMatrix(); translate(300, 300); scale(2); translate(-300, -300); image(images.frame1, 0, 0); popMatrix(); } pushMatrix(); translate(300, 130); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("GAME OVER", sin(i) 4, 6 + cos(i) * 4); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("GAME OVER", sin(i) * 4, cos(i) * 4); } fill(255, 255, 255); text("GAME OVER", 0, 0); popMatrix(); pushMatrix(); translate(300, 248); scale(0.8); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("SCORE: " + timesCompleted, sin(i) * 4, 6 + cos(i) * 4); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("SCORE: " + timesCompleted, sin(i) * 4, cos(i) * 4); } fill(255, 255, 255); text("SCORE: " + timesCompleted, 0, 0); popMatrix(); pushMatrix(); translate(300, 571); scale(0.5); fill(163, 163, 163); for (var i = 0; i < 360; i += 30) { text("CLICK ANYWHERE TO RESTART", sin(i) * 4, 6 + cos(i) * 4); } fill(201, 201, 201); for (var i = 0; i < 360; i += 30) { text("CLICK ANYWHERE TO RESTART", sin(i) * 4, cos(i) * 4); } fill(255, 255, 255); text("CLICK ANYWHERE TO RESTART", 0, 0); popMatrix(); } if (countdown > 0) { textFont(createFont("Trebuchet MS"), 400); textAlign(CENTER, CENTER); fill(255, 255, 255); pushMatrix(); translate(300, 280); scale(-(countdown + 1 - ceil(countdown)) / 10 + 0.75); text(ceil(countdown), 0, 0); popMatrix(); countdown -= 1 / 60; } }; mouseReleased = function() { released = true; if (scene === 2 && pause) { // Only reset the vaiables instead of using Program.restart();. I prefer not to use it in this case because then it would regenerate the image and cause some lag. loop(); scene = 1; pause = false; scroll = 0; flip = 0; resetFollowers = false; endX = 1015; endY = 330; addAlpha = true; alphaValue = 0.1; isCompleted = false; countdown = 3; timesCompleted = 0; timer = 60; timerString = ""; circleSize = 100; carObj = { x: 139, y: 1176, r: 14, rotation: 0, speed: 3, turnSpeed: 4 }; xArray = []; yArray = []; rArray = []; for (var i = 0; i < 20; i++) { xArray.push([]); yArray.push([]); rArray.push([]); } times = []; for (var i = 0; i < 20; i++) { times.push(0); } released = false; } }; draw = function() { if (scene === 1) { homeScreen(); } else if (scene === 2) { playScreen(); } else if (scene === 3) { howScreen(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOShsrzHCww
Votes	228
Spin-Offs	13
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	WillTheProgrammer
Author Name	WillTheProgrammer
Author ID	kaid_519533518564725127068312
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739458736185
Updated	10 months ago, 1739458740958
Source Deleted	unknown