Viewing Program

Program Data

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

Title	Home page for team Foxin [TCW]
ID	5896440522915840
Created	1 months ago, 1731896646437
Updated	1 months ago, 1732017187495
Code	// for TCW //chill who is stalking // credits: ace rodgers for the avatars and bearKirb(@bearkirb314) for smoothstep function // seal oh noes piehole // jshint ignore: start //SETUP var IMPACT = createFont("impact"); textFont(IMPACT, 90); textAlign(CENTER, CENTER); //888 if (textWidth("abcd efgh ijkl mnop qrst") !== 888) { IMPACT = createFont("sans-serif bold"); } //GLOBALS var click = false; // we love color var MAIN_COLOR = color(230, 154, 78); var WHITE = color(237); // avatars :) // thank you to ace rodgers for the avatars var avatars = (function() { var avatars = []; function Foxin (obj) { pushMatrix(); translate(obj.x, obj.y); // For the translation scale(obj.size[0], obj.size[1]); // For the size // The different stages switch (obj.stage) { // Seed stage case 1: { noStroke(); // Main body fill(255, 130, 0); beginShape(); vertex(-5, -49); bezierVertex(-5, -44, -3, -38, 0, -35); bezierVertex(1, -30, 14, -27, 24, -20); bezierVertex(39, -11, 48, 15, 28, 39); bezierVertex(9, 52, -10, 50, -30, 39); bezierVertex(-46, 28, -52, 1, -28, -19); bezierVertex(-14, -31, -9, -37, -5, -49); endShape(); // Shading fill(0, 40); beginShape(); vertex(0, -35); bezierVertex(1, -30, 14, -27, 24, -20); bezierVertex(39, -11, 48, 15, 28, 39); bezierVertex(9, 54, -24, 50, -38, 31); bezierVertex(-19, 45, 15, 50, 29, 16); bezierVertex(42, -19, 4, -17, 0, -35); endShape(); // Eyes fill(210, 110, 0); ellipse(7, 22, 6, 6); // Right ellipse(-20, 26, 6, 6); // Left // Light in eyes fill(255, 150); ellipse(6.5, 21.5, 3, 3); // Right ellipse(-19.5, 25.5, 3, 3); // Left } break; // Seedling stage case 2: { noStroke(); // Main body fill(255, 130, 0); beginShape(); vertex(43, -79); bezierVertex(40, -74, 35, -71, 25, -63); bezierVertex(5, -48, -14, -22, -13, 15); bezierVertex(5, 15, 14, 26, 16, 34); bezierVertex(19, 49, 14, 60, 5, 67); bezierVertex(-5, 75, -22, 70, -26, 67); bezierVertex(-36, 61, -38, 50, -36, 41); bezierVertex(-35, 31, -28, 19, -18, 15); bezierVertex(-31, -11, -28, -47, 29, -73); bezierVertex(37, -76, 38, -78, 43, -79); endShape(); // Leaf fill(220, 110, 0); beginShape(); vertex(37, -72); bezierVertex(1, -47, -14, -26, -13, 12); bezierVertex(1, -8, 10, 14, 26, -18); bezierVertex(34, -43, 20, -49, 37, -72); endShape(); fill(240, 120, 0); beginShape(); vertex(-7, 5); bezierVertex(-11, -8, -10, -26, 8, -47); bezierVertex(19, -54, 28, -50, 28, -39); bezierVertex(28, -30, 31, -24, 20, -8); bezierVertex(3, 8, 13, -3, -7, 5); endShape(); // White fur on leaf fill(255); stroke(200); beginShape(); vertex(44, -80); bezierVertex(29, -59, 29, -53, 29, -38); bezierVertex(21, -37, 14, -35, -8, -21); bezierVertex(-10, -37, -11, -35, -14, -41); bezierVertex(-6, -56, 22, -74, 44, -80); endShape(); noStroke(); // Shading fill(0, 40); beginShape(); vertex(-13, 15); bezierVertex(1, 14, 10, 22, 14, 29); bezierVertex(21, 48, 14, 65, -1, 70); bezierVertex(-17, 72, -19, 70, -30, 65); bezierVertex(-7, 70, 4, 61, 8, 53); bezierVertex(13, 40, 10, 20, -13, 15); endShape(); // Eyes fill(220, 110, 0); ellipse(-6, 50, 6, 6); // Right ellipse(-23, 54, 6, 6); // Left // Light in eyes fill(255, 150); ellipse(-7, 49.5, 3, 3); // Right ellipse(-23.5, 53.5, 3, 3); // Left // Left foot pushMatrix(); translate(-27, 74); // Lighter part fill(255, 130, 0); ellipse(0, 0, 18, 9); // Shading fill(220, 110, 0); ellipse(0, 1, 16, 6); popMatrix(); // Right foot pushMatrix(); translate(7, 67); rotate(-30); // Lighter part fill(255, 130, 0); ellipse(0, 0, 22, 12); // Shading fill(220, 110, 0); ellipse(-2, 1, 17, 8); popMatrix(); } break; // Sapling stage case 3: { noStroke(); // Body fill(255, 130, 0); beginShape(); vertex(-14, -28); bezierVertex(40, -28, 51, -17, 60, 1); bezierVertex(65, 23, 51, 11, -10, 16); bezierVertex(-31, 3, -20, -24, -14, -28); endShape(); stroke(220, 110, 0); strokeWeight(1); // Back leg lines bezier(31, -9, 8, -17, 14, 2, 15, 14); bezier(25, 2, 30, 11, 26, 2, 29, 14); // Front leg line bezier(1, 2, -3, 11, 1, 8, -12, 16); // Head beginShape(); vertex(-43, -33); bezierVertex(-32, -40, -32, -35, -27, -32); bezierVertex(-7, -40, -10, -35, -17, -20); bezierVertex(-20, -11, -23, -2, -11, 13); bezierVertex(-14, 17, -43, 30, -59, 11); vertex(-54, 6); bezierVertex(-60, 6, -57, 7, -64, 3); bezierVertex(-60, 2, -54, -13, -57, -24); bezierVertex(-58, -28, -59, -53, -43, -33); endShape(); // Leaf tail noStroke(); fill(220, 110, 0); beginShape(); vertex(47, 9); bezierVertex(41, 23, 28, 3, -6, 16); bezierVertex(14, 28, 52, 27, 47, 9); endShape(); // Tail fill(255, 130, 0); stroke(220, 110, 0); beginShape(); vertex(60, 11); bezierVertex(50, 28, 41, 38, 16, 41); bezierVertex(6, 34, 1, 23, -2, 26); bezierVertex(30, 23, 57, 18, 44, 6); endShape(); // Brown fur noStroke(); fill(77, 33, 0); // Left ear beginShape(); vertex(-42, -33); bezierVertex(-42, -16, -46, -23, -58, -24); bezierVertex(-61, -39, -56, -54, -42, -33); endShape(); // Right ear beginShape(); vertex(-27, -32); bezierVertex(-7, -40, -10, -35, -17, -20); bezierVertex(-20, -18, -26, -21, -27, -32); endShape(); // Pink inside ears noStroke(); fill(232, 79, 125); // Left ear beginShape(); vertex(-44, -30); bezierVertex(-42, -16, -46, -23, -55, -23); bezierVertex(-54, -39, -55, -46, -44, -30); endShape(); // Right ear beginShape(); vertex(-26, -28); bezierVertex(-11, -40, -14, -29, -19, -20); bezierVertex(-20, -18, -26, -21, -26, -28); endShape(); // White fur fill(255); stroke(200); // Head beginShape(); vertex(-27, -32); bezierVertex(-26, -39, -37, -38, -42, -33); bezierVertex(-41, -28, -39, -31, -33, -4); bezierVertex(-41, 3, -50, 1, -36, 23); vertex(-12, 22); bezierVertex(-13, 10, 2, 13, 2, 0); bezierVertex(-13, 2, -16, -4, -20, -7); bezierVertex(-27, -20, -28, -30, -27, -32); endShape(); // Tail beginShape(); vertex(-4, 16); bezierVertex(-26, 16, -25, 29, -46, 19); bezierVertex(-46, 39, -9, 49, 15, 41); bezierVertex(19, 35, 19, 30, 29, 23); bezierVertex(11, 23, 0, 19, -4, 16); endShape(); // Mouth bezier(-17, 18, -24, 18, -28, 16, -32, 10); noStroke(); // Nose fill(0); beginShape(); vertex(-2, 9); bezierVertex(2, 7, 10, -3, -4, 0); bezierVertex(-8, 2, -7, 5, -2, 9); endShape(); // Eye fill(220, 100, 0); ellipse(-38, -6, 6, 6); // Light in eye fill(255, 150); ellipse(-37, -6.5, 3, 3); } break; // Tree stage case 4: { noStroke(); fill(230, 120, 0); // Back front leg beginShape(); vertex(-35, -27); vertex(-37, 0); vertex(-24, 1); vertex(-20, -18); endShape(); stroke(220, 110, 0); strokeWeight(1); fill(255, 130, 0); // Body beginShape(); vertex(-14, -53); bezierVertex(40, -6, 48, -37, 60, 11); vertex(19, 18); bezierVertex(2, 14, -1, -3, 3, -10); bezierVertex(2, -14, -24, -6, -35, -27); endShape(); // Head beginShape(); vertex(-48, -69); bezierVertex(-46, -72, -39, -77, -27, -71); bezierVertex(-18, -73, 2, -89, -12, -57); bezierVertex(-16, -48, -15, -42, -9, -40); bezierVertex(-16, -38, -15, -39, -18, -39); vertex(-11, -35); bezierVertex(-34, -26, -44, -25, -62, -35); vertex(-58, -38); bezierVertex(-58, -38, -61, -38, -66, -41); bezierVertex(-58, -46, -61, -51, -61, -56); bezierVertex(-70, -80, -61, -76, -49, -69); endShape(); // Front leg beginShape(); vertex(-30, -27); vertex(-16, 0); vertex(-5, 0); vertex(-2, -16); endShape(); // Back leg line bezier(3, -11, 16, -13, 19, -12, 35, -4); bezier(13, -2, 22, 6, 23, 6, 30, 13); // Brown fur noStroke(); fill(77, 33, 0); // Front leg beginShape(); vertex(-17, -2); vertex(-19, 31); vertex(-11, 29); vertex(-5, 0); endShape(); // Back leg beginShape(); vertex(5, 9); vertex(19, 31); vertex(34, 17); vertex(17, 1); endShape(); // Back front leg fill(67, 23, 0); beginShape(); vertex(-37, -2); vertex(-40, 31); vertex(-33, 29); vertex(-24, 0); endShape(); // Right ear beginShape(); vertex(-27, -73); bezierVertex(-18, -73, 4, -90, -10, -57); bezierVertex(-22, -59, -15, -58, -27, -71); endShape(); // Left ear beginShape(); vertex(-48, -69); bezierVertex(-58, -55, -54, -51, -63, -56); bezierVertex(-69, -80, -63, -81, -49, -69); endShape(); // Pink inside ears noStroke(); fill(232, 79, 125); // Right ear beginShape(); vertex(-24, -68); bezierVertex(-18, -73, -2, -82, -15, -57); bezierVertex(-22, -59, -21, -62, -24, -68); endShape(); // Left ear beginShape(); vertex(-50, -65); bezierVertex(-58, -55, -54, -51, -58, -56); bezierVertex(-64, -74, -61, -73, -50, -65); endShape(); // Leaf tail noStroke(); fill(220, 110, 0); beginShape(); vertex(47, 4); bezierVertex(41, 23, 28, 3, -21, 22); bezierVertex(0, 28, 52, 41, 47, 9); endShape(); // Tail fill(255, 130, 0); stroke(220, 110, 0); beginShape(); vertex(60, 11); bezierVertex(58, 28, 41, 46, 16, 54); bezierVertex(6, 49, 1, 42, 2, 29); bezierVertex(30, 26, 57, 18, 44, 6); endShape(); // White fur fill(255); stroke(200); // Tail beginShape(); vertex(-4, 17); bezierVertex(-26, 16, -25, 38, -46, 26); bezierVertex(-46, 44, -9, 64, 15, 54); bezierVertex(15, 50, 19, 33, 29, 25); bezierVertex(11, 26, 0, 22, -4, 17); endShape(); // Head beginShape(); vertex(-48, -69); bezierVertex(-46, -72, -39, -77, -27, -71); bezierVertex(-18, -60, -36, -65, -28, -49); bezierVertex(-18, -47, -21, -40, -22, -31); bezierVertex(-39, -20, -33, -14, -51, -31); bezierVertex(-55, -43, -56, -47, -48, -48); bezierVertex(-38, -60, -52, -57, -49, -69); endShape(); line(-38, -31, -38, -21); noStroke(); // Nose fill(0); beginShape(); vertex(-45, -35); bezierVertex(-38, -36, -38, -38, -31, -34); bezierVertex(-37, -28, -39, -26, -45, -35); endShape(); // Eyes fill(220, 100, 0); ellipse(-49, -50, 6, 6); // Left ellipse(-26, -50, 6, 6); // Right // Light in eyes fill(255, 150); ellipse(-48.5, -49, 3, 3); // Left ellipse(-25.5, -49, 3, 3); // Right } break; // Ultimate stage case 5: { noStroke(); fill(230, 120, 0); // Back front leg beginShape(); vertex(-38, -7); vertex(-36, 21); vertex(-24, 22); vertex(-20, -4); endShape(); // Back Back leg beginShape(); vertex(15, -7); vertex(8, 21); vertex(22, 22); vertex(44, -4); endShape(); // Brown fur noStroke(); fill(63, 23, 0); // Back front leg beginShape(); vertex(-36, 21); vertex(-41, 45); bezierVertex(-46, 45, -50, 45, -49, 55); bezierVertex(-49, 55, -49, 56, -45, 56); bezierVertex(-44, 57, -42, 57, -39, 56); bezierVertex(-33, 57, -34, 57, -32, 44); vertex(-24, 21); endShape(); // Back back leg pushMatrix(); translate(45, 0); beginShape(); vertex(-37, 21); vertex(-41, 45); bezierVertex(-46, 45, -50, 45, -49, 55); bezierVertex(-49, 55, -49, 56, -45, 56); bezierVertex(-44, 57, -42, 57, -39, 56); bezierVertex(-33, 57, -34, 57, -32, 44); vertex(-22, 21); endShape(); popMatrix(); stroke(220, 110, 0); strokeWeight(1); fill(255, 130, 0); // Body beginShape(); vertex(-30, -35); bezierVertex(12, -11, 48, -37, 60, -18); bezierVertex(69, -27, 70, -46, 36, -54); bezierVertex(38, -65, 45, -79, 57, -81); bezierVertex(81, -63, 95, -18, 61, -11); bezierVertex(70, 15, 46, 17, 23, 5); bezierVertex(-10, -11, -20, 27, -53, -25); endShape(); // Back leg beginShape(); vertex(28, -7); vertex(50, 26); vertex(64, 22); vertex(62, -4); endShape(); // Front leg beginShape(); vertex(-30, -7); vertex(-12, 26); vertex(-3, 22); vertex(-6, -4); endShape(); // White fur fill(255); stroke(200); // Around chest beginShape(); vertex(-18, -30); bezierVertex(-9, -32, 0, -30, 7, -25); bezierVertex(4, -19, 0, -13, -20, -21); endShape(); beginShape(); vertex(-50, -17); bezierVertex(-43, -6, -45, -4, -32, -1); bezierVertex(-32, -5, -26, -13, -29, -20); endShape(); beginShape(); vertex(-39, -11); bezierVertex(-33, -6, -21, -4, -15, -4); bezierVertex(-15, -19, -10, -12, -15, -27); endShape(); // Tail beginShape(); vertex(45, -51); bezierVertex(12, -57, 19, -72, -11, -65); bezierVertex(-2, -92, 41, -95, 62, -77); bezierVertex(58, -69, 65, -52, 68, -50); endShape(); // Head pushMatrix(); translate(-8, -46); rotate(-15); stroke(220, 110, 0); strokeWeight(1); fill(255, 130, 0); // Head shape beginShape(); vertex(-43, -33); bezierVertex(-32, -40, -32, -35, -27, -32); bezierVertex(-7, -40, -10, -35, -17, -20); bezierVertex(-20, -11, -23, -2, -11, 13); bezierVertex(-14, 17, -43, 30, -59, 11); vertex(-54, 6); bezierVertex(-60, 6, -57, 7, -64, 3); bezierVertex(-60, 2, -54, -13, -57, -24); bezierVertex(-58, -28, -59, -53, -43, -33); endShape(); // Brown fur noStroke(); fill(77, 33, 0); // Left ear beginShape(); vertex(-42, -33); bezierVertex(-42, -16, -46, -23, -58, -24); bezierVertex(-61, -39, -56, -54, -42, -33); endShape(); // Right ear beginShape(); vertex(-27, -32); bezierVertex(-7, -40, -10, -35, -17, -20); bezierVertex(-20, -18, -26, -21, -27, -32); endShape(); // Pink inside ears noStroke(); fill(232, 79, 125); // Left ear beginShape(); vertex(-44, -30); bezierVertex(-42, -16, -46, -23, -55, -23); bezierVertex(-54, -39, -55, -46, -44, -30); endShape(); // Right ear beginShape(); vertex(-26, -28); bezierVertex(-11, -40, -14, -29, -19, -20); bezierVertex(-20, -18, -26, -21, -26, -28); endShape(); // White fur fill(255); stroke(200); // Head beginShape(); vertex(-27, -32); bezierVertex(-26, -39, -37, -38, -42, -33); bezierVertex(-41, -28, -39, -31, -33, -4); bezierVertex(-41, 3, -50, 1, -36, 22); bezierVertex(-13, 21, 2, 13, 2, 0); bezierVertex(-13, 2, -16, -4, -20, -7); bezierVertex(-27, -20, -28, -30, -27, -32); endShape(); // Mouth bezier(-15, 18, -19, 18, -22, 16, -28, 10); noStroke(); // Nose fill(0); beginShape(); vertex(-2, 12); bezierVertex(2, 7, 10, -3, -4, 0); bezierVertex(-8, 2, -7, 5, -2, 12); endShape(); // Eye fill(220, 100, 0); ellipse(-38, -6, 6, 6); // Light in eye fill(255, 150); ellipse(-37, -6.5, 3, 3); popMatrix(); // Brown fur noStroke(); fill(77, 33, 0); // Front leg pushMatrix(); translate(26, 3); beginShape(); vertex(-39, 22); vertex(-41, 45); bezierVertex(-46, 45, -50, 45, -49, 55); bezierVertex(-49, 55, -49, 56, -45, 56); bezierVertex(-44, 57, -42, 57, -39, 56); bezierVertex(-33, 57, -34, 57, -32, 44); vertex(-28, 19); vertex(-29, 15); endShape(); popMatrix(); // Back leg pushMatrix(); translate(85, 3); beginShape(); vertex(-34, 22); vertex(-41, 45); bezierVertex(-46, 45, -50, 45, -49, 55); bezierVertex(-49, 55, -49, 56, -45, 56); bezierVertex(-44, 57, -42, 57, -39, 56); bezierVertex(-33, 57, -34, 57, -32, 44); vertex(-20, 23); vertex(-21, 13); endShape(); popMatrix(); } break; } popMatrix(); } for (var i = 1; i < 6; i ++) { // the transparant background background(0, 0); Foxin({x: 300, y: 300, size: [3.5, 3.5], stage: i}); avatars.push(get()); } background(255); return avatars; })(); // misc functions var functions = (function() { return { // BEAR KIRBS SMOOTH STEP smoothStep: function(x){ var sqrt3=Math.sqrt(3); var e1=-1Math.sqrt(1-Math.pow(xsqrt3,2))+1 var e2=Math.sqrt(1-Math.pow(xsqrt3-sqrt3,2)) return(x>=0?(x<0.5?e1:(x<=1?e2:1)):0); }, sign: function(n) { return n!==0?abs(n)/n:0; }, }; })(); // scenes var scenes = (function() { // home scene var home = (function() { var Home = function() { // the fade ammounts for all the quadrants, would be better as an array but I did it this way and now I feel lazy so yeah this.quadrant1 = 0; this.quadrant2 = 0; this.quadrant3 = 0; this.quadrant4 = 0; //the part of the screen transitioning to this.to = "home"; // how far through the animation are we? 0-1 this.amt = 1; // how fast is the animation this.speed = 0.03; // the translation applied to the screen so that you can see different parts of it this.translate = [0, 0]; // this is the function that slides back to the home screen, it is changed so that it slides from the right place this.moveToHome = function() { this.translate[0] = 600 - 600 functions.smoothStep(this.amt); this.translate[1] = 600 - 600 * functions.smoothStep(this.amt); this.amt += this.speed; }; //members list this.members = "LeaferStudios\nVortex\nRedSus\nWashington\nChickenfarmer2009\nEyeinthesky\ncwalsh1223\nNorwegian Pathways\nPanda15\nRealCodingPro\nHunter Hill\nLeo2009\nAdriana\nsugarnlight\nThatWhiteGuy364\nCharlie\nMathlete11\nVicioustrex\nYA".split("\n"); this.currentMember = 0; this.membersTextFade = 255; //programs list this.programs = "This one:)\num idk\nye wer the best\nWE DONT HAVE PROGRAMS\num.....\nthe super cool one\n hi there".split("\n"); this.currentProgram = 0; this.mprogramsTextFade = 255; this.goBackHome = 0; // bubbles image this.backgroundImage = (function() { background(MAIN_COLOR); // i did this so I could tweak them manually instead of using a set seed for the random var infoAboutCircles = [[35,40,35],[144,31,63],[278,35,64],[399,40,58],[510,41,47],[34,141,45],[252,223,49],[355,188,41],[517,211,63],[3,296,38],[146,276,41],[248,302,50],[383,268,36],[503,279,62],[50,435,33],[153,426,60],[294,382,50],[398,435,65],[527,397,53],[58,513,45],[153,507,59],[291,557,53],[379,538,56],[530,509,44],]; // draw all of the circles for (var i in infoAboutCircles) { noFill(); stroke(214, 90, 45); strokeWeight(5); var sizeOfCircle = infoAboutCircles[i][2]; var x = infoAboutCircles[i][0] + 20; var y = infoAboutCircles[i][1]; ellipse(x, y, sizeOfCircle, sizeOfCircle); stroke(191, 84, 48); strokeWeight(1); ellipse(x, y, sizeOfCircle, sizeOfCircle); } // blur filter(BLUR, 3); // return as an image return get(); })(); }; Home.prototype.background = function() { // circles backgrounds image(this.backgroundImage, 0, 0); image(this.backgroundImage, -600, 0); image(this.backgroundImage, 600, 0); image(this.backgroundImage, 0, -600); image(this.backgroundImage, 0, 600); }; Home.prototype.run = function() { // setup background(WHITE); pushMatrix(); translate(this.translate[0], this.translate[1]); this.background(); // squares on home page { // logic for changing the fade of the squares and clicking { // quadrant one if (mouseX < 300 && mouseY < 300) { // fade this.quadrant1 += 10; this.quadrant1 = min(this.quadrant1, 200); // clicking if (click && this.to === "home") { this.homeImg = get(); this.to = "what"; this.amt = 0; } } else { // fade out this.quadrant1 -= 10; this.quadrant1 = max(this.quadrant1, 0); } // quadrant two if (mouseX > 300 && mouseY < 300) { // fade in this.quadrant2 += 10; this.quadrant2 = min(this.quadrant2, 200); // clicking if (click && this.to === "home") { this.homeImg = get(); this.to = "who"; this.amt = 0; } } else { // fade out this.quadrant2 -= 10; this.quadrant2 = max(this.quadrant2, 0); } // quadrant three if (mouseX > 300 && mouseY > 300) { // fade in this.quadrant3 += 10; this.quadrant3 = min(this.quadrant3, 200); // clicking if (click && this.to === "home") { this.homeImg = get(); this.to = "programs"; this.amt = 0; } } else { // fade out this.quadrant3 -= 10; this.quadrant3 = max(this.quadrant3, 0); } // quadrant four if (mouseX <= 300 && mouseY >= 300) { // fade in this.quadrant4 += 10; this.quadrant4 = min(this.quadrant4, 200); // clicking if (click && this.to === "home") { this.homeImg = get(); this.to = "about"; this.amt = 0; } } else { // fade out this.quadrant4 -= 10; this.quadrant4 = max(this.quadrant4, 0); } } // setup for displaying the squares noStroke(); textFont(IMPACT, 60); // square 1 { // fade in the square fill(237, this.quadrant1); rect(0, 0, 300, 300); // fade in the text fill(red(MAIN_COLOR), green(MAIN_COLOR), blue(MAIN_COLOR), this.quadrant1); text("WHAT?", 150, 150); } // square 2 { // fade in the square fill(237, this.quadrant2); rect(300, 0, 300, 300); // fade in the text fill(red(MAIN_COLOR), green(MAIN_COLOR), blue(MAIN_COLOR), this.quadrant2); text("WHO?", 450, 150); } // square 3 { // fade in the square fill(237, this.quadrant3); rect(300, 300, 300, 300); // fade in the text fill(red(MAIN_COLOR), green(MAIN_COLOR), blue(MAIN_COLOR), this.quadrant3); text("PROGRAMS", 450, 450); } // square 4 { // fade in the square fill(237, this.quadrant4); rect(0, 300, 300, 300); // fade in the text fill(red(MAIN_COLOR), green(MAIN_COLOR), blue(MAIN_COLOR), this.quadrant4); text("ABOUT", 150, 450); } } // transition away from home switch(this.to) { case "what": this.translate[0] = functions.smoothStep(this.amt) * 600; this.translate[1] = functions.smoothStep(this.amt) * 600; this.amt += this.speed; break; case "who": this.translate[0] = functions.smoothStep(this.amt) * -600; this.translate[1] = functions.smoothStep(this.amt) * 600; this.amt += this.speed; break; case "programs": this.translate[0] = functions.smoothStep(this.amt) * -600; this.translate[1] = functions.smoothStep(this.amt) * -600; this.amt += this.speed; break; case "about": this.translate[0] = functions.smoothStep(this.amt) * 600; this.translate[1] = functions.smoothStep(this.amt) * -600; this.amt += this.speed; break; case "home": this.moveToHome(); break; } // make sure that the percentage of the animation complete dosent go above 1 this.amt = min(this.amt, 1); // what { fill(MAIN_COLOR); textFont(IMPACT, 40); text("( click )", -300, -100); textFont(IMPACT, 90); text("THE BEST TEAM!", -300, -400); // avatar 1 pushMatrix(); translate(-500, -200); rotate(30); image(avatars[4], -80, -80, 160, 160); popMatrix(); //avatar 2 pushMatrix(); translate(-200, -500); rotate(-10); image(avatars[2], -80, -80, 160, 160); popMatrix(); } //who { fill(MAIN_COLOR); textFont(IMPACT, 90); text("THE CODERS:", 900, -500); fill(red(MAIN_COLOR), green(MAIN_COLOR), blue(MAIN_COLOR), this.membersTextFade); textFont(IMPACT, 50); if (frameCount % 100 === 0) { this.currentMember = (this.currentMember+3)%this.members.length; } // fade the text, go back and forth every 100 frames this.membersTextFade = (frameCount % 100) * 5.1; if (this.membersTextFade > 255) { this.membersTextFade = 510 - this.membersTextFade; } text(this.members[this.currentMember], 900, -350); text(this.members[(this.currentMember+1)%this.members.length], 900, -250); text(this.members[(this.currentMember+2)%this.members.length], 900, -150); fill(MAIN_COLOR); textFont(IMPACT, 40); text("( click )", 900, -50); // avatar 1 pushMatrix(); translate(1150, -100); rotate(20); image(avatars[1], -80, -80, 160, 160); popMatrix(); // avatar 2 pushMatrix(); translate(670, -80); rotate(-30); image(avatars[0], -80, -80, 160, 160); popMatrix(); } //programs { // links if (click && this.goBackHome > 0) { this.goBackHome = 0; } else if (this.to ==="programs" && click && this.amt === 1 && this.goBackHome === 0) { println("ww.linkyay.com"); this.goBackHome = 5; } fill(red(MAIN_COLOR), green(MAIN_COLOR), blue(MAIN_COLOR), this.programsTextFade); textFont(IMPACT, 50); if (frameCount % 100 === 0) { this.currentProgram = (this.currentProgram+3)%this.programs.length; } // fade the text, go back and forth every 100 frames this.programsTextFade = (frameCount % 100) * 5.1; if (this.programsTextFade > 255) { this.programsTextFade = 510 - this.programsTextFade; } text(this.programs[this.currentProgram], 900, 850); text(this.programs[(this.currentProgram+1)%this.programs.length], 900, 950); text(this.programs[(this.currentProgram+2)%this.programs.length], 900, 1050); fill(MAIN_COLOR); textFont(IMPACT, 40); text("( click )", 900, 1150); textFont(IMPACT, 90); text("PROGRAMS:", 900, 700); // avatar 1 pushMatrix(); translate(1120, 1120); rotate(-10); image(avatars[2], -80, -80, 160, 160); popMatrix(); } //about { fill(MAIN_COLOR); textFont(IMPACT, 60); text("so were awesome\nand yeah yay", -300, 900); fill(MAIN_COLOR); textFont(IMPACT, 40); text("( click )", -300, 1150); // avatar 1 pushMatrix(); translate(-500, 700); rotate(30); image(avatars[3], -80, -80, 160, 160); popMatrix(); // avatar 2 pushMatrix(); translate(-120, 1100); rotate(-10); image(avatars[4], -80, -80, 160, 160); popMatrix(); } // handles switching back to the main screen switch(this.to) { case "what": if (click && this.amt === 1) { this.to = "home"; this.amt = 0; this.moveToHome = function() { this.translate[0] = 600 - 600 * functions.smoothStep(this.amt); this.translate[1] = 600 - 600 * functions.smoothStep(this.amt); this.amt += this.speed; }; } break; case "who": if (click && this.amt === 1) { this.to = "home"; this.amt = 0; this.moveToHome = function() { this.translate[0] = -600 + 600 * functions.smoothStep(this.amt); this.translate[1] = 600 - 600 * functions.smoothStep(this.amt); this.amt += this.speed; }; } break; case "programs": if (click && this.amt === 1 && this.goBackHome < 1) { this.to = "home"; this.amt = 0; this.moveToHome = function() { this.translate[0] = -600 + 600 * functions.smoothStep(this.amt); this.translate[1] = -600 + 600 * functions.smoothStep(this.amt); this.amt += this.speed; }; } break; case "about": if (click && this.amt === 1) { this.to = "home"; this.amt = 0; this.moveToHome = function() { this.translate[0] = 600 - 600 * functions.smoothStep(this.amt); this.translate[1] = -600 + 600 * functions.smoothStep(this.amt); this.amt += this.speed; }; } break; } popMatrix(); }; return new Home(); })(); // intro scene var intro = (function() { function Intro() { this.frames = 0; this.firstTextColorLerpAmt = 0; this.firstTextY = 120; this.firstTextCoverY = 0; this.secondCoverY = 0; this.bottomTextOne; this.bottomTextTwo; this.shake = 0; this.presentsTextScale = 10; this.lastImg; } Intro.prototype.run = function() { // increase the frames this.frames +=2; pushMatrix(); translate(random(-this.shake, this.shake), random(-this.shake, this.shake)); this.shake = max(this.shake - 0.1, 0); textFont(IMPACT, 90); if (this.frames < 30) { background(MAIN_COLOR); } else if (this.frames < 90) { background(MAIN_COLOR); this.firstTextColorLerpAmt += 1/30; fill(lerpColor(MAIN_COLOR, WHITE, this.firstTextColorLerpAmt)); text("TEAM FOXIN", 300, this.firstTextY); } else if (this.frames < 150) { background(MAIN_COLOR); this.firstTextY = functions.smoothStep((this.frames - 90)/60) * 180 + 120; fill(WHITE); text("TEAM FOXIN", 300, this.firstTextY); } else if (this.frames < 210) { if (this.frames === 150) { this.bottomTextOne = get(0, 300, 600, 300); } else { image(this.bottomTextOne, 0, 300); } background(MAIN_COLOR); fill(WHITE); text("TEAM FOXIN", 300, 300); this.firstTextCoverY = functions.smoothStep((this.frames - 150)/60) * 300; noStroke(); fill(WHITE); rect(0, this.firstTextCoverY - 300, 600, 300); var g = createGraphics(600, 600, P2D); g.fill(255); g.background(0, 0); g.rect(0, this.firstTextCoverY - 300, 600, 300); var mask = g.get(); g.background(WHITE); g.fill(MAIN_COLOR); g.textFont(IMPACT, 90); g.textAlign(CENTER, CENTER); g.text("TEAM FOXIN", 300, 300); var filling = g.get(); if (filling) { filling.mask(mask); } image(filling, 0, 0); if (this.frames === 208) { this.bottomTextTwo = get(0, 300, 600, 300); } } else if (this.frames < 270) { background(WHITE); fill(MAIN_COLOR); text("TEAM FOXIN", 300, 300); image(this.bottomTextTwo, 0, 300 + this.secondCoverY); this.secondCoverY = functions.smoothStep((this.frames - 210)/60) * 300 + 1; } else if (this.frames < 330) { this.firstTextY = 300 - (functions.smoothStep((this.frames - 270)/60) * 150); background(WHITE); fill(MAIN_COLOR); text("TEAM FOXIN", 300, this.firstTextY); } else if (this.frames < 460) { background(WHITE); fill(MAIN_COLOR); textFont(IMPACT, 90); text("TEAM FOXIN", 300, this.firstTextY); pushMatrix(); translate(250, 500); textFont(IMPACT, 60); var amt = 5 - (this.frames - 330)/30 * 4; scale(max(amt, 1)); text("ppppresents...", 50, -220); popMatrix(); if (amt === 1) { this.shake = 10; } if(this.frames === 358) { this.bottomTextTwo = get(); } } else { if (this.frames === 460) { image(this.bottomTextTwo, 0, 0); this.shake = 0; this.lastImg = []; for (var i = 0; i < width/60; i ++) { for (var j = 0; j < width/60; j ++) { this.lastImg.push({img: get(i * 60, j60, 60, 60), x: i 60, y: j * 60, xv: random(-5, 5), yv: random(-3, 2)}); } } } for(var i in this.lastImg) { // this.lastImg[i].xv ; this.lastImg[i].yv += 0.3; this.lastImg[i].y += this.lastImg[i].yv; this.lastImg[i].x += this.lastImg[i].xv; image(this.lastImg[i].img, this.lastImg[i].x, this.lastImg[i].y, 60, 60); } } popMatrix(); }; return new Intro(); })(); // return the scenes in an object so that you can do scenes[scene](); return { home: home, intro: intro, }; })(); // draw function function draw() { try{ scenes["home"].run(); scenes["intro"].run(); click = false; } catch(e){ println(e); } } // yay clickering mousePressed = function() { click = true; } // restart button random(); /***** [Intro] Desert you Ooh-ooh-ooh-ooh Hurt you [Verse 1] We're no strangers to love You know the rules and so do I (Do I) A full commitment's what I'm thinking of You wouldn't get this from any other guy [Pre-Chorus] I just wanna tell you how I'm feeling Gotta make you understand [Chorus] Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you [Verse 2] We've known each other for so long Your heart's been aching, but you're too shy to say it (To say it) Inside, we both know what's been going on (Going on) We know the game, and we're gonna play it [Pre-Chorus] And if you ask me how I'm feeling Don't tell me you're too blind to see [Chorus] Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you [Bridge] Ooh (Give you up) Ooh-ooh (Give you up) Ooh-ooh Never gonna give, never gonna give (Give you up) Ooh-ooh Never gonna give, never gonna give (Give you up) [Verse 2] We've known each other for so long Your heart's been aching, but you're too shy to say it (To say it) Inside, we both know what's been going on (Going on) We know the game, and we're gonna play it [Pre-Chorus] I just wanna tell you how I'm feeling Gotta make you understand [Chorus] Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you */
Folds	27,759,762,775,778,1383,1386,1394
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLvWgNm8Cgw
Votes	24
Spin-Offs	0
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Panda15
Author Name	feistyPanda
Author ID	kaid_9155426718383676698036057
Author Profile Access	PUBLIC

Archive Data

Added	1 months ago, 1732322912930
Updated	1 months ago, 1732322912930
Source Deleted	unknown