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	10 months ago, 1739370152547
Updated	8 months ago, 1744828786605
Source Deleted	unknown