Viewing Program

Program Data

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

Title	The Runner
ID	4802676032307200
Created	7 years ago, 1521494292682
Updated	1 years ago, 1715475264922
Code	// jshint ignore : start /* My eleventh game. Hope you enjoy! Use the arrow keys to move! Up to jump! Thanks to ScusX for his tips on 3D! Updated on 12/1/2018 to version 2.0! ----- LEADERBOARD - 1. Green Ghost - 1521 2. Mr. C - 1197 3. Cyan Spirit - 1161 4. Matt R - 1085 5. Programming King - 1020 / smooth(); var points = [], faces = [], keys = [], speed = 2, Camera = {x : 0, y : -40}, prevY, tilesAdded, score = 0, tilesRemoved = 0, scene = function() {}, menu, game, over, record = 0, Text = function(t, x, y, s, c) { textSize(s / 1.75), textAlign(CENTER, CENTER); for (var i = 0; i < s / 6; i++) { fill(lerpColor(0, c, map(i, 0, s / 8, 0, 1))), text(t, x - i / 2, y - i / 2);} fill(255, 255, 235), text(t, x - s / 12, y - s / 12), fill(c), text(t, x - s / 10, y - s / 10); }, lastPoint = 0, Smooth = function(pos, dest, div) {return (dest - pos) / div}, startY = 50; var Point = function(x, y, z) { this.x = x, this.y = y, this.z = z, this.xR = x, this.yR = y, this.zR = x, this.colorPlus = Math.floor(random(360)), this.color = Math.floor(random(255)), this.opac = 0, this.r = false, this.drawn = false, this.speedDiv = random(9, 12), this.size = random(10, 15), this.realX = this.x, this.realY = this.y, this.realZ = this.z, this.realX2 = this.realX, this.realY2 = this.realY; }; Point.prototype.rotate = function(d, amount) { this.xR = this.x, this.yR = this.y, this.zR = this.z; if (d === "x") { this.y = this.yR cos(amount) - this.zR * sin(amount), this.z = this.zR * cos(amount) + this.yR * sin(amount); } else if (d === "y") { this.x = this.xR * cos(amount) - this.zR * sin(amount), this.z = this.zR * cos(amount) + this.xR * sin(amount); } else { this.x = this.xR * cos(amount) - this.yR * sin(amount), this.y = this.yR * cos(amount) + this.xR * sin(amount);} }; Point.prototype.getRotated = function(d, amount) { this.xR = this.x, this.yR = this.y, this.zR = this.z; if (d === "x") { this.realY = this.yR * cos(amount) - this.zR * sin(amount), this.realZ = this.zR * cos(amount) + this.yR * sin(amount); } else if (d === "y") { this.realX = this.xR * cos(amount) - this.zR * sin(amount), this.realZ = this.zR * cos(amount) + this.xR * sin(amount); } else { this.realX = this.xR * cos(amount) - this.yR * sin(amount), this.realY = this.yR * cos(amount) + this.xR * sin(amount); } }; Point.prototype.setReal = function() { this.realX2 = this.realX / this.realZ * width / 2, this.realY2 = this.realY / this.realZ * height / 2; }; var Face = function() { this.points = []; for (var i = 0; i < arguments.length - 2; i++) { this.points.push(arguments[i]);} this.color = arguments[arguments.length - 2], this.opac = arguments[arguments.length - 1], this.genZ = -3825, this.setZ(), this.newPiece = true; }; Face.prototype.display = function(x, y) { fill(this.newPiece ? color(0, 0, 20, this.opac) : color(red(this.color) / 1.1 + this.genZ / 10, green(this.color) / 1.08 + this.genZ / 10, blue(this.color) + this.genZ / 10, this.opac)), this.newPiece = false, beginShape(); for (var i = 0; i < this.points.length; i++) { this.points[i].getRotated("y", Camera.x), this.points[i].getRotated("x", Camera.y), this.points[i].setReal(); if (this.points[i].realZ < 0) { vertex(this.points[i].realX2, this.points[i].realY2); } } endShape(), this.setZ(); }; Face.prototype.setZ = function() { this.genZ = 0; for (var i = 0; i < this.points.length; i++) { this.genZ += this.points[i].realZ; } this.genZ /= this.points.length; }; Face.prototype.move = function(x, y, z) { for (var i = 0; i < this.points.length; i++) { this.points[i].x += x, this.points[i].y += y, this.points[i].z += z; } }; var player = { pos : new Point(0, -300, -150), size : 5,gravity : 0, canJump : false, display : function() { this.pos.getRotated("y", 0); this.pos.getRotated("x", Camera.y), this.pos.setReal(), fill(0, 0, 20, (Math.abs(this.pos.realY) - 270)), noStroke(), ellipse(0, 235 - (Math.abs(this.pos.realY) - 330), 15 * this.size, 17 * this.size), fill(70, 200, 30), stroke(255, 255, 255), strokeWeight(Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 20), ellipse(0, -this.pos.y - 100, Math.abs(this.pos.realY2) / this.pos.realZ * this.size, Math.abs(this.pos.realY2) / this.pos.realZ * this.size), noStroke(), fill(220, 255, 200, 50), pushMatrix(), translate(Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 8, -this.pos.y - 100 - Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 8), rotate(-30), ellipse(0, 0, Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 2.5, Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 2), ellipse(0, 0, Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 5, Math.abs(this.pos.realY2) / this.pos.realZ * this.size / 4), popMatrix(); }, move : function() { if (keys[LEFT]) this.pos.x -= 3; if (keys[RIGHT]) this.pos.x += 3; this.pos.x = constrain(this.pos.x, -50, 50), this.pos.y -= this.gravity, this.gravity += 0.17; for (var i = 0; i < faces.length; i++) { if (this.pos.x > -30 && this.pos.x < 30 && this.pos.y > -310 && this.pos.y < -300 && -this.pos.x * 3 > faces[i].points[0].x -3 && -this.pos.x * 3 < faces[i].points[1].x + 3 && faces[i].points[2].y < 113 && faces[i].points[2].y > 7) { this.pos.y = -300, this.gravity = 0, this.canJump = true; } } if (keys[UP] && this.canJump) { this.gravity = -4; } this.canJump = false; if (this.pos.y < -550) { record = Math.floor(Math.max(record, score)), scene = over; } } }; var plane = function(x, y, z, w, h) { lastPoint = points.length, points.push(new Point(x, y, z)), points.push(new Point(x + w, y, z)), points.push(new Point(x + w, y + h, z)), points.push(new Point(x, y + h, z)), faces.push(new Face(points[lastPoint], points[lastPoint + 1], points[lastPoint + 2], points[lastPoint + 3], color(100, 100, 100), 255)); }; var reset = function() { points = [], faces = [], speed = 2, score = 0, tilesRemoved = 0, player.pos = new Point(0, -300, -150), player.gravity = 0; for (var i = 0; i < 5; i++) { plane(-75, i * 100 - startY, -150, 50, 100), plane(-25, i * 100 - startY, -150, 50, 100), plane(25, i * 100 - startY, -150, 50, 100);} }; game = function() { if (tilesRemoved >= 15 && frameCount % 10 === 0) { score ++; } pushMatrix(), translate(300, 300), player.move(), Camera.x += Smooth(Camera.x, player.pos.x, 4); if (player.pos.y <= -310) { player.display(); } noStroke(); for (var i = faces.length - 1; i > -1; i--) { faces[i].display(), faces[i].move(0, -speed, 0); if (faces[i].points[0].y < -140) {faces.splice(i, 1), tilesRemoved ++; } } while (faces[faces.length - 1].points[0].y < 1400 - startY) { prevY = faces[faces.length - 1].points[0].y; tilesAdded = 0; for (var i = 0; i < 3; i++) { if (Math.floor(random(2)) === 0 \|\| (i === 2 && tilesAdded === 0)) { plane(-75 + i * 50, prevY + 100, -150, 50, 100), tilesAdded ++; } } speed += 0.01; } if (player.pos.y > -310) { player.display(); } popMatrix(), fill(255, 255, 235), textAlign(LEFT, TOP), textSize(40), text("DISTANCE: " + score, 5, 5), text("SPEED: " + Math.floor(speed * 10) / 10, 5, 45); }, textFont(createFont("monospace")); menu = function() { textAlign(CENTER, CENTER), fill(70, 200, 30, 30), noStroke(), beginShape(), vertex(0, 300), vertex(100, 350), vertex(200, 280), vertex(250, 320), vertex(300, 300), vertex(400, 350), vertex(500, 290), vertex(600, 310), vertex(600, 600), vertex(0, 600), endShape(), beginShape(), vertex(0, 300), vertex(100, 500), vertex(200, 280), vertex(250, 400), vertex(400, 350), vertex(500, 430), vertex(600, 310), vertex(600, 600), vertex(0, 600), endShape(), triangle(100, 350, 50, 400, 150, 390), triangle(250, 320, 230, 350, 350, 370), triangle(500, 290, 450, 390, 568, 350), triangle(0, 600, 200, 600, 100, 500), triangle(250, 400, 200, 600, 400, 600), triangle(500, 430, 400, 600, 700, 600), fill(255, 255, 235, 50), rect(0, 0, 600, 200), rect(0, 0, 20, 600), rect(580, 0, 20, 600), rect(0, 500, 600, 100), Text("The Runner", 300, 80, 150, color(70, 200, 30)), Text("A 3D Game", 300, 560, 110, color(70, 200, 30)), fill(70, 200, 30), textSize(30), text("By Green Ghost", 410, 150), fill(220, 255, 200, 50), ellipse(300, 350, 150, 150), ellipse(300, 350, 200, 200), stroke(255, 255, 255), strokeWeight(5), fill(dist(mouseX, mouseY, 300, 350) < 50 ? color(30, 230, 20) : color(0, 200, 0)), ellipse(300, 350, 100, 100), fill(220, 255, 200, 50), noStroke(), pushMatrix(), translate(315, 335), rotate(-30), ellipse(0, 0, 40, 50), ellipse(0, 0, 20, 30), popMatrix(), noStroke(), fill(255, 255, 235), triangle(325, 350, 285, 325, 285, 375), cursor((dist(mouseX, mouseY, 300, 350) < 50) ? "pointer" : "default"); }, over = function() { textAlign(CENTER, CENTER), Text("You Died!", 300, 180, 140, color(70, 200, 30)), textSize(50), fill(70, 200, 30), text("Distance: " + Math.floor(score), 300, 320), text("Record: " + record + "\n\nClick to play again!", 300, 450); }; scene = menu; draw = function() { cursor("default"), background(0, 0, 20), scene(); }; keyPressed = function() { keys[keyCode] = true }, keyReleased = function() { keys[keyCode] = false }, mouseClicked = function() { if ((scene === menu && dist(mouseX, mouseY, 300, 350) < 50) \|\| scene === over) { scene = game, reset(); } };
Folds	9,14,15,16,17,21,22,27,28,29,32,33,36,42,43,48,49,52,53,64,69,70,77,79,83,84,90,91,93,94
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIK3ooDECAw
Votes	351
Spin-Offs	53
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Green Ghost
Author Name	GreenGhost1
Author ID	kaid_145655330786057731504264
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739370152547
Updated	4 months ago, 1744828786605
Source Deleted	unknown