Viewing Program

Program Data

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

Title	Future (Animated)
ID	4673618358976512
Created	5 years ago, 1586989168432
Updated	5 years ago, 1599001971736
Code	/ View my other projects here / //https://www.khanacademy.org/profile/grantjenkins/projects / Subscribe to me here / //https://www.khanacademy.org/cs/gray-wolf/4876588413698048 /* Gray Wolf, April 2020 Designed/created for: - Utopia Contest - Futuristic Theme for Primavera (#GoTeamPyroach) Started 13th April Completed 16th April I've been programming 60 months, and I have learned 100% of Intro to JS. I would prefer to be placed in the Advanced bracket. Graphic from: https://image.shutterstock.com/image-vector/modern-futuristic-industrial-urban-cityscape-600w-259700933.jpg / textAlign(CENTER); //Objects //Scene object var Scene = function() { //variables to hold the images this.backImg = undefined; this.frontImg = undefined; this.trainImg = undefined; this.hovercarImg = undefined; this.spaceshipImg = undefined; this.cloudImg = undefined; //handles the changing gradients this.gradients = []; this.gindex = 0; }; //Utopia object var Utopia = function() { //state options are delay, start, progress, end this.state = "delay"; this.headerOpacity = 0; this.contentOpacity = 0; this.title = "What is my utopia?"; this.index = 0; this.timer = 0; this.delay = 1200; this.content = [ "[click to continue]", "Where countries see that working together for the common good of all mankind, we can finally move towards peace.", "War and destruction are a thing of the past.", "When people realize that we are all human trying to survive just like everyone else.", "Where there is no poverty, starvation, sickness, racism, greed or envy.", "A world where we all try to help others as we would like others to help us.", "Education is free for all (thanks KA).", "We use technology only for good.", "There is no pollution and climate change are a thing of the past.", "There is no crime, for there isn’t a need to do so.", "We all realize that a simple smile or offering help to those in need can be the greatest gift.", "It’s where food that is good for you finally tastes better than food that is not so good :)", "A world where we give back to the land to make it sustainable for the future and generations to come.", "It’s where we finally appreciate the small, simple things in life." ]; //moves to the next state this.next = function() { this.state = "next"; }; //draws the title this.drawTitle = function() { textSize(16); fill(255, 255, 255, this.headerOpacity); text(this.title, 165, 240); }; //draws the utopia message this.draw = function() { noStroke(); switch(this.state) { case "delay": //pause before showing the initial utopia message this.headerOpacity = 0; this.contentOpacity = 0; if(frameCount % this.delay === 0) { this.state = "start"; } break; case "start": //display the utopia message this.headerOpacity = constrain(this.headerOpacity + 2, 0, 150); this.drawTitle(); if(this.headerOpacity >= 150 && this.timer++ === 120) { this.state = "progress"; } break; case "next": //move onto the next message this.drawTitle(); textSize(14); fill(255, 255, 255, this.contentOpacity); text(this.content[this.index], 165 - 130, 260, 260, 190); this.contentOpacity-= 5; if(this.contentOpacity <= 0) { this.index++; this.state = "progress"; } if(this.index === this.content.length) { this.state = "end"; } break; case "progress": //display the current message this.drawTitle(); textSize(14); this.contentOpacity = constrain(this.contentOpacity + 5, 0, 150); fill(255, 255, 255, this.contentOpacity); text(this.content[this.index], 165 - 130, 260, 260, 190); break; case "end": //display the prompt to repeat this.drawTitle(); textSize(14); this.contentOpacity = constrain(this.contentOpacity + 5, 0, 150); fill(255, 255, 255, this.contentOpacity); text("[click the moon to repeat]\n\n[click anywhere else to change the background color]\n\nHope you enjoy the AI/animations.", 165 - 130, 260, 260, 190); this.index = 0; this.timer = 0; this.delay = 60; break; } }; }; //Tree object var Tree = function(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.h = config.h; this.opacity = config.opacity \|\| 255; //draws the tree using the values supplied this.draw = function() { noStroke(); pushMatrix(); translate(this.x, this.y - this.h - this.w 0.5); pushStyle(); rectMode(CENTER); //bush fill(173, 185, 113, this.opacity); rect(0, -this.w * 0.44, this.w * 0.3, this.w * 0.07, 10); fill(159, 191, 91, this.opacity); rect(0, -this.w * 0.36, this.w * 0.5, this.w * 0.09, 10); fill(114, 146, 62, this.opacity); rect(0, -this.w * 0.26, this.w * 0.75, this.w * 0.11, 10); fill(153, 176, 59, this.opacity); rect(0, -this.w * 0.14, this.w * 0.9, this.w * 0.13, 10); fill(145, 165, 58, this.opacity); //center rect(0, 0, this.w, this.w * 0.15, 10); fill(125, 150, 55, this.opacity); rect(0, this.w * 0.14, this.w * 0.9, this.w * 0.13, 10); fill(128, 161, 70, this.opacity); rect(0, this.w * 0.26, this.w * 0.75, this.w * 0.11, 10); fill(157, 168, 62, this.opacity); rect(0, this.w * 0.36, this.w * 0.5, this.w * 0.09, 10); fill(162, 175, 66, this.opacity); rect(0, this.w * 0.44, this.w * 0.3, this.w * 0.07, 10); //trunk fill(148, 121, 64, this.opacity); rect(0, (this.h + this.w) * 0.5, this.w * 0.075, this.h * 1.05); popStyle(); popMatrix(); }; this.update = function() { //not implemented }; this.run = function() { this.update(); this.draw(); }; }; //Launchpad object var Launchpad = function(config) { this.x = config.x; this.y = config.y; this.w = config.w; //draws the launch pad that the spaceship lands on this.draw = function() { noStroke(); pushMatrix(); translate(this.x, this.y); pushStyle(); rectMode(CENTER); //bottom stands stroke(0, 0, 0, 100); noFill(); arc(-this.w * 0.3, this.w * 0.14, this.w * 0.15, this.w * 0.1, 180, 360); arc(-this.w * 0.1, this.w * 0.14, this.w * 0.15, this.w * 0.1, 180, 360); arc( this.w * 0.1, this.w * 0.14, this.w * 0.15, this.w * 0.1, 180, 360); arc( this.w * 0.3, this.w * 0.14, this.w * 0.15, this.w * 0.1, 180, 360); //main body noStroke(); fill(253, 254, 235); rect(0, 0, this.w, this.w * 0.2); arc(-this.w * 0.5, 0, this.w * 0.17, this.w * 0.2, 1, 360); fill(246, 236, 201); arc(this.w * 0.5, 0, this.w * 0.17, this.w * 0.2, 1, 360); beginShape(); vertex(this.w * 0.5, -this.w * 0.1); vertex(this.w * 0.5, this.w * 0.1); vertex(-this.w * 0.3, this.w * 0.1); vertex(this.w * 0.4, -this.w * 0.1); vertex(this.w * 0.5, -this.w * 0.1); endShape(CLOSE); //center fill(219, 148, 133, 100); rect(0, this.w * 0.01, this.w * 1.18, this.w * 0.08, 10); fill(251, 187, 145, 100); rect(0, 0, this.w * 1.18, this.w * 0.08, 10); //top stands stroke(0, 0, 0, 100); noFill(); arc(-this.w * 0.1, -this.w * 0.1, this.w * 0.15, this.w * 0.1, 180, 360); arc( this.w * 0.1, -this.w * 0.1, this.w * 0.15, this.w * 0.1, 180, 360); //top main noStroke(); fill(253, 254, 235); rect(0, -this.w * 0.22, this.w * 0.6, this.w * 0.14); arc(-this.w * 0.3, -this.w * 0.22, this.w * 0.15, this.w * 0.14, 1, 360); fill(246, 236, 201); arc( this.w * 0.3, -this.w * 0.22, this.w * 0.15, this.w * 0.14, 1, 360); beginShape(); vertex(this.w * 0.3, -this.w * 0.29); vertex(this.w * 0.3, -this.w * 0.15); vertex(-this.w * 0.2, -this.w * 0.15); vertex(this.w * 0.2, -this.w * 0.29); vertex(this.w * 0.3, -this.w * 0.29); endShape(CLOSE); //top center fill(219, 148, 133, 100); rect(0, -this.w * 0.22, this.w * 0.76, this.w * 0.06, 10); fill(251, 187, 145, 100); rect(0, -this.w * 0.23, this.w * 0.76, this.w * 0.06, 10); popStyle(); popMatrix(); }; this.update = function() { //not implemented }; this.run = function() { this.update(); this.draw(); }; }; //Spaceship object var Spaceship = function(config) { this.x = config.x; this.y = config.y; this.vx = 0; this.vy = 0; this.w = config.w; this.speed = config.speed \|\| random(0.005, 0.01); this.maxv = 2; this.angle = 0; this.move = config.move \|\| "standard"; //other is lander if(config.dir !== 1) { //determines the horizontal direction this.dir = -1; } else { this.dir = 1; } //used for lander - options are flying, landing, landed, fueled, ready this.status = config.status \|\| "flying"; //used for lander this.timer = 0; //used for lander this.wait = 240; //resets the spaceship after it moves off the screen //sets up random properties for better AI this.reset = function() { this.y = random(100, 300); if(this.move === "standard") { this.w = random(30, 50); } this.speed = random(0.005, 0.01); this.angle = 0; this.vx = 0; this.vy = 0; this.dir = random() < 0.5 ? 1 : -1; if(this.dir === 1) { this.x = random(-600, -400); } else { this.x = random(width + 400, width + 600); } }; //draws the spaceship this.draw = function() { noStroke(); pushMatrix(); translate(this.x, this.y); rotate(this.angle); pushStyle(); rectMode(CENTER); fill(20, 20, 20, 100); triangle(-this.w * 0.39, this.w * 0.02, -this.w * 0.34, this.w * 0.12, -this.w * 0.29, this.w * 0.02); triangle(-this.w * 0.12, this.w * 0.02, -this.w * 0.17, this.w * 0.12, -this.w * 0.22, this.w * 0.02); triangle(-this.w * 0.05, this.w * 0.02, -this.w * 0, this.w * 0.12, this.w * 0.05, this.w * 0.02); triangle(this.w * 0.39, this.w * 0.02, this.w * 0.34, this.w * 0.12, this.w * 0.29, this.w * 0.02); triangle(this.w * 0.12, this.w * 0.02, this.w * 0.17, this.w * 0.12, this.w * 0.22, this.w * 0.02); fill(171, 188, 198, 150); rect(0, 0, this.w, this.w * 0.1, 10); fill(255, 255, 255, 40); arc(0, -this.w * 0.05, this.w * 0.8, this.w * 0.6, 181, 360); fill(255, 255, 255, 50); beginShape(); vertex(-this.w * 0.4, -this.w * 0.05); bezierVertex(-this.w * 0.3, -this.w * 0.35, -this.w * 0.1, -this.w * 0.35, this.w * 0.14, -this.w * 0.33); bezierVertex(-this.w * 0.2, -this.w * 0.25, -this.w * 0.25, -this.w * 0.15, -this.w * 0.25, -this.w * 0.05); vertex(-this.w * 0.4, -this.w * 0.05); endShape(CLOSE); popStyle(); popMatrix(); }; //moves the spaceship this.update = function() { if(this.move === "standard") { this.vx = constrain(this.vx + this.speed * this.dir, -this.maxv, this.maxv); this.vy = sin(frameCount * 1.2) * 1.2; if(this.dir === 1 && this.x - this.w > width) { this.reset(); } else if(this.dir === -1 && this.x + this.w < 0) { this.reset(); } } else { //fly in and stop at the x position of the landing pad, then slowly hover down //and land to refuel, then hover off and fly away - then reset for next pass //status: flying, landing, landed, fueled, ready switch(this.status) { case "flying": if(this.x > 155 && this.x < 360) { if(this.dir === 1) { this.vx = constrain(this.vx - this.speed * 3 * this.dir, this.maxv * 0.1, this.maxv); } else { this.vx = constrain(this.vx - this.speed * 3 * this.dir, -this.maxv, -this.maxv * 0.1); } if(this.x > 255 && this.x < 260) { this.vx = 0; this.status = "landing"; } } else { this.vx = constrain(this.vx + this.speed * this.dir, -this.maxv, this.maxv); } break; case "landing": if(this.y > 500) { this.vy = 0; this.status = "landed"; } else { this.vy = constrain(this.vy + this.speed, -this.maxv, this.maxv); } break; case "landed": if(this.timer++ > this.wait) { this.timer = 0; this.dir = random() > 0.5 ? 1 : -1; this.status = "fueled"; } break; case "fueled": this.vy = constrain(this.vy - this.speed, -this.maxv, this.maxv); this.vx = constrain(this.vx + this.speed * this.dir, -this.maxv, this.maxv); if(this.y + this.w < 0) { this.status = "ready"; } break; case "ready": this.reset(); this.wait = floor(random(240, 480)); this.status = "flying"; break; } } this.angle = this.vx * 2; this.x+= this.vx; this.y+= this.vy; }; this.run = function() { this.update(); this.draw(); }; }; //Hovercar object var Hovercar = function(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.speed = config.speed \|\| floor(random(2, 6)); this.frequency = random(0.3, 0.5); if(config.dir !== 1) { //handles the horizontal direction this.dir = -1; } else { this.dir = 1; } //draws the hover car this.draw = function() { noStroke(); pushMatrix(); translate(this.x, this.y); pushStyle(); rectMode(CENTER); fill(255, 255, 255); rect(0, 0, this.w, this.w * 0.2, 25, 25, 0, 0); fill(10, 18, 14, 150); rect(-this.w * 0.22, this.w * 0.075, this.w * 0.4, this.w * 0.15, 15); rect(this.w * 0.22, this.w * 0.075, this.w * 0.4, this.w * 0.15, 15); fill(176, 187, 188, 150); rect(-this.w * 0.22, this.w * 0.03, this.w * 0.38, this.w * 0.10, 15); rect(this.w * 0.22, this.w * 0.03, this.w * 0.38, this.w * 0.10, 15); stroke(255, 255, 255, 150); strokeWeight(2); noFill(); arc(0, -this.w * 0.1, this.w * 0.8, this.w * 0.6, 181, 360); fill(255, 255, 255, 150); beginShape(); vertex(-this.w * 0.4, -this.w * 0.1); bezierVertex(-this.w * 0.3, -this.w * 0.4, -this.w * 0.1, -this.w * 0.4, this.w * 0.14, -this.w * 0.37); bezierVertex(0, -this.w * 0.27, 0, -this.w * 0.2, -this.w * 0.05, -this.w * 0.1); vertex(-this.w * 0.4, -this.w * 0.1); endShape(CLOSE); popStyle(); popMatrix(); }; //updates the hover car using sin to give better AI this.update = function() { this.x += abs(sin(frameCount * this.frequency) * this.speed) * this.dir; if(this.dir === 1 && this.x - this.w > width) { this.x = random(-600, -400); } else if(this.dir === -1 && this.x + this.w < 0) { this.x = random(width + 400, width + 600); } }; this.run = function() { this.update(); this.draw(); }; }; //Cloud object var Cloud = function(config) { this.x = config.x; this.y = config.y; this.w = config.w; this.opacity = config.opacity \|\| 20; this.speed = config.speed \|\| random(0.5, 2); //draws the cloud this.draw = function() { noStroke(); fill(240, 240, 240, this.opacity); pushMatrix(); translate(this.x, this.y); pushStyle(); rectMode(CENTER); rect(0, -this.w * 0.25 / 2, this.w * 0.6, this.w * 0.1, 50); rect(0, 0, this.w, this.w * 0.15, 50); rect(0, this.w * 0.32 / 2, this.w * 1.4, this.w * 0.17, 50); popStyle(); popMatrix(); }; //moves the cloud this.update = function() { this.x += this.speed; if(this.x - this.w * 0.5 > width) { this.x = random(-1000, -400); this.w = floor(random(50, 120)); this.speed = random(0.2, 0.5); } }; this.run = function() { this.update(); this.draw(); }; }; //Train object var Train = function(config) { this.x = config.x; this.y = config.y; this.speed = config.speed \|\| 4; //draws the train this.draw = function() { pushMatrix(); translate(this.x, this.y); //body fill(130, 138, 133); rect(0, 0, 150, 15, 10, 0, 0, 10); //rect(100, 430, 150, 15, 10, 0, 0, 10); fill(178, 189, 192); rect(0, 0, 150, 12, 10, 0, 0, 10); //rect(100, 430, 150, 12, 10, 0, 0, 10); //front fill(255, 255, 255); triangle(150, 0, 170, 15, 150, 15); //triangle(250, 430, 270, 445, 250, 445); fill(130, 138, 133); triangle(150, 12, 170, 15, 150, 15); //triangle(250, 442, 270, 445, 250, 445); //windows fill(255, 255, 255); for(var i = 0; i < 12; i++) { rect(20 + (i * 10), 3, 6, 6); //rect(120 + (i * 10), 433, 6, 6); } popMatrix(); }; //moves the train using sin for better AI this.update = function() { this.x += abs(sin(frameCount * 0.2) * 5); if(this.x > width) { this.x = -300; } }; this.run = function() { this.update(); this.draw(); }; }; //Functions //Gradient for backgrounds var gradient = function(c1, c2) { background(0, 0, 0, 0); noStroke(); for(var i = 0; i <= height; i++) { fill(lerpColor(c1, c2, i/height)); rect(0, i, width, i); } }; //scene at the very back var backScene = function() { background(0, 0, 0, 0); //sun noStroke(); fill(240, 240, 240, 20); ellipse(100, 100, 100, 100); //building to the left of dark fill(207, 201, 171, 200); //rect(280, 280, 60, 320); fill(169, 171, 147, 200); //rect(300, 280, 40, 320); //building dark fill(89, 100, 91, 230); rect(330, 300, 30, 300); rect(340, 240, 5, 60); rect(350, 270, 5, 30); //windows fill(200, 200, 200, 100); for(var i = 0; i < 30; i++) { rect(335, 315 + (i * 10), 13, 3, 5); } //building fill(218, 207, 169); rect(280, 400, 30, 200); //windows fill(150, 150, 150, 50); for(var i = 0; i < 20; i++) { rect(285, 415 + (i * 10), 13, 2, 3); } //buildings (background) fill(217, 208, 177, 100); rect(250, 430, 10, 170); rect(220, 460, 30, 140); rect(180, 480, 20, 120); fill(217, 208, 177, 150); rect(150, 380, 5, 60); rect(140, 370, 5, 70); rect(130, 400, 5, 40); rect(110, 440, 50, 160); rect(160, 500, 20, 100); rect(200, 520, 20, 80); fill(217, 208, 177, 80); rect(65, 570, 15, 130); rect(50, 420, 5, 70); rect(30, 490, 30, 110); rect(0, 550, 25, 50); fill(191, 182, 155, 100); rect(160, 540, 30, 160); rect(165, 520, 5, 20); rect(80, 540, 20, 160); //windows fill(150, 150, 150, 30); for(var i = 0; i < 16; i++) { rect(115, 445 + (i * 10), 10, 2, 3); } //windows fill(150, 150, 150, 30); for(var i = 0; i < 5; i++) { rect(165, 550 + (i * 10), 7, 2, 3); } //windows fill(150, 150, 150, 100); for(var i = 0; i < 15; i++) { rect(225, 470 + (i * 10), 7, 2, 3); } var treesBack = []; //trees (back) treesBack.push(new Tree({ x: 20, y: 570, w: 30, h: 35, opacity: 100 })); treesBack.push(new Tree({ x: 20, y: 570, w: 30, h: 35, opacity: 100 })); treesBack.push(new Tree({ x: 50, y: 570, w: 25, h: 20, opacity: 100 })); treesBack.push(new Tree({ x: 85, y: 570, w: 15, h: 10, opacity: 100 })); treesBack.push(new Tree({ x: 155, y: 570, w: 30, h: 20, opacity: 150 })); treesBack.push(new Tree({ x: 190, y: 570, w: 35, h: 40, opacity: 100 })); treesBack.push(new Tree({ x: 120, y: 570, w: 25, h: 15, opacity: 100 })); treesBack.push(new Tree({ x: 160, y: 570, w: 15, h: 10, opacity: 100 })); for(var i = 0; i < treesBack.length; i++) { treesBack[i].run(); } //train //tracks fill(163, 164, 146, 150); rect(0, 450, 600, 10); }; //scene in the front var frontScene = function() { background(0, 0, 0, 0); //buildings //right fill(48, 62, 78); rect(580, 150, 20, 450); fill(109, 109, 121); rect(575, 150, 5, 450); fill(214, 204, 209); rect(570, 150, 5, 450); //right 2 //fill(19, 25, 18); fill(215, 215, 215); rect(540, 170, 20, 430); fill(85, 88, 80); rect(535, 170, 5, 430); //large fill(215, 219, 222); rect(390, 100, 110, 490); fill(229, 232, 227); rect(390, 110, 30, 490); fill(146, 151, 145); rect(460, 110, 40, 490); fill(254, 252, 234); rect(390, 170, 30, 430); fill(248, 234, 198); rect(390, 390, 30, 210); fill(177, 190, 192); rect(425, 170, 30, 430); fill(150, 166, 165); rect(422, 170, 3, 430); //shadow fill(191, 190, 167, 100); beginShape(); vertex(500, 200); vertex(500, 600); vertex(410, 600); vertex(410, 390); endShape(CLOSE); //windows right fill(0, 0, 0, 100); for(var i = 0; i < 45; i++) { rect(465, 175 + (i * 10), 15, 5, 15); } //top fill(254, 254, 243); rect(400, 85, 30, 15); fill(208, 214, 203); rect(430, 85, 55, 15); fill(189, 196, 191); rect(430, 100, 55, 5); //windows left fill(0, 0, 0, 50); for(var i = 0; i < 25; i++) { rect(395, 395 + (i * 10), 20, 5, 15); } rect(395, 225, 20, 5, 15); rect(395, 235, 20, 5, 15); rect(395, 355, 20, 5, 15); rect(395, 365, 20, 5, 15); //vertical lines left rect(410, 125, 5, 90, 15); rect(410, 250, 5, 95, 15); //top antenna fill(219, 231, 229); rect(455, 50, 5, 35); //round building on right pushMatrix(); translate(10, 0); fill(89, 100, 89, 200); beginShape(); vertex(495, 600); vertex(495, 320); bezierVertex(515, 290, 555, 290, 575, 320); vertex(575, 600); vertex(550, 600); vertex(550, 340); bezierVertex(555, 315, 515, 315, 520, 340); vertex(520, 600); endShape(CLOSE); popMatrix(); fill(191, 199, 199); beginShape(); vertex(495, 600); vertex(495, 320); bezierVertex(515, 290, 555, 290, 575, 320); vertex(575, 600); vertex(550, 600); vertex(550, 340); bezierVertex(555, 315, 515, 315, 520, 340); vertex(520, 600); endShape(CLOSE); //windows in arch //windows right fill(100, 100, 100, 50); for(var i = 0; i < 20; i++) { rect(498, 375 + (i * 10), 15, 5, 15); rect(553, 375 + (i * 10), 15, 5, 15); } var treesFront = []; //trees (front) treesFront.push(new Tree({ x: 40, y: 570, w: 60, h: 75, opacity: 255 })); treesFront.push(new Tree({ x: 90, y: 570, w: 45, h: 45, opacity: 255 })); for(var i = 0; i < treesFront.length; i++) { treesFront[i].run(); } var launchpad = new Launchpad({ x: 260, y: 550, w: 140 }); launchpad.draw(); //temp ground fill(124, 140, 130, 200); rect(0, 570, width, 30); fill(40, 40, 25, 200); rect(0, 570, width, 5); fill(108, 116, 109, 80); rect(170, 577, 200, 5, 20); rect(100, 590, 150, 5, 20); fill(144, 152, 145, 120); rect(180, 585, 170, 5, 20); rect(510, 580, 100, 10, 20); }; //scene instance var scene = new Scene(); //Get images //backgrounds gradient(color(121, 60, 86), color(249, 244, 207)); scene.gradients.push(get(0, 0, width, height)); gradient(color(173, 35, 95), color(249, 244, 207)); scene.gradients.push(get(0, 0, width, height)); gradient(color(8, 7, 8), color(249, 244, 207)); scene.gradients.push(get(0, 0, width, height)); gradient(color(97, 152, 209), color(249, 244, 207)); scene.gradients.push(get(0, 0, width, height)); //scenes backScene(); scene.backImg = get(0, 0, width, height); frontScene(); scene.frontImg = get(0, 0, width, height); //Initiate objects //clouds var clouds = []; for(var i = 0; i < 3; i++) { clouds.push(new Cloud({ x: random(50, 500), y: random(50 + (i * 100), 100 + (i * 90)), w: floor(random(50, 120)), speed: random(0.2, 0.5) })); } //spaceships var lander = new Spaceship({ x: -400, y: 200, w: 80, dir: 1, move: "lander", status: "flying" }); var spaceship = new Spaceship({ x: 250, y: 200, w: 50 }); //train var train = new Train({ x: -300, y: 430, w: 150 }); //hover cars var hovercars = []; for(var i = 0; i < 3; i++) { hovercars.push(new Hovercar({ x: floor(random(50, 550)), y: 560, w: 40, dir: i % 2 })); } //utopia var utopia = new Utopia(); //display the images and animations in the //relevant order to add perspective draw = function() { image(scene.gradients[scene.gindex % scene.gradients.length], 0, 0); image(scene.backImg, 0, 0); utopia.draw(); for(var i = 0; i < clouds.length; i++) { clouds[i].run(); } train.run(); spaceship.run(); image(scene.frontImg, 0, 0); lander.run(); for(var i = 0; i < hovercars.length; i++) { hovercars[i].run(); } }; //Handle different states of the graphic/animation mouseClicked = function() { if(utopia.state === "progress") { utopia.next(); } else if(utopia.state === "end") { utopia.state = ""; } else { if(dist(mouseX, mouseY, 100, 100) <= 50) { utopia.state = "delay"; } else { scene.gindex++; } } };
Folds	29,41,53,68,341,375,378,449,617,625,628,778,781,942
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOmQmdSmCAw
Votes	247
Spin-Offs	12
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6536915735560192","title":"Contest: Utopia","deleted":"false","official":"false"}
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, 1739366167847
Updated	10 months ago, 1740173999206
Source Deleted	unknown