Viewing Program

Program Data

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

Title	Fly Home
ID	4989565096574976
Created	5 years ago, 1586794511566
Updated	5 years ago, 1586920229304
Code	/** * Fly Home * Chester Banks * April 13 2020 * * I'm back for a little bit, gives me something to do during quarantine! * * Use the space bar to launch off the planet at the right time. / / T A B L E O F C O M M E N T S Setup................................................. 32 Settings.......................................... 33 Fonts............................................. 36 Variables......................................... 45 Camera............................................ 56 Transition........................................ 62 Images............................................ 94 Constructors & prototypes for game functions.......... 411 Planets........................................... 412 Spaceship / player................................ 476 Buttons........................................... 582 Scenes................................................ 620 Menu.............................................. 621 Basic page function............................... 702 Game.............................................. 724 Draw function......................................... 781 Processing functions.................................. 856 / /* Setup / / Settings / textAlign(CENTER, CENTER); / Fonts / var fonts = { // I put all these fonts in one place so it's easy to change the styling of the entire program. large: createFont('Avenir Bold'), largei: createFont('Avenir Bold Italic'), thin: createFont('Avenir'), i: createFont('Avenir Italic') }; / Variables / var scene = 'Logo'; var progressBar = { planetOn: 1 }; var keys = []; var mouse = { state: 'default', clicked: false, }; / Camera / var Camera = { x: 0, y: 0 }; / Transition / var trans = { next: '', x: 250, active: false, takingSnapshot: true, snapshots: [], run: function(){ mouse.state = 'wait'; // take a screenshot with get() in one frame using the trans.takingSnapshot boolean if(trans.takingSnapshot){ trans.snapshots[0] = get(0, 0, width / 2, height); trans.snapshots[1] = get(width / 2, 0, width / 2, height); trans.takingSnapshot = false; } image(trans.snapshots[0], -250 + trans.x, 0); image(trans.snapshots[1], 450 - trans.x, 0); trans.x /= 1.07; if(trans.x < 40){ trans.x = 250; trans.takingSnapshot = true; trans.active = false; } scene = trans.next; }, }; / Images / var images = { 'bg': function(){ noStroke(); for(var i = 0; i < height; i += 30){ fill(lerpColor( color(52, 8, 84), color(140, 38, 82), i / height)); rect(0, i, width, 30); } return get(0, 0, 600, 600); }, 'stars': function(){ var stars = []; for(var i = 0; i < width; i += 25){ for(var j = 0; j < height; j += 25){ stars.push({x: i + random(0, 20), y: j + random(0, 20), sz: random(5), bright: random(50, 255), atmo: random(50)}); } } var r = random(2); for (var i = 0; i < stars.length; i++) { noFill(); stroke(255, 255, 255, stars[i].bright/10); ellipse(stars[i].x, stars[i].y, stars[i].atmo, stars[i].atmo); stroke(255, 255, 255, stars[i].bright/20); ellipse(stars[i].x, stars[i].y, stars[i].atmo-4, stars[i].atmo-4); stroke(255, 255, 255, stars[i].bright/40); ellipse(stars[i].x, stars[i].y, stars[i].atmo-8, stars[i].atmo-8); noStroke(); fill(255, 255, 255, stars[i].bright); ellipse(stars[i].x, stars[i].y, stars[i].sz, stars[i].sz); } return get(0, 0, 600, 600); }, 'logo': function(){ var logoColors = [ color(255, 255, 255), color(236, 171, 245), color(203, 216, 250), color(242, 215, 230), ]; pushMatrix(); translate(200, 200); scale(1.7); noFill(); strokeCap(SQUARE); stroke(0, 0, 0, 70); strokeWeight(50); arc(10, 13, 160, 160, 30, 330); strokeWeight(11); // Outer layer stroke(logoColors[0]); arc(0, 0, 200, 200, -85, -30); arc(0, 0, 180, 180, -75, -30); arc(0, 0, 200, 200, -300, -240); arc(0, 0, 180, 180, -285, -250); stroke(logoColors[1]); arc(0, 0, 200, 200, -125, -85); arc(0, 0, 180, 180, -115, -75); arc(0, 0, 200, 200, -200, -160); arc(0, 0, 180, 180, -200, -150); stroke(logoColors[2]); arc(0, 0, 200, 200, -160, -125); arc(0, 0, 180, 180, -150, -116); arc(0, 0, 200, 200, -330, -300); arc(0, 0, 180, 180, -330, -286); stroke(logoColors[3]); arc(0, 0, 200, 200, -240, -200); arc(0, 0, 180, 180, -250, -200); // Inner layer stroke(logoColors[0]); arc(0, 0, 160, 160, -200, -160); arc(0, 0, 140, 140, -200, -150); stroke(logoColors[1]); arc(0, 0, 160, 160, -300, -240); arc(0, 0, 140, 140, -285, -250); stroke(logoColors[2]); arc(0, 0, 160, 160, -240, -200); arc(0, 0, 140, 140, -250, -200); arc(0, 0, 160, 160, -125, -85); arc(0, 0, 140, 140, -115, -75); stroke(logoColors[3]); arc(0, 0, 160, 160, -85, -30); arc(0, 0, 140, 140, -75, -30); arc(0, 0, 160, 160, -330, -300); arc(0, 0, 140, 140, -330, -286); arc(0, 0, 160, 160, -160, -125); arc(0, 0, 140, 140, -150, -116); stroke(0, 0, 0, 50); strokeWeight(20); arc(0, 0, 150, 150, 30, 330); popMatrix(); return get(0, 0, 400, 400); }, 'planet1': function(){ background(235, 205, 115); pushMatrix(); scale(2); noFill(); strokeWeight(28); stroke(173, 81, 10, 100); bezier(0, 50, 85, 125, 86, 12, 250, 50); bezier(0, 163, 153, 200, 108, 63, 250, 209); strokeWeight(10); bezier(0, 89, 85, 154, 122, 31, 250, 88); bezier(0, 138, 119, 162, 127, 53, 250, 160); stroke(235, 226, 211); bezier(0, 116, 107, 155, 129, 40, 241, 125); bezier(0, 208, 107, 228, 129, 100, 241, 267); bezier(0, 7, 67, 85, 85, 2, 241, -4); strokeWeight(38); stroke(26, 4, 4, 20); ellipse(86, 86, 230, 230); strokeWeight(94); ellipse(86, 86, 230, 230); popMatrix(); var img = get(0, 0, 400, 400); // mask shape background(0); fill(255, 255, 255); noStroke(); ellipse(200, 200, 400, 400); var maskShape = get(0, 0, 400, 400); img.mask(maskShape); background(0, 0, 0, 0); image(img, 0, 0, 400, 400); return get(0, 0, 400, 400); }, 'planet2': function(){ background(45, 179, 179); pushMatrix(); noStroke(); fill(217, 255, 253, 200); beginShape(); vertex(50, 50); bezierVertex(278, 33, 168, 99, 149, 128); bezierVertex(106, 192, 456, 264, -64, 292); endShape(); beginShape(); vertex(438, 168); bezierVertex(344, 93, 154, 157, 339, 229); bezierVertex(393, 251, 184, 442, 401, 333); endShape(); ellipse(112, 400, 300, 87); ellipse(317, 0, 300, 95); noFill(); strokeWeight(66); stroke(26, 4, 4, 20); ellipse(172, 172, 460, 460); strokeWeight(188); ellipse(172, 172, 460, 460); popMatrix(); var img = get(0, 0, 400, 400); // mask shape background(0); fill(255, 255, 255); noStroke(); ellipse(200, 200, 400, 400); var maskShape = get(0, 0, 400, 400); img.mask(maskShape); background(0, 0, 0, 0); image(img, 0, 0, 400, 400); return get(0, 0, 400, 400); }, 'planet3': function(){ // background background(211, 214, 235); pushMatrix(); noStroke(); fill(23, 29, 46, 50); ellipse(104, 106, 90, 90); ellipse(196, 174, 50, 50); ellipse(141, 274, 70, 70); ellipse(248, 373, 50, 50); ellipse(304, 286, 60, 60); ellipse(327, 68, 50, 50); ellipse(9, 189, 50, 50); ellipse(196, 11, 50, 50); fill(250, 250, 250, 70); ellipse(328, 187, 90, 90); ellipse(77, 354, 50, 50); ellipse(219, 96, 70, 70); ellipse(100, 199, 40, 40); ellipse(334, 367, 60, 60); noFill(); strokeWeight(66); stroke(26, 4, 4, 20); ellipse(172, 172, 460, 460); strokeWeight(188); ellipse(172, 172, 460, 460); popMatrix(); var img = get(0, 0, 400, 400); // mask shape background(0); fill(255, 255, 255); noStroke(); ellipse(200, 200, 400, 400); var maskShape = get(0, 0, 400, 400); img.mask(maskShape); background(0, 0, 0, 0); image(img, 0, 0, 400, 400); return get(0, 0, 400, 400); }, 'planet4': function(){ // background background(143, 56, 224); noStroke(); fill(127, 159, 240); beginShape(); vertex(0, 243); bezierVertex(46, 181, 300, 200, 421, 262); vertex(421, 290); bezierVertex(170, 183, 41, 332, 421, 326); vertex(421, 336); bezierVertex(126, 402, 97, 329, 0, 336); endShape(); bezier(0, 200, 476, 100, 237, 130, 0, 150); bezier(400, 200, 126, 174, 237, 176, 400, 150); bezier(391, 124, -117, 77, -97, 136, 346, 12); noFill(); strokeWeight(66); stroke(26, 4, 4, 20); ellipse(172, 172, 460, 460); strokeWeight(188); ellipse(172, 172, 460, 460); var img = get(0, 0, 400, 400); // mask shape background(0); fill(255, 255, 255); noStroke(); ellipse(200, 200, 400, 400); var maskShape = get(0, 0, 400, 400); img.mask(maskShape); background(0, 0, 0, 0); image(img, 0, 0, 400, 400); return get(0, 0, 400, 400); }, 'spaceship': function(){ noStroke(); fill(255, 255, 255, 30); ellipse(15, 15, 30, 30); fill(174, 26, 204); beginShape(); vertex(19, 9); bezierVertex(25, 7, 29, 9, 29, 22); vertex(22, 21); endShape(); beginShape(); vertex(11, 9); bezierVertex(5, 7, 1, 9, 1, 22); vertex(7, 21); endShape(); fill(102, 102, 102); triangle(9, 27, 15, 0, 21, 27); fill(214, 214, 214); beginShape(); vertex(6, 24); bezierVertex(6, 15, 10, 8, 15, 0); bezierVertex(24, 15, 20, 8, 23, 24); endShape(); fill(66, 169, 237); ellipse(15, 12, 8, 8); return get(0, 0, 30, 30); }, }; var loadImages = function(){ for(var i in images){ if (typeof images[i] !== "object") { background(0, 0, 0, 0); images[i] = images[i](); } } }; /* Constructors & prototypes for game functions / / Planets / var Planet = function(x, y, radius, on){ this.x = x; this.y = y; this.radius = radius; this.on = on \|\| false; this.r = 0; this.imgs = ['planet1', 'planet2', 'planet3', 'planet4']; this.img = this.imgs[floor(random(this.imgs.length))]; this.dir = floor(random(2)); if(this.dir === 0){ this.dir = -1; } }; Planet.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.r); noStroke(); fill(255, 255, 255, 30); ellipse(0, 0, this.radius 2.2, this.radius * 2.2); imageMode(CENTER); image(images[this.img], 0, 0, this.radius * 2, this.radius * 2); imageMode(CORNER); popMatrix(); this.r += this.dir * (5 / (this.radius / 30)); }; var Planets = [ new Planet(200, 446, 121, true), new Planet(319, 97, 108), new Planet(83, -273, 162), new Planet(231, -730, 85), new Planet(340, -1069, 62), new Planet(72, -1310, 53), new Planet(247, -1587, 127), new Planet(110, -1986, 102), new Planet(312, -2292, 88), new Planet(74, -2612, 59), new Planet(271, -3001, 226), new Planet(177, -3500, 110), new Planet(73, -3843, 51), new Planet(347, -4063, 70), new Planet(177, -4309, 45), new Planet(76, -4473, 45), new Planet(276, -4699, 91), new Planet(413, -5102, 147), new Planet(50, -5376, 96), new Planet(235, -5639, 73), new Planet(200, -5941, 62), new Planet(350, -6218, 87), new Planet(109, -6529, 115), new Planet(307, -6893, 83), new Planet(380, -7196, 64), new Planet(107, -7418, 102), new Planet(107, -7761, 71), new Planet(309, -7907, 52), new Planet(171, -8159, 54), new Planet(200, -8570, 300), ]; /* Spaceship / player / var Player = function(rootX, rootY, dist){ this.rootX = rootX; this.rootY = rootY; this.dist = dist; this.originalDist = dist; this.r = -180; this.visR = 0; this.sz = 30; this.x = this.rootX + sin(this.r) (this.dist + this.sz / 2); this.y = this.rootY + cos(this.r) * (this.dist + this.sz / 2); this.dir = Planets[0].dir; this.jumping = false; this.jumpVel = 10; this.jumpAcc = 0.2; this.Particle = function(x, y, mode){ this.x = x; this.y = y; this.sz = 30; this.trans = 200; this.mode = mode; this.redness = random(60); }; this.Particle.prototype.draw = function() { colorMode(HSB); fill(this.redness, this.mode === 'red' ? 255 : 0, 255, this.trans); ellipse(this.x, this.y, 30 - this.sz, 30 - this.sz); colorMode(RGB); this.sz /= 1.1; this.trans /= 1.07; }; this.Particles = []; }; Player.prototype.draw = function() { if(frameCount % 10 === 0){ this.Particles.push(new this.Particle(this.x, this.y)); } for(var i = this.Particles.length - 1; i >= 0; i --){ this.Particles[i].draw(); if(this.Particles[i].trans < 5){ this.Particles.splice(i, 1); } } pushMatrix(); translate(this.x, this.y); rotate(atan2(this.y - this.rootY, this.x - this.rootX) + 90 + this.visR); noStroke(); fill(240, 240, 240); imageMode(CENTER); image(images.spaceship, 0, 0, this.sz, this.sz); imageMode(CORNER); popMatrix(); if(this.dist > Planets[progressBar.planetOn - 1].radius){ this.visR += (180 - this.visR) / 5; } else { this.visR /= 1.1; } }; Player.prototype.update = function(){ if(!this.jumping){ this.r += this.dir * (5 / (this.dist / 50)); this.r = this.r % 360; } if((keys[32] \|\| mouse.clicked) && !this.jumping){ this.jumping = true; for(var i = 0; i < 15; i ++){ this.Particles.push(new this.Particle(this.x + random(-20, 20), this.y + random(-10, 10), 'red')); } } if(this.jumping){ this.dist += this.jumpVel; this.jumpVel -= this.jumpAcc; } this.x = this.rootX + sin(this.r) * (this.dist + this.sz / 2); this.y = this.rootY + cos(this.r) * (this.dist + this.sz / 2); }; Player.prototype.checkSurface = function(planets){ for(var i = 0; i < planets.length; i ++){ if(!planets[i].on && dist(this.x, this.y, planets[i].x, planets[i].y) < planets[i].radius + (this.sz / 2)){ planets[i].on = true; this.r = atan2(this.y - planets[i].y, planets[i].x - this.x) - 90; this.rootX = planets[i].x; this.rootY = planets[i].y; this.dist = planets[i].radius; this.dir = planets[i].dir; this.x = this.rootX + sin(this.r) * (this.dist + this.sz / 2); this.y = this.rootY + cos(this.r) * (this.dist + this.sz / 2); this.jumping = false; this.jumpVel = 10; progressBar.planetOn ++; progressBar.planetImg = images[planets[i].img]; progressBar.extraY = 7.6; } } }; var player = new Player(Planets[0].x, Planets[0].y, Planets[0].radius); /* Buttons / var Button = function(x, y, txt, nxt){ this.x = x; this.y = y; this.h = 30; this.txt = txt; this.nxt = nxt; this.b = 255; }; Button.prototype.draw = function() { noStroke(); pushMatrix(); pushStyle(); textAlign(CENTER, CENTER); translate(this.x, this.y); textFont(fonts.thin, 20); this.w = textWidth(this.txt) + 20; fill(this.b); rect(0, 0, this.w, 30); triangle(0, 0, 0, this.h, -10, this.h); triangle(this.w, 0, this.w, this.h, this.w + 10, 0); fill(255 - this.b); text(this.txt, this.w / 2, this.h / 2); popStyle(); popMatrix(); if(mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h){ mouse.state = 'pointer'; if(mouse.clicked){ trans.next = this.nxt; trans.active = true; } this.b /= 1.5; } else { this.b += (255 - this.b) / 10; } }; /* Scenes / / Menu / var Menu = function(){ this.reset = false; this.snapshot = false; this.Buttons = [ new Button(140, 300, 'BEGIN', 'Game'), new Button(127, 340, 'INSTRUCTIONS', 'How'), new Button(115, 380, 'STORY', 'Story'), ]; this.bg = function(){ image(images.bg, 0, 0); image(images.stars, 0, 0); fill(0, 0, 0, 50); rect(0, 0, width, height); image(images.planet1, -96, 149, 200, 200); image(images.planet2, 131, 408, 400, 400); image(images.planet4, 277, -106, 200, 200); }; }; Menu.prototype.draw = function() { if(!this.reset){ player = new Player(Planets[0].x, Planets[0].y, Planets[0].radius); progressBar = {planetOn: 1}; Camera.y = 0; for(var i = 0; i < Planets.length; i ++){ Planets[i] = new Planet(Planets[i].x, Planets[i].y, Planets[i].radius); } Planets[0].on = true; this.reset = true; } this.snapshot = keys[67]; pushMatrix(); if(this.snapshot){ scale(1, 1.5); } this.bg(); pushMatrix(); translate(222, 230); if(this.snapshot){ translate(18, 26); scale(1.3); } fill(255); textFont(fonts.largei, 110); text('FLY', 0, -60); textSize(57); text('HOME', 0, 11); popMatrix(); if(this.snapshot){ pushMatrix(); translate(137, 65); rotate(-15); fill(255, 255, 255); (rect)(-75, -27, 155, 28, 8, 8, 0, 0); (rect)(-74, -2, 153, 24, -11, -11, 0, 0); rect(-121, -3, 243, 28, 8); fill(255, 0, 102); textSize(20); text('ONLY 1% CAN\nMAKE IT TO PLANET 5!', 0, 0); popMatrix(); } popMatrix(); fill(0); textFont(fonts.thin, 12); text('C H E S T E R B A N K S 2 0 2 0', 290, 583); if(!this.snapshot){ for(var i = 0; i < this.Buttons.length; i ++){ this.Buttons[i].draw(); } } }; var menu = new Menu(); / Basic page function / var backButton = new Button(295, 550, 'BACK', 'Menu'); var otherPage = function(title, innerText){ image(images.stars, 0, 0); fill(0, 0, 0, 50); rect(0, 0, width, height); image(images.planet3, 313, 104, 200, 200); image(images.planet4, -141, -222, 400, 400); image(images.planet2, 53, 474, 90, 90); fill(255); textFont(fonts.large, 46); textAlign(LEFT, TOP); text(title, 25, 187); textFont(fonts.thin, 15); text(innerText, 25, 250, 280, 222); textAlign(CENTER, CENTER); backButton.draw(); }; / Game / var Game = function(){ pushMatrix(); translate(Camera.x / 5 , Camera.y / 5); image(images.stars, -157, -506, 1200, 1200); image(images.stars, -157, -1679, 1200, 1200); popMatrix(); pushMatrix(); translate(Camera.x, Camera.y); if(player.y < 300){ Camera.y = -player.y + (height / 2); } for(var i = 0; i < Planets.length; i ++){ if(Planets[i].y + Planets[i].radius + Camera.y > 0 && Planets[i].y + Planets[i].radius + Camera.y < 1200){ Planets[i].draw(); } } if(player.dist > 0){ player.checkSurface(Planets); } else { trans.next = 'Lose'; trans.active = true; } player.update(); player.draw(); popMatrix(); // Progress Bar if(progressBar.planetOn === 1){ progressBar.planetImg = images[Planets[0].img]; } stroke(255); strokeWeight(5); line(25, 20, 25, 250); pushMatrix(); translate(0, (-(progressBar.planetOn - 1) (23/3)) + progressBar.extraY); ellipse(25, 250, 24, 24); image(progressBar.planetImg, 14, 239, 22, 22); textFont(fonts.i, 15); textAlign(LEFT, CENTER); fill(255); text(progressBar.planetOn, 44, 250); textAlign(CENTER, CENTER); popMatrix(); progressBar.extraY /= 1.1; if(progressBar.planetOn >= 30){ trans.next = 'Win'; trans.active = true; } }; /* Draw function / draw = function() { // load the images in the first frame only loadImages(); // draw the space background image(images.bg, 0, 0); // draw each scene when it's their turn switch(scene){ case 'Logo': image(images.stars, 0, 0); pushMatrix(); translate(width / 2, height / 2); scale(1 + sin(frameCount 10) * 0.05); imageMode(CENTER); image(images.logo, 0, 0, 300, 300); imageMode(CORNER); popMatrix(); fill(255); textFont(fonts.i, 18); text('B R O U G H T T O Y O U B Y \n C H E S T E R B A N K S', 200, 525); if(mouse.clicked \|\| frameCount > 100){ trans.active = true; trans.next = 'Menu'; } break; case 'Menu': menu.draw(); break; case 'How': otherPage('How to Play', '> Your spaceship is rotating around a planet. To launch off of the planet, you can press the space bar (no pun intended, heh.)\n\n> You can only land on planets you have not visited yet.\n\n> If you make it to the 30th planet, you win!'); break; case 'Story': otherPage('Story', '> Poor Zax the Alien has lost his home! He was going on an adventure to find the rumored Planet Earth, when he was sucked into a black hole! When he finally made it out of the black hole, he had no idea where he was. All he knows is that his planet is somewhere to the north.\n\n> Will you be able to help Zax make it back home?'); break; case 'Game': Game(); break; case 'Lose': otherPage('You Lost!', '> Zax couldn\'t find his home, thanks to you. Now he\'ll have to settle on this planet and make a new life. Maybe someday he\'ll find a way to talk to his family.'); textFont(fonts.large, 75); fill(255); text(progressBar.planetOn + '/30', 200, 410); textFont(fonts.thin, 19); text('You landed on', 200, 364); text('planets.', 200, 458); menu.reset = false; break; case 'Win': otherPage('You Win!', '> Zax made it home and happily reunited with his family! He will never forget this adventure, but boy, is he glad he made it home.'); textFont(fonts.large, 27); fill(255); text('Thanks for playing,\nhope you had fun!', 200, 400); menu.reset = false; break; } // if the transition is active, run it if(trans.active){ trans.run(); } // draw the cursor as mouse.state ('default', 'pointer', or 'wait') cursor(mouse.state); // reset mouse properties mouse.state = 'default'; mouse.clicked = false; }; /* Processing functions */ keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; mouseClicked = function(){ mouse.clicked = true; };
Folds	36,42,46,48,50,53,56,59,62,91,94,400,401,408,412,425,426,441,442,473,476,510,511,537,538,558,559,578,582,589,590,617,621,640,641,698,703,721,724,778,789,840,856,858,859,861,862,864
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKm5ur_uCAw
Votes	331
Spin-Offs	17
Type	PJS
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739372505323
Updated	4 months ago, 1744828874666
Source Deleted	unknown