Viewing Program

Program Data

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

Title	Mars (Game)
ID	5629933726515200
Created	3 years ago, 1642423719006
Updated	3 years ago, 1642508837825
Code	/ Mars (Game) Gray Wolf, January 2022 The game auto-generates as it goes so you can never actually finish it. The object of the game is to get the best streak you can :p A or LEFT key for left thruster D or RIGHT key for right thruster Get to the next landing pad before you run out of fuel If you save your game you will be given a save code that you will need to enter on line 37. This will allow you to continue with your best streak and current landing pad number. If you wish to reset the game completely you can use the following save code: ]-=-< @Reference Based off the game Mars on the app store. @Credits Line/Line collisions code from Dandeline Fire Coding https://www.khanacademy.org/cs/line-rect-collision/4706343556956160 Line/Circle collsions code from Green Ghost https://www.khanacademy.org/cs/line-to-circle-collision/4782392785321984 Rect/Circle collisions code from Green Ghost https://www.khanacademy.org/cs/rect-to-circle-collision/5082153290645504 @Subscribe Want to be notified when I create a new program? Sub here: https://www.khanacademy.org/cs/gray-wolf/4876588413698048 / / Put your save code here to start from where you last saved. Tt will save your best streak and current pad number / var saveCode = "]-=-<"; var app; smooth(); textFont(createFont("Trebuchet MS")); var clicked = false, hover = false, keys = []; mouseClicked = function() { clicked = true; }; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var Logo = (function() { Logo = function(args) { this.scale = args.scale \|\| 1.0; this.x = args.x \|\| width * 0.5 * this.scale; this.y = args.y \|\| height * 0.4 * this.scale; this.colors = { back: color(28, 28, 28), outline: color(5, 5, 5), from: color(102, 99, 98), to: color(13, 13, 13), text: color(173, 173, 173) }; this.font = args.font \|\| createFont("Trebuchet MS"); this.gray = { words: "G R A Y W O L F", index: 0, timer: 0, delay: 2 }; this.prod = { opacity: 0, y: height * 1.2, }; this.img = undefined; this.imgs = []; this.splits = { left: undefined, right: undefined }; this.timer = 0; this.states = { a: { delay: 30, duration: 120, }, b: { delay: 30 }, c: { delay: 55 }, d: { delay: 45, x: 0 } }; this.state = "a"; this.done = false; this.complete = false; this.hover = false; this.init(); }; Logo.prototype = { init: function() { var gx = createGraphics(600, 600, P2D); gx.background(0, 0); gx.fill(255); //inner gx.beginShape(); gx.vertex(300, 137); gx.vertex(377, 150); gx.vertex(454, 118); gx.vertex(410, 213); gx.vertex(429, 202); gx.vertex(464, 279); gx.vertex(396, 361); gx.vertex(381, 316); gx.vertex(341, 399); gx.vertex(300, 443); gx.vertex(259, 399); gx.vertex(219, 316); gx.vertex(204, 361); gx.vertex(136, 279); gx.vertex(171, 202); gx.vertex(190, 213); gx.vertex(146, 118); gx.vertex(223, 150); gx.endShape(CLOSE); var shape = gx.get(115, 90, 370, 355); gx.noStroke(); for(var i = 90; i <= 445; i++) { gx.fill(gx.lerpColor(this.colors.to, this.colors.from, i/445)); gx.rect(115, i, 370, 1); } gx.stroke(150, 20); gx.strokeWeight(1); for(var i = 0; i < 200; i++) { gx.line(random(115, 485), random(90, 445), random(115, 485), random(90, 445)); } gx.filter(BLUR, 2.5); var grad = gx.get(115, 90, 370, 355); grad.mask(shape); gx.background(this.colors.back); gx.background(0, 0); gx.noStroke(); gx.fill(this.colors.outline); //outer gx.beginShape(); gx.vertex(300, 126); gx.vertex(376, 138); gx.vertex(480, 92); gx.vertex(437, 187); gx.vertex(482, 283); gx.vertex(396, 364); gx.vertex(383, 344); gx.vertex(354, 404); gx.vertex(300, 444); gx.vertex(246, 404); gx.vertex(217, 344); gx.vertex(204, 364); gx.vertex(118, 283); gx.vertex(163, 187); gx.vertex(120, 92); gx.vertex(224, 138); gx.endShape(CLOSE); gx.image(grad, 115, 90); fill(this.colors.outline); //nose gx.beginShape(); gx.vertex(300, 372); gx.vertex(323, 367); gx.vertex(320, 382); gx.vertex(300, 400); gx.vertex(280, 382); gx.vertex(277, 367); gx.endShape(CLOSE); //left eye gx.beginShape(); gx.vertex(324, 341); gx.vertex(320, 268); gx.vertex(428, 231); gx.vertex(378, 290); gx.vertex(358, 278); gx.vertex(372, 280); gx.vertex(390, 257); gx.vertex(334, 277); gx.endShape(CLOSE); //right eye gx.beginShape(); gx.vertex(276, 341); gx.vertex(280, 268); gx.vertex(172, 231); gx.vertex(222, 290); gx.vertex(244, 278); gx.vertex(228, 280); gx.vertex(210, 257); gx.vertex(266, 277); gx.endShape(CLOSE); this.img = gx.get(115, 90, 370, 355); //generate pieces of image for(var i = 0; i < 10; i++) { for(var j = 0; j < 10; j++) { this.imgs.push({ img: gx.get(115 + 37 * i, 90 + 35.5 * j, 37, 35.5), w: 37, h: 35.5, dx: 115 + 37 * i + 18.5, dy: 90 + 35.5 * j + 17.75, x: random(-width, width * 2), y: random(-height, height * 2), angle: ~~random(3600) }); } } }, draw: function() { if(!this.complete) { pushMatrix(); scale(this.scale); pushStyle(); switch(this.state) { case "a": background(this.colors.back); translate(150, 0); if(this.timer++ >= this.states.a.delay) { for(var i = 0; i < this.imgs.length; i++) { var item = this.imgs[i]; item.x = lerp(item.x, item.dx, 0.1); item.y = lerp(item.y, item.dy, 0.1); item.angle = lerp(item.angle, 0, 0.1); imageMode(CENTER); pushMatrix(); translate(item.x, item.y - 28); rotate(item.angle); image(item.img, 0, 0, item.w, item.h); popMatrix(); } if(this.timer >= this.states.a.duration) { this.state = "b"; this.timer = 0; } } break; case "b": background(this.colors.back); imageMode(CENTER); image(this.img, this.x / this.scale, this.y / this.scale); if(this.timer++ >= this.states.b.delay) { textFont(this.font); textAlign(CENTER, CENTER); textSize(40); fill(this.colors.text); if(this.gray.index < this.gray.words.length && this.gray.timer++ >= this.gray.delay) { this.gray.index++; this.gray.timer = 0; } text(this.gray.words.substring(0, this.gray.index), this.x / this.scale, this.y * 2 / this.scale); this.prod.opacity = constrain(this.prod.opacity + 7, 0, 255); this.prod.y = ~~lerp(this.prod.y, this.y * 2.1, 0.030); textSize(30); fill(this.colors.text, this.prod.opacity); text("P R E S E N T S", this.x / this.scale, this.prod.y / this.scale); } if(this.gray.index === this.gray.words.length) { this.state = "c"; this.timer = 0; } break; case "c": background(this.colors.back); imageMode(CENTER); image(this.img, this.x / this.scale, this.y / this.scale); textFont(this.font); textAlign(CENTER, CENTER); textSize(40); fill(this.colors.text); text(this.gray.words.substring(0, this.gray.index), this.x / this.scale, this.y * 2 / this.scale); if(this.timer++ >= this.states.c.delay) { this.prod.opacity = constrain(this.prod.opacity - 5, 0, 255); } textSize(30); fill(this.colors.text, this.prod.opacity); this.prod.y = constrain(~~lerp(this.prod.y, this.y * 2.1, 0.035), 530 * this.scale, Infinity); text("P R E S E N T S", this.x / this.scale, this.prod.y / this.scale); if(this.prod.opacity === 0) { //get split image for next state this.splits.left = get(0, 0, width / 2, height); this.splits.right = get(width / 2, 0, width / 2, height); this.state = "d"; this.timer = 0; } break; case "d": scale(1 / this.scale); imageMode(CORNER); if(this.timer++ >= this.states.d.delay) { this.states.d.x = constrain(this.states.d.x + 7, 0, width / 2); } image(this.splits.left, -this.states.d.x, 0); image(this.splits.right, width / 2 + this.states.d.x, 0); if(this.states.d.x >= width / 2) { this.completed = true; } if(this.timer === this.states.d.delay) { this.done = true; } break; } popStyle(); popMatrix(); } } }; return Logo; })(); var Button = (function() { var Button = function(args) { this.x = args.x; this.y = args.y; this.diameter = args.diameter \|\| 100; this.content = args.content; this.textSize = args.textSize \|\| this.diameter * 0.25; this.enabled = true; this.hover = false; this.selected = args.selected \|\| false; this.func = args.func; this.backColor = args.backColor \|\| color(120, 190, 130); this.backColorHover = args.backColorHover \|\| color(128, 201, 138); this.textColor = args.textColor \|\| color(25); }; Button.prototype = { over: function() { return dist(mouseX, mouseY, this.x, this.y) < this.diameter / 2; }, draw: function() { noStroke(); this.hover = this.over(); if(this.enabled && this.hover) { hover = true; } pushStyle(); stroke(60, 200); strokeWeight(this.diameter * 0.1); fill(this.hover ? this.backColorHover : this.backColor, this.selected ? 100 : this.enabled && this.hover ? 240 : 210); ellipse(this.x, this.y, this.diameter, this.diameter); textAlign(CENTER, CENTER); textSize(this.textSize); fill(this.enabled ? this.textColor : color(this.textColor, 100)); text(this.content, this.x, this.y); popStyle(); if(this.enabled && clicked && this.hover) { this.func(); } } }; return Button; })(); var Player = (function() { var Player = function(args) { this.x = 300; this.y = 500; this.w = 34; this.h = 34; this.vx = 0; this.vy = 0; this.index = 0; this.lines = [ { //bottom x1: this.x, y1: this.y + this.h, x2: this.x + this.w, y2: this.y + this.h }, { //left x1: this.x, y1: this.y, x2: this.x, y2: this.y + this.h }, { //right x1: this.x + this.w, y1: this.y, x2: this.x + this.w, y2: this.y + this.h } ]; this.gravity = 0.04; this.thrust = 0; this.angle = 0; this.rot = 0.1; this.color = color(247, 108, 134); this.fuel = 100; this.onPad = false; this.thrusters = { left: { x: -this.w * 0.45, y: this.h * 0.5, active: false }, center: { x: 0, y: this.h * 0.5, active: false }, right: { x: this.w * 0.45, y: this.h * 0.5, active: false } }; this.thrusts = []; this.shipImage = this.getShipImage(); }; Player.prototype = { getShipImage: function() { background(0, 0); pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); //thrusters noStroke(); fill(255); triangle( -this.w * 0.4, 0, -this.w * 0.5, this.h * 0.5, -this.w * 0.3, this.h * 0.5); triangle( 0, 0, -this.w * 0.1, this.h * 0.5, this.w * 0.1, this.h * 0.5); triangle( this.w * 0.4, 0, this.w * 0.5, this.h * 0.5, this.w * 0.3, this.h * 0.5); //antennas stroke(45, 65, 95); strokeWeight(this.w * 0.03); line(-this.w * 0.45, -this.h * 0.4, this.w * 0.45, -this.h * 0.4); line(-this.w * 0.45, -this.h * 0.4, -this.w * 0.45, -this.h * 0.5); line(this.w * 0.45, -this.h * 0.4, this.w * 0.45, -this.h * 0.5); noStroke(); ellipse(-this.w * 0.45, -this.h * 0.4, this.w * 0.15, this.w * 0.15); ellipse(this.w * 0.45, -this.h * 0.4, this.w * 0.15, this.w * 0.15); //body noStroke(); fill(this.color); beginShape(); vertex(-this.w * 0.4, -this.h * 0.1); vertex(this.w * 0.4, -this.h * 0.1); vertex(this.w * 0.5, this.h * 0.35); vertex(-this.w * 0.5, this.h * 0.35); endShape(CLOSE); fill(50, 30); beginShape(); vertex(-this.w * 0.4, -this.h * 0.1); vertex(0, -this.h * 0.1); vertex(0, this.h * 0.35); vertex(-this.w * 0.5, this.h * 0.35); endShape(CLOSE); //lights fill(255); ellipse(0, this.h * 0.15, this.w * 0.2, this.w * 0.2); ellipse(-this.w * 0.25, this.h * 0.15, this.w * 0.2, this.w * 0.2); ellipse(this.w * 0.25, this.h * 0.15, this.w * 0.2, this.w * 0.2); //top fill(255); beginShape(); vertex(-this.w * 0.5, -this.h * 0.1); vertex(this.w * 0.5, -this.h * 0.1); vertex(this.w * 0.5, -this.h * 0.25); vertex(this.w * 0.40, -this.h * 0.25); vertex(this.w * 0.25, -this.h * 0.5); vertex(-this.w * 0.25, -this.h * 0.5); vertex(-this.w * 0.40, -this.h * 0.25); vertex(-this.w * 0.5, -this.h * 0.25); endShape(CLOSE); fill(50, 20); beginShape(); vertex(-this.w * 0.5, -this.h * 0.1); vertex(0, -this.h * 0.1); vertex(0, -this.h * 0.25); vertex(0, -this.h * 0.25); vertex(0, -this.h * 0.5); vertex(-this.w * 0.25, -this.h * 0.5); vertex(-this.w * 0.40, -this.h * 0.25); vertex(-this.w * 0.5, -this.h * 0.25); endShape(CLOSE); popMatrix(); return get(this.x, this.y, this.w, this.h); }, updateLines: function() { //bottom this.lines[0].x1 = this.x; this.lines[0].y1 = this.y + this.h; this.lines[0].x2 = this.x + this.w; this.lines[0].y2 = this.y + this.h; //left this.lines[1].x1 = this.x; this.lines[1].y1 = this.y; this.lines[1].x2 = this.x; this.lines[1].y2 = this.y + this.h; //right this.lines[2].x1 = this.x + this.w; this.lines[2].y1 = this.y; this.lines[2].x2 = this.x + this.w; this.lines[2].y2 = this.y + this.h; }, addThrust: function(thruster) { thruster.active = true; this.thrusts.push({ x: thruster.x, y: thruster.y, vx: random(-0.5, 0.5), vy: random(1, 2), diameter: random(this.w * 0.1, this.w * 0.15), color: color(random(220, 250)), opacity: random(200, 240) \| 0 }); }, runThrusts: function() { noStroke(); for(var i = this.thrusts.length - 1; i >= 0; i--) { var thrust = this.thrusts[i]; fill(thrust.color, thrust.opacity); ellipse(thrust.x, thrust.y, thrust.diameter, thrust.diameter); thrust.x+= thrust.vx; thrust.y+= thrust.vy; thrust.opacity = constrain(thrust.opacity - 3, 0, 255); if(thrust.opacity === 0) { this.thrusts.splice(i, 1); } } for(var i in this.thrusters) { var thruster = this.thrusters[i]; if(thruster.active && random() < 0.6) { fill(252, 109, 125); ellipse(thruster.x, thruster.y + this.w * 0.1, this.w * 0.3, this.w * 0.3); } } }, draw: function() { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); this.runThrusts(); rotate(this.angle); image(this.shipImage, -this.w / 2, -this.h / 2); popMatrix(); }, update: function() { this.thrust = 0; this.thrusters.left.active = false; this.thrusters.center.active = false; this.thrusters.right.active = false; if(this.fuel > 0) { if((keys[LEFT] \|\| keys[65] \|\| keys[RIGHT] \|\| keys[68]) && this.onPad) { this.thrust = -3; this.vx+= 0.5; this.fuel = constrain(this.fuel - 3, 0, 100); this.onPad = false; //add thrusts this.addThrust(this.thrusters.left); this.addThrust(this.thrusters.center); this.addThrust(this.thrusters.right); this.addThrust(this.thrusters.left); this.addThrust(this.thrusters.center); this.addThrust(this.thrusters.right); } else if((keys[LEFT] \|\| keys[65]) && (keys[RIGHT] \|\| keys[68])) { this.thrust = -0.1; this.fuel = constrain(this.fuel - 1, 0, 100); this.onPad = false; //add thrusts this.addThrust(this.thrusters.left); this.addThrust(this.thrusters.center); this.addThrust(this.thrusters.right); } else if(keys[LEFT] \|\| keys[65] \|\| keys[RIGHT] \|\| keys[68]) { this.onPad = false; if(keys[LEFT] \|\| keys[65]) { this.vx = constrain(this.vx + 0.01, -0.5, 0.7); this.thrust = -0.075; this.angle = lerp(this.angle, 15, 0.05); this.fuel = constrain(this.fuel - 0.5, 0, 100); //add thrusts this.addThrust(this.thrusters.left); } if(keys[RIGHT] \|\| keys[68]) { this.vx = constrain(this.vx -0.01, -0.5, 0.7); this.thrust = -0.075; this.angle = lerp(this.angle, -15, 0.05); this.fuel = constrain(this.fuel - 0.5, 0, 100); //add thrusts this.addThrust(this.thrusters.right); } } else { this.angle = lerp(this.angle, 0, 0.05); this.vx = lerp(this.vx, 0, 0.01); } } if(!this.onPad) { this.vy+= this.thrust; this.x+= this.vx; this.vy+= this.gravity; this.y+= this.vy; } }, run: function() { this.draw(); this.update(); } }; return Player; })(); var Road = (function() { var Road = function(args) { this.colors = { fill: color(130, 130, 130), stroke: color(51, 51, 51) }; this.w = { MIN_AFTER: 40, MIN: 10, MAX: 100 }; this.h = args.h \|\| height * 2; this.increment = args.increment \|\| 0.40; this.track = { increment: 0.10, noise: 0, value: 0, }; this.tracks = []; }; Road.prototype = { addTree: function(appRef, n) { //add a random tree if(random() < 0.8) { var currentTrack = this.tracks[this.tracks.length - 1]; var previousTrack = this.tracks[this.tracks.length - 2]; if(abs(currentTrack.y - previousTrack.y) < 50 && previousTrack.w > 50) { var angle = atan2(previousTrack.y - currentTrack.y, previousTrack.x - currentTrack.x); var vx = cos(angle); var vy = sin(angle); var h = random(30, 60) \| 0; appRef.trees.push({ x: currentTrack.x + vx * previousTrack.w / 2, y: currentTrack.y + vy * previousTrack.w / 2 - h, w: h * 0.1, h: h, diameter: h, type: random(appRef.tree.types.length) \| 0, noise: n }); } } }, setup: function(appRef) { this.track.value+= this.track.increment; this.track.noise = noise(this.track.value); var n = noise(this.increment); var x = -width * 2; var w = (random(this.w.MIN, this.w.MAX) \| 0); var y = map(n, 0.25, 0.7, 50, 700) \| 0; this.tracks.push({ x: x, y: y, w: w, noise: this.increment, color: color(80 + this.track.noise * 200, 100, 100) }); while(x < width * 1.5) { var track = this.tracks[this.tracks.length - 1]; this.track.value+= this.track.increment; this.track.noise = noise(this.track.value); if((appRef.pads.arr.length === 0 && x > appRef.pads.dist) \|\| (appRef.pads.arr.length > 0 && dist(x, 0, appRef.pads.arr[appRef.pads.arr.length - 1].x, 0) > appRef.pads.dist)) { track.w = random(75, 90) \| 0; n = noise((track.noise)); y = map(n, 0.25, 0.7, 50, 700) \| 0; x = track.x + track.w; w = (random(this.w.MIN, this.w.MAX) \| 0); //add pad to array appRef.pads.arr.push({ x: track.x + track.w / 2 - 25 \| 0, y: y - 5, w: 50, h: appRef.pads.h, color: appRef.pads.color, textColor: appRef.pads.textColor, number: appRef.pads.number++ }); //add flat line on track this.tracks.push({ x: x, y: y, w: random(this.w.MIN_AFTER, this.w.MAX) \| 0, //w, noise: track.noise, color: color(80 + this.track.noise * 200, 100, 100) }); } else { w = (random(this.w.MIN, this.w.MAX) \| 0); n = noise((track.noise + this.increment)); y = map(n, 0.25, 0.7, 50, 700) \| 0; x = track.x + track.w; this.tracks.push({ x: x, y: y, w: w, noise: track.noise + this.increment, color: color(80 + this.track.noise * 200, 100, 100) }); this.addTree(appRef, n); } } }, update: function() { var added = false; if(this.tracks[this.tracks.length - 1].x - app.player.x < width * 1.5) { var x, y, w, n; var track = this.tracks[this.tracks.length - 1]; this.track.value+= this.track.increment; this.track.noise = noise(this.track.value); if(dist(track.x, 0, app.pads.arr[app.pads.arr.length - 1].x, 0) > app.pads.dist) { track.w = random(75, 90) \| 0; n = noise(track.noise); y = map(n, 0.25, 0.7, 50, 700) \| 0; x = track.x + track.w; w = (random(this.w.MIN, this.w.MAX) \| 0); //add pad to array app.pads.arr.push({ x: track.x + track.w / 2 - 25 \| 0, y: y - 5, w: 50, h: app.pads.h, color: app.pads.color, textColor: app.pads.textColor, number: app.pads.number++ }); //add flat line on track this.tracks.push({ x: x, y: y, w: random(this.w.MIN_AFTER, this.w.MAX) \| 0, noise: track.noise, color: color(100 + this.track.noise * 200, 100, 100) }); } else { this.track.value+= this.track.increment; this.track.noise = noise(this.track.value); //add a new piece of track n = noise((track.noise + this.increment)); y = map(n, 0.25, 0.7, 50, 700) \| 0; x = track.x + track.w; w = (random(this.w.MIN, this.w.MAX) \| 0); this.tracks.push({ x: x, y: y, w: w, noise: track.noise + this.increment, color: color(100 + this.track.noise * 200, 100, 100) }); this.addTree(app, n); } added = true; } for(var i = 0; i < this.tracks.length; i++) { var track = this.tracks[i]; track.x-= app.player.vx; if(app.player.onPad) { if(track.x < app.player.x - width * 2) { this.tracks.splice(i, 1); } } } return added; }, draw: function() { pushStyle(); noStroke(); for(var i = 1; i < this.tracks.length; i++) { var track = this.tracks[i]; fill(track.color); beginShape(); vertex(this.tracks[i-1].x, this.h); vertex(this.tracks[i-1].x, this.tracks[i-1].y); vertex(track.x + 1, track.y); vertex(track.x + 1, this.h); endShape(CLOSE); } popStyle(); }, run: function() { this.update(); this.draw(); } }; return Road; })(); var App = (function() { var App = function(args) { this.scene = "home"; this.road = new Road({}); this.player = new Player({}); this.logo = new Logo({}); this.shake = 0; this.shakedown = 0.1; this.images = {}; this.imageIndex = 0; this.loaded = false; this.pads = { arr: [], h: 20, dist: 300, offset: 50, current: undefined, number: 1, //increments for each pad streak: { current: 0, max: 0, show: false }, color: color(60), colorCurrent: color(207, 206, 118), textColor: color(255), textColorCurrent: color(20) }; this.fuelGuage = { from: color(87, 189, 100), to: color(245, 65, 49), opacity: 150, weight: 8 }; this.cam = { x: 0, y: 0, scale: 1 }; this.landing = { timer: 0, duration: 60, active: false }; this.blackHole = { timer: 0, duration: 180, active: false, rot: 7, current: { x: 0, y: 0 }, coords: [], particleMax: 20 }; this.crash = { timer: 0, duration: 120, active: false, arr: [], bits: 25 }; this.messages = []; this.blackHoles = []; this.tree = { types: [ { //round trunkColor: color(89, 83, 71), bushColor: color(247, 116, 145) }, { //triangle trunkColor: color(120, 104, 74), bushColor: color(199, 198, 119) }, { //pole trunkColor: color(110, 90, 54), bushColor: color(132, 191, 147) } ] }; this.trees = []; this.thrusts = []; this.circles = []; this.how = { text: "A or LEFT key for left thruster\nD or RIGHT key for right thruster\nGet to the next landing pad before you run out of fuel\nMake sure you don't land too hard", delay: 3, value: 0, len: -25 }; this.meteor = { bits: 10, trails: [] }; this.meteors = []; this.stars = { front: { x1: 0, x2: 1199, speed: 0.4, img: undefined }, back: { x1: 0, x2: 1199, speed: 0.2, img: undefined } }; this.hills = { front: { x1: 0, x2: 1199, speed: 0.6, yoff: 0.2 }, back: { x1: 0, x2: 1199, speed: 0.4, yoff: 0.4 } }; this.cypher = { value: "twRcfTA9l<rg>yM\|/.5pjBo31I_C?DK)Y]b+:{QNZW,dS0Vn6}[82a=47(UGvLeOFPXHqxEuikzJhms=!}#?>$U@I&" }; this.buttons = { save: new Button({ x: 860, y: 40, diameter: 50, content: "Save", func: function() { app.encode(app.pads.current.number, app.pads.streak.max); println("Save code: " + saveCode); } }) }; this.setup(); }; App.prototype = { setup: function() { this.decode(this.pads.number, this.pads.streak.max); this.images = { starsFront: function() { var gx = createGraphics(1200, 900, P2D); gx.background(0, 0, 0, 0); gx.noStroke(); gx.fill(255, 80); for(var i = 0; i < 100; i++) { var diameter = random(3, 7); gx.ellipse(random(1200), random(900), diameter, diameter); } return gx.get(0, 0, 1200, 900); }, starsBack: function() { var gx = createGraphics(1200, 900, P2D); gx.background(0, 0, 0, 0); gx.noStroke(); gx.fill(255, 40); for(var i = 0; i < 100; i++) { var diameter = random(2, 5); gx.ellipse(random(1200), random(900), diameter, diameter); } return gx.get(0, 0, 1200, 900); }, hillsFront: function() { var gx = createGraphics(1200, 900, P2D); gx.background(0, 0, 0, 0); gx.noFill(); var colorStart = color(138, 135, 136); var colorEnd = color(5, 4, 5); gx.strokeWeight(10); for(var y = 0; y <= 900; y+= 5) { gx.stroke(lerpColor(colorStart, colorEnd, y/900)); gx.line(0, y, 1200, y); } var hills = gx.get(0, 0, 1200, 900); gx.background(0); gx.fill(255); gx.noStroke(); gx.beginShape(); gx.vertex(0, 300); gx.vertex(61, 218); gx.vertex(102, 222); gx.vertex(120, 252); gx.vertex(176, 168); gx.vertex(199, 206); gx.vertex(232, 193); gx.vertex(259, 247); gx.vertex(281, 326); gx.vertex(329, 292); gx.vertex(383, 363); gx.vertex(414, 300); gx.vertex(437, 272); gx.vertex(471, 257); gx.vertex(504, 195); gx.vertex(516, 131); gx.vertex(571, 120); gx.vertex(605, 165); gx.vertex(615, 219); gx.vertex(646, 255); gx.vertex(677, 240); gx.vertex(711, 272); gx.vertex(731, 308); gx.vertex(777, 323); gx.vertex(801, 288); gx.vertex(853, 257); gx.vertex(963, 274); gx.vertex(1013, 235); gx.vertex(1038, 268); gx.vertex(1079, 317); gx.vertex(1108, 393); gx.vertex(1140, 380); gx.vertex(1156, 329); gx.vertex(1179, 289); gx.vertex(1200, 300); gx.vertex(1200, 900); gx.vertex(0, 900); gx.endShape(CLOSE); var hillsShape = gx.get(0, 0, 1200, 900); if(hills && hillsShape) { hills.mask(hillsShape); } return hills; }, hillsBack: function() { var gx = createGraphics(1200, 900, P2D); gx.background(0, 0, 0, 0); gx.noFill(); var colorStart = color(181, 177, 179); var colorEnd = color(23, 23, 23); gx.strokeWeight(10); for(var y = 0; y <= 900; y+= 5) { gx.stroke(lerpColor(colorStart, colorEnd, y/900)); gx.line(0, y, 1200, y); } var hills = gx.get(0, 0, 1200, 900); gx.background(0); gx.fill(255); gx.noStroke(); gx.beginShape(); gx.vertex(0, 337); gx.vertex(44, 296); gx.vertex(78, 334); gx.vertex(105, 301); gx.vertex(172, 322); gx.vertex(210, 359); gx.vertex(217, 390); gx.vertex(267, 382); gx.vertex(311, 280); gx.vertex(366, 223); gx.vertex(410, 158); gx.vertex(451, 195); gx.vertex(459, 252); gx.vertex(499, 289); gx.vertex(567, 294); gx.vertex(592, 329); gx.vertex(617, 381); gx.vertex(678, 347); gx.vertex(705, 307); gx.vertex(763, 314); gx.vertex(826, 352); gx.vertex(870, 347); gx.vertex(900, 337); gx.vertex(961, 328); gx.vertex(1005, 353); gx.vertex(1038, 382); gx.vertex(1079, 360); gx.vertex(1115, 330); gx.vertex(1169, 323); gx.vertex(1200, 337); gx.vertex(1200, 900); gx.vertex(0, 900); gx.endShape(CLOSE); var hillsShape = gx.get(0, 0, 1200, 900); if(hills && hillsShape) { hills.mask(hillsShape); } return hills; }, background: function() { var gx = createGraphics(900, 600, P2D); gx.background(0, 0, 0, 0); var colorEnd = color(104, 199, 209); var colorStart = color(54, 106, 112); gx.noFill(); gx.strokeWeight(1); for(var y = 0; y <= 600; y+= 1) { gx.stroke(lerpColor(colorStart, colorEnd, y/600)); gx.line(0, y, 900, y); } return gx.get(0, 0, 900, 600); }, meteor: function() { background(0, 0, 0, 0); noStroke(); fill(54, 54, 54); beginShape(); vertex(284, 226); vertex(303, 232); vertex(319, 225); vertex(340, 233); vertex(349, 249); vertex(365, 261); vertex(361, 276); vertex(368, 289); vertex(376, 305); vertex(370, 319); vertex(367, 339); vertex(352, 352); vertex(336, 361); vertex(324, 375); vertex(302, 379); vertex(287, 368); vertex(265, 372); vertex(243, 350); vertex(238, 329); vertex(222, 311); vertex(221, 291); vertex(232, 272); vertex(241, 258); vertex(247, 239); vertex(269, 234); endShape(CLOSE); return get(220, 225, 155, 155); } }; for(var i = 0; i < 30; i++) { this.circles.push({ x: random(100, 2700) \| 0, y: random(50, 300) \| 0, diameter: random(20, 50) \| 0, opacity: random(7, 15) \| 0, speed: random(0.1, 0.2) }); } for(var i = 0; i < 360; i++) { this.blackHole.coords.push({ x: cos(i), y: sin(i) }); } this.road.setup(this); this.pads.current = this.pads.arr[0]; this.pads.current.color = this.pads.colorCurrent; this.pads.current.textColor = this.pads.textColorCurrent; this.player.x = this.pads.current.x + this.pads.current.w / 2 - this.player.w / 2; this.player.y = this.pads.current.y - this.player.h * 2; }, load: function(s) { var obj = Object.keys(this.images); this.images[obj[this.imageIndex]] = this.images[obj[this.imageIndex]](); this.imageIndex++; background(28, 28, 28); pushStyle(); fill(173, 173, 173); textAlign(CENTER, CENTER); textSize(40); text('LOADING', 450, 300); noFill(); stroke(173, 173, 173); strokeCap(SQUARE); strokeWeight(15); arc(450, 300, 300, 300, 0, map(this.imageIndex / obj.length, 0, 1, 0, 360)); strokeWeight(1); popStyle(); if(this.imageIndex < obj.length){ this.loaded = false; } else { this.loaded = true; this.scene = s; } }, encode: function() { var args = Array.from(arguments); var shift = (random(12) \| 0); saveCode = ""; for(var i = 0; i < args.length; i++) { var arg = args[i].toString(); for(var j = 0; j < arg.length; j++) { var ch = arg[j]; saveCode+= this.cypher.value[this.cypher.value.indexOf(ch) + shift + j]; } saveCode+= "-"; } saveCode+= this.cypher.value[shift]; }, decode: function() { try { var arr = saveCode.split("-"); var shift = this.cypher.value.indexOf(arr[2]); this.pads.number = 0; for(var i = 0; i < arr[0].length; i++) { var ch = this.cypher.value[this.cypher.value.indexOf(arr[0][i]) - shift - i]; this.pads.number = (this.pads.number.toString() + ch \| 0); } this.pads.streak.max = 0; for(var i = 0; i < arr[1].length; i++) { var ch = this.cypher.value[this.cypher.value.indexOf(arr[1][i]) - shift - i]; this.pads.streak.max = (this.pads.streak.max.toString() + ch \| 0); } if(this.pads.number < 1 \|\| this.pads.streak.max < 0) { throw ""; } } catch (e) { println("You've entered an invalid save code!"); this.pads.number = 1; this.pads.streak.max = 0; } }, updateCamera: function() { var nextPad = this.pads.arr[this.pads.arr.indexOf(this.pads.current)+1]; this.cam.x = lerp(this.cam.x, width * 0.4 - (this.player.x + nextPad.x) / 2, 0.05) \| 0; this.cam.y = lerp(this.cam.y, height * 0.6 - (this.player.y + nextPad.y) / 2, 0.05) \| 0; this.cam.scale = lerp(this.cam.scale, map(abs(this.pads.current.y - nextPad.y), 0, 600, 1, 0.5), 0.05); }, lineLineCollision: function(a, b){ // Calculate the distance to the intersection point var uA = ((b.x2-b.x1)(a.y1-b.y1) - (b.y2-b.y1)(a.x1-b.x1)) / ((b.y2 - b.y1)(a.x2-a.x1) - (b.x2-b.x1)(a.y2-a.y1)); var uB = ((a.x2-a.x1)(a.y1-b.y1) - (a.y2-a.y1)(a.x1-b.x1)) / ((b.y2 - b.y1)(a.x2-a.x1) - (b.x2-b.x1)(a.y2-a.y1)); return uA >= 0 && uA <= 1 && uB >= 0 && uB <= 1; }, rectRectCollision: function(player, rectangle) { return player.x <= rectangle.x + rectangle.w && player.x + player.w >= rectangle.x && player.y <= rectangle.y + rectangle.h && player.y + player.h >= rectangle.y; }, rectCircleCollision: function(player, circle) { var closestX = constrain(circle.x, player.x, player.x + player.w); var closestY = constrain(circle.y, player.y, player.y + player.h); var distance = dist(circle.x, circle.y, closestX, closestY); var collision = distance <= circle.diameter / 2; return { x: closestX, y: closestY, collision: collision }; }, lineCircleCollision: function(ln, circle) { var ang1 = atan2(circle.y - ln.y1, circle.x - ln.x1); var ang2 = atan2(ln.y2 - ln.y1, ln.x2 - ln.x1); var d1 = dist(circle.x, circle.y, ln.x1, ln.y1); var d2 = dist(ln.x1, ln.y1, ln.x2, ln.y2); var cx = cos(ang1 - ang2) * d1; var cy = sin(ang1 - ang2) * d1; var px = constrain(cx, 0, d2); return dist(cx, cy, px, 0) < circle.diameter / 2; }, runFuel: function() { pushStyle(); noFill(); stroke(50, 150); strokeWeight(this.fuelGuage.weight); strokeCap(SQUARE); arc(45, 45, 60, 60, 0, 360); if(this.player.fuel > 0) { stroke(lerpColor(this.fuelGuage.from, this.fuelGuage.to, map(this.player.fuel, 100, 0, 0, 1)), this.fuelGuage.opacity); arc(45, 45, 60, 60, -90, 270 - map(this.player.fuel, 100, 0, 0, 360)); } fill(250, 200); textAlign(CENTER, CENTER); textSize(14); text(~~map(this.player.fuel, 100, 0, 100, 0) + "%", 45, 45); strokeWeight(1); popStyle(); }, runMessages: function() { pushStyle(); textAlign(CENTER, CENTER); textSize(20); for(var i = this.messages.length - 1; i >= 0; i--) { var message = this.messages[i]; fill(255, message.opacity); text(message.content, message.x, message.y); message.opacity = constrain(message.opacity - 1.5, 0, 255); message.y-= 1; if(message.opacity === 0) { this.messages.splice(i, 1); } } popStyle(); }, updateStreak: function() { this.pads.streak.current++; if(this.pads.streak.current === this.pads.streak.max) { this.pads.streak.show = true; } else if(this.pads.streak.show && this.pads.streak.current > this.pads.streak.max) { this.messages.push({ content: "you beat your last\nstreak of " + this.pads.streak.max, x: this.pads.current.x, y: this.pads.current.y + 100, opacity: 255 }); this.pads.streak.show = false; } this.pads.streak.max = max(this.pads.streak.current, this.pads.streak.max); }, updateCurrentPad: function() { this.pads.current.color = this.pads.colorCurrent; this.pads.current.textColor = this.pads.textColorCurrent; }, runTrees: function() { for(var i = this.trees.length - 1; i >= 0; i--) { var tree = this.trees[i]; tree.x -= this.player.vx; switch(tree.type) { case 0: noStroke(); fill(50 + tree.noise * 150, 50 + tree.noise * 300, 70 + tree.noise * 130); ellipse(tree.x, tree.y, tree.diameter, tree.diameter); noStroke(); fill(100, 20); arc(tree.x, tree.y, tree.diameter, tree.diameter, 90, 270); noStroke(); fill(this.tree.types[tree.type].trunkColor); triangle( tree.x - tree.diameter * 0.05, tree.y + tree.h, tree.x + tree.diameter * 0.05, tree.y + tree.h, tree.x, tree.y - tree.diameter * 0.1); break; case 1: noStroke(); //top fill(76, 131, 168); triangle( tree.x, tree.y + tree.diameter * 0, tree.x - tree.diameter * 0.4, tree.y + tree.diameter * 0.7, tree.x + tree.diameter * 0.4, tree.y + tree.diameter * 0.7); fill(20, 30); triangle( tree.x, tree.y + tree.diameter * 0, tree.x - tree.diameter * 0.4, tree.y + tree.diameter * 0.7, tree.x, tree.y + tree.diameter * 0.7); //center fill(89, 152, 194); triangle( tree.x, tree.y - tree.diameter * 0.2, tree.x - tree.diameter * 0.3, tree.y + tree.diameter * 0.4, tree.x + tree.diameter * 0.3, tree.y + tree.diameter * 0.4); fill(20, 30); triangle( tree.x, tree.y - tree.diameter * 0.2, tree.x - tree.diameter * 0.3, tree.y + tree.diameter * 0.4, tree.x, tree.y + tree.diameter * 0.4); //bottom fill(106, 171, 217); triangle( tree.x, tree.y - tree.diameter * 0.5, tree.x - tree.diameter * 0.23, tree.y + tree.diameter * 0.15, tree.x + tree.diameter * 0.23, tree.y + tree.diameter * 0.15); fill(20, 30); triangle( tree.x, tree.y - tree.diameter * 0.5, tree.x - tree.diameter * 0.23, tree.y + tree.diameter * 0.15, tree.x, tree.y + tree.diameter * 0.15); //trunk fill(105, 88, 62); triangle( tree.x - tree.diameter * 0.05, tree.y + tree.diameter, tree.x + tree.diameter * 0.05, tree.y + tree.diameter, tree.x, tree.y - tree.diameter * 0.1); break; default: noStroke(); fill(204, 161, 118); rect(tree.x - tree.diameter * 0.4, tree.y - tree.diameter * 0.5, tree.diameter * 0.8, tree.diameter); noStroke(); fill(100, 20); rect(tree.x - tree.diameter * 0.4, tree.y - tree.diameter * 0.5, tree.diameter * 0.4, tree.diameter); noStroke(); fill(this.tree.types[tree.type].trunkColor); triangle( tree.x - tree.diameter * 0.05, tree.y + tree.h, tree.x + tree.diameter * 0.05, tree.y + tree.h, tree.x, tree.y - tree.diameter * 0.1); break; } if(this.player.onPad) { if(tree.x < this.player.x - width * 2) { this.trees.splice(i, 1); } } } }, runPads: function() { pushStyle(); noStroke(); textAlign(CENTER, CENTER); textSize(12); for(var i = this.pads.arr.length - 1; i >= 0; i--) { var pad = this.pads.arr[i]; pad.x -= this.player.vx; fill(pad.color); rect(pad.x, pad.y, pad.w, pad.h, 0, 0, 10, 10); fill(pad.textColor); text(pad.number, pad.x + pad.w / 2, pad.y + 10); if(this.player.onPad) { if(pad.x < this.player.x - width * 2) { this.pads.arr.splice(i, 1); } } } popStyle(); }, runLanding: function() { this.landing.timer++; if(this.landing.timer === this.landing.duration) { this.player.fuel = 100; this.landing.active = false; this.landing.timer = 0; } }, runCircles: function() { noStroke(); for(var i = 0; i < this.circles.length; i++) { var circle = this.circles[i]; fill(255, circle.opacity); ellipse(circle.x, circle.y-this.cam.y * this.hills.back.yoff, circle.diameter, circle.diameter); circle.x -= this.player.vx; circle.x -= circle.speed; if(circle.x < this.player.x - width * 2) { circle.x = this.player.x + width * 2; } } }, runMeteorTrails: function() { noStroke(); for(var i = this.meteor.trails.length - 1; i >= 0; i--) { var trail = this.meteor.trails[i]; trail.x -= this.player.vx; translate(trail.x + trail.w / 2, trail.y + trail.h / 2); rotate(trail.angle); fill(trail.color, trail.opacity); rect(-trail.w/2, -trail.h/2, trail.w, trail.h); rotate(-trail.angle); translate(-(trail.x + trail.w / 2), -(trail.y + trail.h / 2)); trail.angle+= trail.rot; trail.x+= trail.vx; trail.y+= trail.vy; trail.opacity = constrain(trail.opacity - 3, 0, 255); if(trail.opacity === 0) { this.meteor.trails.splice(i, 1); } } }, addMeteor: function() { if(this.meteors.length < 2 && random() < 0.5) { this.meteors.push({ x: this.player.x + random(900, 1200), y: this.player.y - random(200, 400), diameter: random(20, 30) \| 0, angle: 0, rot: random(-10, -5), vx: random(-3, -2), vy: random(0.5, 1), color: color(54, 54, 54) }); } }, runMeteors: function() { noStroke(); for(var i = this.meteors.length - 1; i >= 0; i--) { var meteor = this.meteors[i]; meteor.x -= this.player.vx; meteor.x+= meteor.vx; meteor.y+= meteor.vy; meteor.angle+= meteor.rot; translate(meteor.x, meteor.y); rotate(meteor.angle); fill(meteor.color); // ellipse(0, 0, meteor.diameter, meteor.diameter); image(this.images.meteor, -meteor.diameter/2, -meteor.diameter/2, meteor.diameter, meteor.diameter); rotate(-meteor.angle); translate(-meteor.x, -meteor.y); if(meteor.x < this.player.x - width \|\| meteor.y > 900) { this.meteors.splice(i, 1); } else if(frameCount % 3 === 0) { this.meteor.trails.push({ x: meteor.x, y: meteor.y, w: random(meteor.diameter * 0.1, meteor.diameter * 0.3), h: random(meteor.diameter * 0.1, meteor.diameter * 0.3), vx: random(-0.5, 0.5), vy: random(-0.5, 0.5), angle: random(360) \| 0, rot: random(-15, 15), color: meteor.color, opacity: random(200, 255) }); } } }, addCrashExplosion: function(ship) { for(var i = 0; i < this.crash.bits; i++) { this.crash.arr.push({ x: random(ship.x, ship.x + ship.w - 5), y: random(ship.y, ship.y + ship.h - 5), vx: random(-1, 1), vy: random(-1, 1), diameter: random(5, 10), angle: random(360) \| 0, rot: random(-3, 3), opacity: random(200, 250) \| 0, color: ship.color }); } }, addMeteorExplosion: function(meteor) { for(var i = 0; i < this.meteor.bits; i++) { this.crash.arr.push({ x: meteor.x, y: meteor.y, vx: random(-0.5, 0.5), vy: random(-0.5, 0.5), diameter: random(meteor.diameter * 0.2, meteor.diameter * 0.4), angle: random(360) \| 0, rot: random(-3, 3), opacity: random(200, 250) \| 0, color: meteor.color }); } }, runCrashExplosion: function() { noStroke(); for(var i = this.crash.arr.length - 1; i >= 0; i--) { var bit = this.crash.arr[i]; fill(bit.color, bit.opacity); translate(bit.x + bit.diameter / 2, bit.y + bit.diameter / 2); rotate(bit.angle); rect(-bit.diameter / 2, -bit.diameter / 2, bit.diameter, bit.diameter); rotate(-bit.angle); translate(-(bit.x + bit.diameter / 2), -(bit.y + bit.diameter / 2)); bit.opacity = constrain(bit.opacity - 2, 0, 255); bit.x+= bit.vx; bit.y+= bit.vy; bit.angle+= bit.rot; if(bit.opacity === 0) { this.crash.arr.splice(i, 1); } } }, runCrash: function() { this.crash.timer++; if(this.crash.timer === this.crash.duration) { this.player.fuel = 100; this.crash.active = false; this.crash.timer = 0; this.player.x = this.pads.current.x + this.pads.current.w / 2 - this.player.w / 2; this.player.y = this.pads.current.y - this.player.h - 20; this.player.vy = 0; this.player.vx = 0; this.player.angle = 0; this.player.onPad = false; this.player.fuel = 100; } }, runSuckedIntoBlackHole: function() { this.blackHole.timer++; pushMatrix(); translate(this.player.x + this.player.w / 2, this.player.y + this.player.h / 2); this.player.angle+= this.blackHole.rot; rotate(this.player.angle); scale(map(this.blackHole.duration - this.blackHole.timer, this.blackHole.duration, 0, 1, 0.2)); image(this.player.shipImage, -this.player.w / 2, -this.player.h / 2); this.player.x = lerp(this.player.x, this.blackHole.current.x - this.player.w / 2, 0.05); this.player.y = lerp(this.player.y, this.blackHole.current.y - this.player.h / 2, 0.05); popMatrix(); if(this.blackHole.timer === this.blackHole.duration) { this.player.fuel = 100; this.blackHole.active = false; this.blackHole.timer = 0; this.player.x = this.pads.current.x + this.pads.current.w / 2 - this.player.w / 2; this.player.y = this.pads.current.y - this.player.h - 20; this.player.vy = 0; this.player.vx = 0; this.player.angle = 0; this.player.onPad = false; this.player.fuel = 100; } }, runPlayerPadCollisions: function() { if(!this.player.onPad) { var currentPadIndex = this.pads.arr.indexOf(this.pads.current); for(var i = 0; i < this.pads.arr.length; i++) { var pad = this.pads.arr[i]; if(this.rectRectCollision(this.player, pad)) { //crash - falling too fast or land on a previous pad if(this.player.vy > 2 \|\| i < currentPadIndex) { this.addCrashExplosion(this.player); this.crash.active = true; this.pads.streak.current = 0; //add message this.messages.push({ content: "you landed too hard", x: this.player.x, y: this.player.y, opacity: 255 }); } //land on pad safely else { this.player.y = pad.y - this.player.h; this.player.vy = 0; this.player.vx = 0; this.player.thrust = 0; this.player.angle = 0; this.player.onPad = true; if(this.pads.current !== pad) { this.pads.current = pad; this.player.fuel = 0; this.landing.active = true; this.updateCurrentPad(); this.updateStreak(); if(this.pads.current.number % 100 === 0) { this.messages.push({ content: "you've reached\n" + this.pads.current.number + " pads", x: this.pads.current.x, y: this.pads.current.y + 100, opacity: 255 }); } } } break; } } } }, runPlayerTrackCollisions: function() { var hit = false; for(var i = 1; i < this.road.tracks.length; i++) { var trackPrevious = this.road.tracks[i-1]; var track = this.road.tracks[i]; //only check tracks that can possibly collide if(this.player.x > track.x \|\| this.player.x + this.player.w < trackPrevious.x) { continue; } var trackLine = { x1: this.road.tracks[i-1].x, y1: this.road.tracks[i-1].y, x2: this.road.tracks[i].x, y2: this.road.tracks[i].y }; for(var j = 0; j < this.player.lines.length; j++) { if(this.lineLineCollision(this.player.lines[j], trackLine)) { //hit the hills hit = true; this.addCrashExplosion(this.player); this.shake = 15; this.crash.active = true; this.pads.streak.current = 0; //add message this.messages.push({ content: "you crashed into the mountain!!", x: this.player.x, y: this.player.y, opacity: 255 }); break; } } if(hit) { break; } } }, runMeteorTrackCollisions: function() { var hit = false; for(var i = 1; i < this.road.tracks.length; i++) { var trackPrevious = this.road.tracks[i-1]; var track = this.road.tracks[i]; for(var j = this.meteors.length - 1; j >= 0; j--) { var meteor = this.meteors[j]; //only check tracks that can possibly collide if(meteor.x - meteor.diameter > track.x \|\| meteor.x + meteor.diameter < trackPrevious.x) { continue; } var trackLine = { x1: this.road.tracks[i-1].x, y1: this.road.tracks[i-1].y, x2: this.road.tracks[i].x, y2: this.road.tracks[i].y }; if(this.lineCircleCollision(trackLine, meteor)) { //hit the hills hit = true; this.addMeteorExplosion(meteor); this.shake = 20; this.meteors.splice(j, 1); break; } } if(hit) { break; } } }, runPlayerBlackHoleCollisions: function() { for(var i = this.blackHoles.length - 1; i >= 0; i--) { var blackHole = this.blackHoles[i]; var result = this.rectCircleCollision(this.player, blackHole); if(result.collision) { this.addCrashExplosion(this.player); this.blackHole.active = true; this.player.vy = 0; this.player.vx = 0; this.blackHole.current.x = blackHole.x; this.blackHole.current.y = blackHole.y; this.pads.streak.current = 0; //add message this.messages.push({ content: "you got sucked\ninto a black hole!!", x: result.x, y: result.y + 200, opacity: 255 }); break; } } }, runPlayerMeteorCollisions: function() { for(var i = 0; i < this.meteors.length; i++) { var meteor = this.meteors[i]; //only check tracks that can possibly collide if(meteor.x - meteor.diameter > this.player.x + this.player.w \|\| meteor.x + meteor.diameter < this.player.x) { continue; } var result = this.rectCircleCollision(this.player, meteor); if(result.collision) { //crashed into the ship this.addCrashExplosion(this.player); this.addMeteorExplosion(meteor); this.shake = 15; this.crash.active = true; this.pads.streak.current = 0; //add message this.messages.push({ content: "you hit a meteor", x: this.player.x, y: this.player.y, opacity: 255 }); this.meteors.splice(i, 1); break; } } }, runPlayerTreeCollisions: function() { for(var i = 0; i < this.trees.length; i++) { var tree = this.trees[i]; //only check trees that can possibly collide if(this.player.x + this.player.w < tree.x - tree.diameter \|\| this.player.x > tree.x + tree.diameter) { continue; } var collide = false; switch(tree.type) { case 0: //round var result = this.rectCircleCollision(this.player, tree); collide = result.collision; break; case 1: //triangle var treeLines = [ { x1: tree.x, y1: tree.y - tree.diameter * 0.5, x2: tree.x - tree.diameter * 0.4, y2: tree.y + tree.diameter * 0.7 }, { x1: tree.x, y1: tree.y - tree.diameter * 0.5, x2: tree.x + tree.diameter * 0.4, y2: tree.y + tree.diameter * 0.7 } ]; for(var j = 0; j < treeLines.length; j++) { var treeLine = treeLines[j]; for(var k = 0; k < this.player.lines.length; k++) { if(this.lineLineCollision(this.player.lines[k], treeLine)) { collide = true; break; } } if(collide) { break; } } break; case 2: //rectangle var r = { x: tree.x - tree.diameter * 0.4, y: tree.y - tree.diameter * 0.5, w: tree.diameter * 0.8, h: tree.diameter }; collide = this.rectRectCollision(this.player, r); break; } if(collide) { this.addCrashExplosion(this.player); this.shake = 15; this.crash.active = true; this.pads.streak.current = 0; //add message this.messages.push({ content: "you hit a tree!!", x: tree.x, y: tree.y + 150, opacity: 255 }); break; } } }, runBlackHoles: function() { pushStyle(); for(var i = this.blackHoles.length - 1; i >= 0; i--) { var blackHole = this.blackHoles[i]; stroke(200, 50); strokeWeight(6); fill(20); ellipse(blackHole.x, blackHole.y, blackHole.diameter, blackHole.diameter); blackHole.x -= this.player.vx; noStroke(); fill(220, 50); for(var j = 0; j < blackHole.particles.length; j++) { var particle = blackHole.particles[j]; particle.radius = constrain(particle.radius - particle.speed, 5, Infinity); ellipse(particle.x + particle.vx * particle.radius, particle.y + particle.vy * particle.radius, particle.diameter, particle.diameter); ellipse(particle.x - particle.vx * particle.radius, particle.y - particle.vy * particle.radius, particle.diameter, particle.diameter); particle.x-= this.player.vx; if(particle.radius < blackHole.diameter * 0.4) { particle.index = random(this.blackHole.coords.length) \| 0; particle.vx = this.blackHole.coords[particle.index].x; particle.vy = this.blackHole.coords[particle.index].y; particle.radius = blackHole.diameter * random(0.52, 0.55); } } if(this.player.onPad) { if(blackHole.x < this.player.x - width * 2) { this.blackHoles.splice(i, 1); } } } popStyle(); }, addBlackHole: function() { //add a random black hole var pad = this.pads.arr[this.pads.arr.length - 1]; if(this.blackHoles.length < 2 && pad.y < 350 && random() < 0.9) { if(random() < 0.5) { //add close and high this.blackHoles.push({ x: pad.x + random(100, 150), y: pad.y - random(200, 250), diameter: random(50, 80), particles: [] }); } else { //add further away but lower this.blackHoles.push({ x: pad.x + random(180, 250), y: pad.y - random(100, 250), diameter: random(50, 80), particles: [] }); } var currentBlackHole = this.blackHoles[this.blackHoles.length - 1]; for(var i = 0; i < this.blackHole.particleMax; i++) { var index = random(this.blackHole.coords.length) \| 0; currentBlackHole.particles.push({ x: currentBlackHole.x, y: currentBlackHole.y, vx: this.blackHole.coords[index].x, vy: this.blackHole.coords[index].y, diameter: currentBlackHole.diameter * 0.1, radius: currentBlackHole.diameter * random(0.52, 0.55), index: index, speed: random(0.2, 0.5) }); } } }, updateStars: function() { //front stars this.stars.front.x1-= this.player.vx * this.stars.front.speed; this.stars.front.x2-= this.player.vx * this.stars.front.speed; if(this.stars.front.x1 + this.cam.x <= -this.images.starsFront.width) { this.stars.front.x1 = this.stars.front.x2 + this.images.starsFront.width; } if(this.stars.front.x2 + this.cam.x <= -this.images.starsFront.width) { this.stars.front.x2 = this.stars.front.x1 + this.images.starsFront.width; } //back stars this.stars.back.x1-= this.player.vx * this.stars.back.speed; this.stars.back.x2-= this.player.vx * this.stars.back.speed; if(this.stars.back.x1 + this.cam.x <= -this.images.starsBack.width) { this.stars.back.x1 = this.stars.back.x2 + this.images.starsBack.width; } if(this.stars.back.x2 + this.cam.x <= -this.images.starsBack.width) { this.stars.back.x2 = this.stars.back.x1 + this.images.starsBack.width; } }, updateHills: function() { //front hills this.hills.front.x1-= this.player.vx * this.hills.front.speed; this.hills.front.x2-= this.player.vx * this.hills.front.speed; if(this.hills.front.x1 + this.cam.x <= -this.images.hillsFront.width) { this.hills.front.x1 = this.hills.front.x2 + this.images.hillsFront.width; } if(this.hills.front.x2 + this.cam.x <= -this.images.hillsFront.width) { this.hills.front.x2 = this.hills.front.x1 + this.images.hillsFront.width; } //back hills this.hills.back.x1-= this.player.vx * this.hills.back.speed; this.hills.back.x2-= this.player.vx * this.hills.back.speed; if(this.hills.back.x1 + this.cam.x <= -this.images.hillsBack.width) { this.hills.back.x1 = this.hills.back.x2 + this.images.hillsBack.width; } if(this.hills.back.x2 + this.cam.x <= -this.images.hillsBack.width) { this.hills.back.x2 = this.hills.back.x1 + this.images.hillsBack.width; } }, runHow: function() { if(this.pads.current.number === 1) { if(this.how.len < this.how.text.length && ++this.how.value % this.how.delay === 0) { this.how.len = constrain(this.how.len + 1, this.how.len, this.how.text.length); } fill(250, 100); textSize(20); text(this.how.text.substring(0, this.how.len), width/2, 110); } }, home: function() { background(255); pushStyle(); textAlign(CENTER, CENTER); textSize(35); fill(80); text("The width and/or height are not correct for this game.\n\nPlease update the URL of this program\nwith the one displayed below", width * 0.05, height * 0.05, width * 0.9, height * 0.9); popStyle(); }, play: function(fr) { background(89, 176, 186); image(this.images.background, 0, 0); this.updateCamera(); pushMatrix(); translate(this.cam.x * this.cam.scale, this.cam.y * this.cam.scale); scale(this.cam.scale); this.runCircles(); image(this.images.starsBack, this.stars.back.x1, -300); image(this.images.starsBack, this.stars.back.x2, -300); image(this.images.starsFront, this.stars.front.x1, -300); image(this.images.starsFront, this.stars.front.x2, -300); //back hills image(this.images.hillsBack, this.hills.back.x1, -this.cam.y * this.hills.back.yoff); image(this.images.hillsBack, this.hills.back.x2, -this.cam.y * this.hills.back.yoff); //front hills image(this.images.hillsFront, this.hills.front.x1, 130 -this.cam.y * this.hills.front.yoff); image(this.images.hillsFront, this.hills.front.x2, 130 -this.cam.y * this.hills.front.yoff); if(this.shake > 0) { this.shake = lerp(this.shake, 0, this.shakedown) \| 0; translate(round(random(-this.shake, this.shake)), round(random(-this.shake, this.shake))); } this.runBlackHoles(); //get the current number of pads so can check if one was added during road.run var numberOfPads = this.pads.arr.length; this.runTrees(); var added = this.road.update(); this.road.draw(); //if a new pad was added if(numberOfPads !== this.pads.arr.length) { //add a random black hole (maybe) this.addBlackHole(); //add a metoer (maybe) this.addMeteor(); } this.runPads(); this.runMeteorTrails(); this.runMeteors(); if(!this.crash.active && !this.blackHole.active) { this.player.run(); this.runMeteorTrackCollisions(); this.runPlayerMeteorCollisions(); } if(!this.crash.active && !this.landing.active && !this.blackHole.active) { this.player.updateLines(); this.runPlayerPadCollisions(); this.runPlayerTrackCollisions(); this.runPlayerTreeCollisions(); this.runPlayerBlackHoleCollisions(); } if(this.player.onPad) { this.player.x = lerp(this.player.x, this.player.x = this.pads.current.x + this.pads.current.w / 2 - this.player.w / 2, 0.1); } if(this.landing.active) { this.runLanding(); } if(this.crash.active) { this.runCrash(); } if(this.blackHole.active) { this.runSuckedIntoBlackHole(); } this.runCrashExplosion(); this.runMessages(); popMatrix(); this.updateStars(); this.updateHills(); this.runFuel(); this.buttons.save.draw(); pushStyle(); textAlign(RIGHT, TOP); textSize(16); fill(250, 200); text("current streak:\nbest streak:", 190, 10); textAlign(LEFT, TOP); text(this.pads.streak.current + "\n" + this.pads.streak.max, 195, 10); textAlign(RIGHT, BOTTOM); textSize(20); fill(250, 40); text(fr, 890, 590); textAlign(CENTER, TOP); textSize(50); fill(250, 20); text("MARS", width/2, 5); this.runHow(); popStyle(); }, run: function(fr) { switch(this.scene) { case "load": this.load("play"); break; case "play": if(this.logo.done) { this.play(fr); } this.logo.draw(); break; case "home": this.home(); break; } cursor(hover ? 'pointer' : 'default'); clicked = hover = false; } }; return App; })(); app = new App({}); draw = function() { app.run(~~this.__frameRate); }; if(width < 895 \|\| width > 905 \|\| height < 595 \|\| height > 605) { println("Please use one of the URLs below to view this game:\nWith code editor:\nhttps://www.khanacademy.org/cs/mars/5629933726515200?width=900&height=600\nWithout code editor:\nhttps://www.khanacademy.org/cs/mars/5629933726515200?width=900&height=600&editor=no"); app.scene = "home"; } else { app.scene = "load"; }
Folds	52,54,55,57,58,60,62,369,371,418,420,698,700,911,913,2355
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIO_0YyACgw
Votes	340
Spin-Offs	44
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Gray Wolf 🐺
Author Name	grantjenkins
Author ID	kaid_639291037700385781852565
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739398886364
Updated	8 months ago, 1744828830764
Source Deleted	unknown