Viewing Program

Program Data

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

Title	EARTH DAY 🌎 [No Lag]
ID	5345735194509312
Created	8 years ago, 1492869599596
Updated	8 years ago, 1493009117439
Code	/* IF YOU ARE EXPERIENCING LAG, CHANGE THE lag VARIABLE ON LINE 35 to false PROTECT THE WILD! GO GREEN! DO YOUR PART! SAVE OUR FUTURE! Whatever you want to call it! :P 🌎 It's Earth Day guys! Let's protect the environment! Reuse, Reduce, Recycle, pick up trash... you know what to do! I really wanted to make a project for Earth Day because the environment is really important. I just wanted to remind everyone that if we all do our part, we can change the fate of our beautiful home, the future generations, and really cute baby penguins! :D 🌎 Also, if you were expecting something amazing and awesome, you might be dissapointed. Earth Day was earlier than I expected (I thought it was in May for some reason) and I made this in less than 5 days. It's still a WIP, and I'm planning to add more animals and natural stuff. But I wanted it released on Earth Day so enjoy this for now. It may be laggy, if Oh Noes comes up, try restarting. If anyone could help get rid of the lag (especially on the hummingbird scene), that would be greatly appreciated! :D To subscribe to me, go here: https://www.khanacademy.org/computer-programming/sub-to-lny/6316626486296576 Thanks for reading the whole thing! :) Things to do / things to make better: - More animals (more scenes) - Better transitions - Somehow make the paper airplane fit with the animation better - Add more details / //switch this to false if you're having lag issues //won't have as good quality if on false var lag = true; //VARIABLES { var scene = "intro"; var airplane_Y = 0; //earth draw variables var e_transp = 0; var land1 = [148, 132, 112, 176, 162, 167, 103, 209, 183, 192, 100, 245, 204, 219, 105, 280, 199, 261, 113, 312, 194, 301, 130, 340, 148, 369]; var land2 = [276, 96, 300, 109, 319, 108, 321, 191, 347, 128, 358, 196, 370, 150, 398, 194]; var land3 = [261, 408, 284, 356, 295, 402, 313, 344, 327, 387, 340, 348, 357, 366, 383, 336]; var land4 = [222, 94, 186, 106, 245, 117, 193, 139, 275, 142, 221, 165, 280, 169, 243, 193, 284, 199, 249, 224, 310, 225, 243, 261, 389, 231, 311, 278, 404, 265, 367, 295, 286, 309, 285, 279, 239, 292, 264, 323, 223, 322, 244, 351, 196, 352, 239, 376, 188, 383, 219, 404]; var land1_time; var land2_time; var land3_time; var land4_time; //airplane folding animation variables var t1x = 137; var t2y = 475; var t3x = 362; var tscale = 1; var v1a = 25; var v1b = 475; var v2aX = 25; var v2aY = 250; var v2bX = 475; var v2bY = 250; var v2cY = 250; //airplane flying variables var pX = 506; var pY = 135; //bird -> ocean variables var slide = 0; var slideX = 0; //ocean variables var bub_scale = 1.3; var bubX = -254; var bubY = 331; var fishX = 383; var whaleX = -711; var time = 180; var x = cos(time1); var oceanY = 340; //rainforest variables var from = color(74, 48, 0); var to = color(70, 60, 25); var interA = lerpColor(from, to, 0.20); var interB = lerpColor(from, to, 0.40); var interC = lerpColor(from, to, 0.60); var interD = lerpColor(from, to, 0.80); var groundY = -50; //text variables var txt_box = 180; var txt_box2 = 255; var txt = 255; } //ANIMATIONS { var wing_beat = true; var wing_time = 0; var wing_rotate = 0.5; var wing_animation = function () { if (wing_beat === true) { if(wing_time < 1) {wing_time++; wing_rotate += 15;} if(wing_time === 1) {wing_beat = false;} } else { if(wing_time > 0) {wing_time --; wing_rotate -= 15; } if(wing_time === 0) {wing_beat = true;} } }; var bobbing = true; var bobbing_time = 0; var Y = 0.5; var bobbing_animation = function () { if (bobbing === true) { if(bobbing_time < 10) {bobbing_time++; Y += 1;} if(bobbing_time === 10) {bobbing = false;} } else { if(bobbing_time > 0) {bobbing_time --; Y -= 1;} if(bobbing_time === 0) {bobbing = true;} } }; var rustling = true; var rustle_time = 0; var rustle = 0.5; var rustling_animation = function () { if (rustling === true) { if(rustle_time < 30) {rustle_time++; rustle += 1;} if(rustle_time === 30) {rustling = false;} } else { if(rustle_time > 0) {rustle_time --; rustle -=1;} if(rustle_time === 0) {rustling = true;} } }; var swiming = false; var swim_time = 190; var swim = 0.5; var swimming_animation = function () { if (swiming === true) { if(swim_time < 185) {swim_time++; swim += 0.05;} if(swim_time === 185) {swiming = false;} } else { if(swim_time > 0) {swim_time--; swim -= 0.05;} if(swim_time === 0) {swiming = true;} } }; } //SCENE PROPS { var airplane = function () { strokeWeight(1); stroke(30, 30, 30); fill(255); pushMatrix(); translate(pX, pY); scale(2); translate(-pX, -pY); beginShape(); vertex(250, 250); vertex(197, 258); vertex(208, 270); vertex(250, 250); vertex(213, 273); vertex(231, 283); vertex(250, 250); vertex(208, 270); vertex(208, 279); vertex(213, 273); vertex(209, 278.5); vertex(217, 275); endShape(); popMatrix(); }; var clouds = function (x, y) { noStroke(); fill(255, 255, 255, 200); rect(x+20, y-28, 80, 35, 30); rect(x, y, 120, 40, 30); }; var flowers = function (x, y) { pushMatrix(); translate(x, y); strokeWeight(2); stroke(24, 0, 71); fill(182, 150, 255); beginShape(); vertex(324, 150); bezierVertex(341, 171, 362, 131, 333, 135); vertex(333, 135); bezierVertex(359, 128, 339, 94, 323, 121); vertex(323, 122); bezierVertex(330, 87, 283, 106, 307, 128); vertex(307, 128); bezierVertex(280, 109, 278, 158, 304, 144); vertex(307, 142); bezierVertex(279, 167, 329, 177, 323, 151); endShape(CLOSE); pushMatrix(); scale(0.9); translate(39, 13); fill(24, 0, 71); ellipse(305, 136, 3, 3); ellipse(309, 145, 3, 3); ellipse(319, 146, 3, 3); noFill(); bezier(318, 132, 311, 137, 308, 136, 307, 136); bezier(319, 132, 320, 135, 315, 142, 310, 144); bezier(319, 132, 322, 135, 322, 142, 319, 147); popMatrix(); popMatrix(); }; var bubbles = function (x, y) { strokeWeight(2); stroke(218, 217, 255, 100); fill(220, 243, 250, 30); ellipse(x, y, 50, 50); noFill(); strokeWeight(3); bezier(x-20, y, x-21, y-14, x-7, y-22, x+5, y-19); }; var fish = function (x, y) { noStroke(); fill(16, 23, 84); ellipse(x+3, y, 36, 15); triangle(x+14, y, x+30, y-10, x+30, y+10); }; var bushes = function (x, y, color, color2) { fill(color); stroke(color2); pushMatrix(); translate(x, y); beginShape(); vertex(-202, -190); bezierVertex(-205, -211, -221, -219, -257, -206); bezierVertex(-227, -250, -189, -236, -179, -208); bezierVertex(-185, -241, -171, -262, -132, -262); bezierVertex(-148, -252, -154, -240, -154, -211); bezierVertex(-149, -217, -113, -255, -89, -208); bezierVertex(-118, -219, -140, -202, -139, -188); bezierVertex(-139, -187, -94, -193, -104, -141); bezierVertex(-114, -158, -123, -165, -154, -165); bezierVertex(-159, -165, -168, -141, -152, -119); bezierVertex(-167, -122, -193, -137, -189, -167); bezierVertex(-195, -166, -217, -170, -232, -139); bezierVertex(-239, -149, -239, -184, -202, -190); endShape(); popMatrix(); }; var grass = function(x, y, color, color2) { pushMatrix(); translate(x, y); fill(color); stroke(color2); beginShape(); vertex(-187, -176); bezierVertex(-205, -208, -215, -229, -251, -222); bezierVertex(-227, -253, -189, -237, -181, -208); bezierVertex(-185, -241, -171, -262, -132, -262); bezierVertex(-148, -252, -154, -237, -154, -211); bezierVertex(-149, -217, -107, -252, -87, -208); bezierVertex(-101, -219, -129, -209, -145, -176); endShape(); popMatrix(); }; } //SCENES { textFont(createFont("Century Gothic"), 40); textAlign(CENTER, CENTER); var paper1 = function () { scene = "paper1"; background(191, 255, 226); pushMatrix(); translate(0, airplane_Y); //PLANE strokeWeight(3); stroke(30, 30, 30); fill(255); beginShape(); vertex(v2aX, v2aY); vertex(t1x-112, 475); vertex(t1x, 475); vertex(250, t2y); vertex(t3x, 475); vertex(t3x+113, 475); vertex(v2bX, v2bY); vertex(v1b, v1a); vertex(250, 25); vertex(v1a, v1a); endShape(CLOSE); //EARTH pushMatrix(); translate(250, 250); scale(tscale, 1); translate(-250, -250); //timing for outline if (frameCount >= 70) { e_transp+=10; } //timing for grassy land land1_time = (((frameCount-150) / 5)-2)2; if (land1_time >= 23) { land1_time = 23; } land2_time = (((frameCount-150) / 6)-2)2; if (land2_time >= 12) { land2_time = 12; } land3_time = (((frameCount-150) / 6)-2)2; if (land3_time >= 12) { land3_time = 12; } land4_time = (((frameCount-150) / 3)-2)2; if (land4_time >= 48) { land4_time = 48; } //drawing grassy land and water / oceans stroke(0, 161, 27); strokeWeight(23); for (var i=0; i<=land1_time; i+=2) { line(land1[i], land1[i+1], land1[i+2], land1[i+3]); } for (var i=0; i<=land2_time; i+=2) { line(land2[i], land2[i+1], land2[i+2], land2[i+3]); } for (var i=0; i<=land3_time; i+=2) { line(land3[i], land3[i+1], land3[i+2], land3[i+3]); } stroke(0, 170, 255); for (var i=0; i<=land4_time; i+=2) { line(land4[i], land4[i+1], land4[i+2], land4[i+3]); } //earth noFill(); stroke(0, 0, 0, e_transp); strokeWeight(6); ellipse(250, 250, 350, 350); //land outline stroke(0, 0, 0); beginShape(); if (frameCount >= 90) { vertex(166, 100); if (frameCount >= 95) { vertex(165, 145); if (frameCount >= 100) { vertex(222, 190); if (frameCount >= 105) { vertex(231, 216); if (frameCount >= 110) { vertex(219, 270); if (frameCount >= 115) { vertex(218, 293); if (frameCount >= 120) { vertex(201, 327); if (frameCount >= 125) { vertex(177, 342); if (frameCount >= 130) { vertex(166, 351); if (frameCount >= 135) { vertex(169, 385); if (frameCount >= 140) { vertex(160, 399); } } } } } } } } } } } endShape(); beginShape(); if (frameCount >= 90) { vertex(238, 80); if (frameCount >= 97) { vertex(245, 93); if (frameCount >= 104) { vertex(298, 134); if (frameCount >= 111) { vertex(300, 192); if (frameCount >= 118) { vertex(309, 207); if (frameCount >= 125) { vertex(352, 216); if (frameCount >= 132) { vertex(378, 210); if (frameCount >= 139) { vertex(398, 210); if (frameCount >= 146) { vertex(419, 220); } } } } } } } } } endShape(); beginShape(); if (frameCount >= 90) { vertex(410, 321); if (frameCount >= 96) { vertex(392, 315); if (frameCount >= 102) { vertex(376, 319); if (frameCount >= 108) { vertex(363, 331); if (frameCount >= 114) { vertex(336, 326); if (frameCount >= 120) { vertex(326, 322); if (frameCount >= 126) { vertex(311, 323); if (frameCount >= 132) { vertex(263, 344); if (frameCount >= 138) { vertex(258, 373); if (frameCount >= 144) { vertex(249, 393); if (frameCount >= 150) { vertex(232, 411); if (frameCount >= 156) { vertex(232, 420); } } } } } } } } } } } } endShape(); popMatrix(); //ANIMATION noStroke(); fill(191, 255, 226); quad(25, 25, 250, 25, v1a-1, v1a-1, v2aX, v2aY); quad(475, 250, v1b+1, v1a+1, 250, 25, 475, 25); if (v2cY > 250) { quad(475, v2cY, v2bX, v2bY, 250, 25, 475, 25); quad(25, v2cY, v2aX, v2aY, 250, 25, 25, 25); } stroke(30, 30, 30); fill(255); if (v1a >= 137.5) { triangle(v1a, v1a, v2aX, v2aY, 250, 25); triangle(v1b, v1a, v2bX, v2bY, 250, 25); } if (v2bX <= 385) { triangle(250, 25, v2bX, v2bY, t3x+113, 475); triangle(250, 25, v2aX, v2aY, t1x-112, 475); } if (frameCount >= 250) { v1a+=5; v1b-=5; if (v1a >= 250) { v1a = 250; v1b = 250;} } if (frameCount >= 310) { v2aX += 5; v2aY += 2.5; v2bX -= 5; v2bY += 2.5; v2cY += 5.5; if (v2bX <= 250) { v2aX = 250; v2aY = 362.5; v2bX = 250; v2bY = 362.5; v2cY = 475; } } noFill(); stroke(30, 30, 30, (t1x-136.5)4); quad(250, 25, t1x, 475, 250, t2y, t3x, 475); line(250, 25, 250, t2y-1); if (frameCount >= 370) { t1x+=2; t3x-=2; t2y -= 0.2; tscale -= 0.01; if (t1x >= 220) { t1x = 220; t2y = 466.2000000000005; t3x = 280; tscale = 0.6; } } popMatrix(); if (frameCount >= 430) { airplane_Y-=28; } }; var intro = function () { scene = "intro"; background(6, 59, 28, 180); strokeWeight(4); pushMatrix(); translate(250, 740); //trees pushMatrix(); stroke(46, 25, 0); fill(79, 34, 0); translate(-265, -813); translate(479, 463); translate(238, 2); scale(0.7); beginShape(); vertex(-340, -346); bezierVertex(-315, -235, -319, -178, -330, -3); vertex(-360, 0); bezierVertex(-352, -74, -325, -186, -362, -343); endShape(); popMatrix(); //ground fill(59, 37, 0); stroke(46, 26, 1); ellipse(-131, -248, 450, 200); ellipse(177, -251, 450, 200); //bushes pushMatrix(); translate(383, -253); scale(0.7); noStroke(); fill(3, 64, 0); ellipse(-352, -91, 85, 80); ellipse(-310, -80, 80, 70); ellipse(-399, -78, 70, 75); ellipse(-419, -46, 85, 75); ellipse(-263, -44, 80, 80); fill(3, 82, 0); ellipse(-352, -83, 80, 80); ellipse(-314, -74, 80, 70); ellipse(-395, -74, 70, 70); ellipse(-416, -44, 80, 70); ellipse(-353, -41, 108, 70); ellipse(-268, -44, 82, 70); popMatrix(); //trunks pushMatrix(); translate(-265, -736); translate(509, 480); stroke(46, 25, 0); fill(79, 34, 0); beginShape(); vertex(-340, -346); bezierVertex(-315, -235, -319, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -325, -186, -362, -343); endShape(); pushMatrix(); translate(-181, 0); scale(0.8); beginShape(); vertex(-340, -351); bezierVertex(-315, -235, -319, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -325, -186, -362, -344); endShape(); popMatrix(); pushMatrix(); translate(-443, 51); scale(-1, 1); beginShape(); vertex(-340, -343); bezierVertex(-315, -235, -319, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -325, -186, -362, -342); endShape(); popMatrix(); pushMatrix(); translate(-565, 26); scale(-1, 1); beginShape(); vertex(-340, -343); bezierVertex(-317, -236, -330, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -329, -186, -366, -342); endShape(); popMatrix(); //bushes pushMatrix(); translate(-24, -2); scale(1, 0.9); noStroke(); fill(3, 64, 0); ellipse(-352, -91, 85, 80); ellipse(-310, -80, 80, 70); ellipse(-399, -78, 70, 75); ellipse(-419, -46, 85, 75); ellipse(-263, -44, 80, 80); fill(3, 82, 0); ellipse(-352, -83, 80, 80); ellipse(-314, -74, 80, 70); ellipse(-395, -74, 70, 70); ellipse(-416, -44, 80, 70); ellipse(-353, -41, 108, 70); ellipse(-268, -44, 82, 70); popMatrix(); //ground translate(-509, -480); fill(74, 48, 0); stroke(54, 30, 1); strokeWeight(4); beginShape(); vertex(-1, 450); bezierVertex(49, 425, 49, 450, 79, 456); bezierVertex(87, 461, 113, 443, 142, 456); bezierVertex(151, 459, 165, 459, 177, 453); bezierVertex(224, 423, 259, 443, 280, 456); bezierVertex(304, 468, 317, 456, 355, 454); bezierVertex(355, 455, 374, 450, 403, 460); bezierVertex(424, 467, 427, 470, 447, 460); bezierVertex(466, 447, 495, 442, 515, 460); vertex(515, 1110); vertex(-1, 1110); endShape(CLOSE); popMatrix(); rotate(90); translate(-250, -250); noStroke(); fill(from); rect(0, 0, 100, 500); fill(interA); rect(75, 0, 100, 500); fill(interB); rect(150, 0, 100, 500); fill(interC); rect(225, 0, 100, 500); fill(interD); rect(300, 0, 100, 500); fill(to); rect(300, 0, 500, 500); rotate(-90); //tree pushMatrix(); scale(1.4); rotate(10); bushes(65, -83, color(3, 87, 16), color(3, 69, 5)); popMatrix(); pushMatrix(); scale(1.4); rotate(10); bushes(-211, 26, color(5, 102, 21), color(1, 71, 4)); popMatrix(); pushMatrix(); scale(1.5); rotate(30); bushes(-80, 53, color(13, 117, 32), color(2, 82, 6)); popMatrix(); pushMatrix(); scale(1.6); rotate(15); bushes(-115, 16, color(15, 140, 38), color(0, 94, 6)); rotate(20); scale(0.85); bushes(-18, 54, color(15, 133, 34), color(4, 97, 7)); popMatrix(); //text and button strokeWeight(6); stroke(255, 255, 255, txt_box2); fill(255, 255, 255, txt_box); rect(-425, -400, 350, 300, 40); strokeWeight(4); if(mouseX >= 200 && mouseX <= 300 && mouseY >= 320 && mouseY <= 360){ fill(227, 227, 227, txt_box); } else { fill(255, 255, 255, txt_box); } rect(-300, -170, 100, 40, 5); fill(14, 38, 0, txt); textSize(45); text("EARTH DAY", -250, -276); textSize(18); text("A short animation\nby LNY", -250, -225); textSize(25); text("PLAY", -250, -150); popMatrix(); fill(17, 128, 0); quad(125, 90, 165, 90, 75, 170, 75, 130); fill(255); textSize(20); pushMatrix(); rotate(-45); text("WIP", -5 ,163); popMatrix(); }; var sky1 = function () { scene = "sky1"; background(167, 226, 235); airplane(); //clouds clouds(213, 86); clouds(63, 324); clouds(328, 399); //animation pX-=8; pY+=4; }; var bird = function () { scene = "bird"; //BIRD pushMatrix(); translate(slide, 0); background(255); noStroke(); pushMatrix(); scale(2); translate(-35, -33); //background if (lag === true) { for (var i = 0; i<255; i+=5) { for (var j = 0; j<255; j+=5) { fill(0, i, j, 230); rect(i, j, 5, 5); } } } else { fill(65, 176, 165); rect(0, 0, 400, 400); } popMatrix(); var Color = get(0, 0, width, height); fill(255); background(0); //bird beginShape(); vertex(157, 280); vertex(175, 246); bezierVertex(174, 246, 186, 214, 207, 204); bezierVertex(206, 205, 222, 203, 220, 190); bezierVertex(213, 153, 253, 141, 273, 150); vertex(309, 130); vertex(281, 159); bezierVertex(273, 174, 280, 180, 259, 205); bezierVertex(255, 208, 263, 253, 212, 276); bezierVertex(188, 288, 186, 289, 180, 301); bezierVertex(180, 301, 160, 314, 157, 280); endShape(); pushMatrix(); translate(185, 235); rotate(wing_rotate); translate(-185, -235); beginShape(); vertex(171, 248); bezierVertex(164, 234, 191, 190, 165, 175); vertex(212, 207); vertex(212, 223); endShape(); popMatrix(); //mask var hi = get(13, 50, width, height); Color.mask(hi); //WING pushMatrix(); scale(2); translate(-45, -49); if (lag === true) { for (var i = 0; i<255; i+=5) { for (var j = 0; j<255; j+=5) { fill(50, i, j, 230); rect(i, j, 5, 5); } } } else { fill(0, 86, 171); rect(0, 0, 400, 400); } popMatrix(); var Wing = get(0, 0, width, height); fill(255); background(0); //bird beginShape(); vertex(185, 249); bezierVertex(123, 263, 141, 254, 163, 242); bezierVertex(106, 253, 126, 244, 156, 235); bezierVertex(98, 238, 111, 230, 154, 228); bezierVertex(86, 216, 109, 214, 157, 220); bezierVertex(81, 196, 96, 192, 158, 211); bezierVertex(73, 165, 92, 167, 160, 201); bezierVertex(66, 143, 89, 148, 166, 192); bezierVertex(72, 130, 71, 115, 199, 202); endShape(); //mask var hi2 = get(13, 50, width, height); Wing.mask(hi2); //TAIL pushMatrix(); scale(2); translate(-33, -10); if (lag === true) { for (var i = 0; i<255; i+=5) { for (var j = 0; j<255; j+=5) { fill(50, i, j, 230); rect(i, j, 5, 5); } } } else { fill(28, 115, 196); rect(0, 0, 400, 400); } popMatrix(); var Tail = get(0, 0, width, height); fill(255); background(0); fill(255); beginShape(); vertex(180, 301); bezierVertex(170, 367, 169, 382, 166, 331); bezierVertex(160, 390 , 155, 386, 159, 324); bezierVertex(146, 368, 135, 383, 152, 316); bezierVertex(134, 348, 123, 361, 147, 306); bezierVertex(124, 328, 122, 323, 156, 281); endShape(); var hi3 = get(0, 0, width, height); Tail.mask(hi3); //bird -> ocean background background(194, 228, 255); pushMatrix(); translate(611, 0); strokeWeight(1); pushMatrix(); rotate(180); scale(7, 125); translate(-166, -232); for (var i = 194; i>=82; i-= 5) { for (var j = 228; j>= 225; j-= 5) { fill(i, j, 255); rect(i, j, 5, 5); } } scale(0.6, 0.02); rotate(0); translate(247, 1000); popMatrix(); pushMatrix(); rotate(90); scale(62, 9); translate(-79, -290); for (var i = 82; i>=73; i-= 5) { for (var j = 225; j>= 88; j-= 5) { fill(i, j, 255); rect(i, j, 5, 6); } } fill(73, 88, 255); rect(60, -106, 27, 200); popMatrix(); popMatrix(); //airplane pushMatrix(); rotate(8); scale(0.5); airplane(); popMatrix(); //grass noFill(); stroke(0, 107, 14); strokeWeight(6); bezier(10+rustle, 360, 20, 389, 30, 450, 30, 500); bezier(70-rustle, 324, 82, 389, 78, 421, 76, 500); bezier(115+rustle, 355, 104+rustle, 389, 104, 421, 106, 500); bezier(195-rustle, 325, 200, 414, 187, 421+rustle, 176, 500); bezier(271+rustle, 287, 271-rustle, 396-rustle, 263, 435, 277, 500); bezier(306-rustle, 335, 332+rustle, 415, 305, 419, 310, 500); bezier(394-rustle, 288, 366-rustle, 334, 383, 454, 381, 500); bezier(409-rustle, 329, 434, 365, 415, 432, 417, 500); bezier(470+rustle, 311, 448, 341+rustle, 454, 432, 449, 500); strokeWeight(7.5); stroke(33, 133, 5); bezier(46+rustle, 280, 34-rustle, 389, 60, 450, 55, 500); bezier(164+rustle, 307, 128, 389, 160, 421, 139, 500); bezier(234-rustle, 260, 256+rustle, 370, 209-rustle, 401, 226, 500); bezier(482-rustle, 367, 485, 398, 490+rustle, 432, 487, 500); stroke(16, 163, 0); strokeWeight(8.5); bezier(333+rustle, 267, 343, 354, 352, 441, 346, 500); bezier(312+rustle, 267, 338, 354, 321, 451, 317, 500); pushMatrix(); scale(0.7); translate(-11, 210); stroke(0, 107, 14); strokeWeight(6); bezier(10+rustle, 360, 20, 389, 30, 450, 30, 500); bezier(70-rustle, 324, 82, 389, 78, 421, 76, 500); bezier(115+rustle, 355, 104+rustle, 389, 104, 421, 106, 500); bezier(195-rustle, 325, 200, 414, 187, 421+rustle, 194, 500); bezier(271+rustle, 287, 271-rustle, 396-rustle, 263, 435, 277, 500); bezier(306-rustle, 335, 332+rustle, 415, 305, 419, 310, 500); bezier(394-rustle, 288, 366-rustle, 334, 383, 454, 381, 500); bezier(409-rustle, 329, 434, 365, 415, 432, 417, 500); bezier(470+rustle, 311, 448, 341+rustle, 454, 432, 449, 500); strokeWeight(7.5); stroke(33, 133, 5); bezier(46+rustle, 280, 34-rustle, 389, 60, 450, 55, 500); bezier(164+rustle, 307, 128, 389, 160, 421, 139, 500); bezier(234-rustle, 260, 256+rustle, 370, 209-rustle, 401, 226, 500); bezier(339+rustle, 311, 356, 354, 352, 441, 346, 500); bezier(482-rustle, 367, 485, 398, 490+rustle, 432, 487, 500); popMatrix(); pushMatrix(); scale(0.8); translate(430, 125); stroke(0, 107, 14); strokeWeight(6); bezier(10+rustle, 360, 20, 389, 30, 450, 30, 500); bezier(70-rustle, 324, 82, 389, 78, 421, 76, 500); bezier(115+rustle, 355, 104+rustle, 389, 104, 421, 106, 500); bezier(195-rustle, 325, 200, 414, 187, 421+rustle, 194, 500); bezier(271+rustle, 287, 271-rustle, 396-rustle, 263, 435, 277, 500); bezier(306-rustle, 335, 332+rustle, 415, 305, 419, 310, 500); bezier(394-rustle, 288, 366-rustle, 334, 383, 454, 381, 500); bezier(409-rustle, 329, 434, 365, 415, 432, 417, 500); bezier(470+rustle, 311, 448, 341+rustle, 454, 432, 449, 500); strokeWeight(7.5); stroke(33, 133, 5); bezier(46+rustle, 280, 34-rustle, 389, 60, 450, 55, 500); bezier(164+rustle, 307, 128, 389, 160, 421, 139, 500); bezier(234-rustle, 260, 256+rustle, 370, 209-rustle, 401, 226, 500); bezier(339+rustle, 311, 356, 354, 352, 441, 346, 500); bezier(482-rustle, 367, 485, 398, 490+rustle, 432, 487, 500); popMatrix(); //text noStroke(); fill(232, 255, 238, txt_box); rect(153, 395, 340, 94, 30); fill(8, 41, 0, txt); textSize(18); text("The Bee Hummingbird is the \n smallest bird in the world, they beat \ntheir wings 80 times per second!", 325, 443); noStroke(); //bird outline pushMatrix(); translate(-27, 8); for (var i = 0; i < 360; i += 10) { pushMatrix(); translate(sin(i) 2, cos(i) * 2+Y); fill(0, 82, 62); beginShape(); vertex(157, 280); vertex(175, 246); bezierVertex(174, 246, 186, 214, 207, 204); bezierVertex(206, 205, 222, 203, 220, 190); bezierVertex(213, 153, 253, 141, 273, 150); vertex(309, 130); vertex(281, 159); bezierVertex(273, 174, 280, 180, 259, 205); bezierVertex(255, 208, 263, 253, 212, 276); bezierVertex(188, 288, 186, 289, 180, 301); bezierVertex(180, 301, 160, 314, 157, 280); endShape(); pushMatrix(); translate(185, 235); rotate(wing_rotate); translate(-185, -235); beginShape(); vertex(171, 248); bezierVertex(164, 234, 191, 190, 165, 175); vertex(212, 207); vertex(212, 223); endShape(); popMatrix(); fill(1, 51, 94); pushMatrix(); translate(195, 230); rotate(wing_rotate); translate(-197, -232); beginShape(); vertex(185, 249); bezierVertex(123, 263, 141, 254, 163, 242); bezierVertex(106, 253, 126, 244, 156, 235); bezierVertex(98, 238, 111, 230, 154, 228); bezierVertex(86, 216, 109, 214, 157, 220); bezierVertex(81, 196, 96, 192, 158, 211); bezierVertex(73, 165, 92, 167, 160, 201); bezierVertex(66, 143, 89, 148, 166, 192); bezierVertex(72, 130, 71, 115, 199, 202); endShape(); popMatrix(); fill(0, 53, 84); pushMatrix(); translate(1, -2); beginShape(); vertex(180, 301); bezierVertex(170, 367, 169, 382, 166, 331); bezierVertex(160, 390 , 155, 386, 159, 324); bezierVertex(146, 368, 135, 383, 152, 316); bezierVertex(134, 348, 123, 361, 147, 306); bezierVertex(124, 328, 122, 323, 156, 281); endShape(); popMatrix(); popMatrix(); } popMatrix(); //flowers pushMatrix(); translate(328, 147); rotate(20); translate(-345, -160); flowers(-9+rustle/2, -24); scale(1.05); flowers(60+rustle/2, 160); scale(0.95); scale(1.3); translate(-54, -19); flowers(11+rustle/2, 90); scale(0.9); rotate(3); flowers(106+rustle/2, 91); scale(1.1); rotate(-4); flowers(-14+rustle/2, 59); rotate(15); flowers(72+rustle/2, -50); rotate(-15); translate(304, 144); rotate(-20); translate(-309, -144); flowers(16+rustle/2, 16); flowers(-30+rustle/2, 13); popMatrix(); //bird pushMatrix(); translate(slideX, 0); pushMatrix(); translate(185, 235); rotate(wing_rotate); translate(-185, -235); image(Wing, -14, 57+Y); popMatrix(); image(Tail, -26, 5+Y); image(Color, -14, 57+Y); popMatrix(); //beak and eyes noStroke(); fill(28, 28, 28); quad(254, 169+Y, 244, 166+Y, 246, 157+Y, 283, 137+Y); fill(0); pushMatrix(); translate(-56, 69+Y); scale(0.9); rotate(-17); beginShape(); vertex(273, 200); bezierVertex(270, 198, 266, 193, 260, 198); vertex(257, 200); bezierVertex(260, 202, 266, 206, 270, 202); endShape(CLOSE); popMatrix(); popMatrix(); //text and airplane animation if (frameCount >= 550) { txt_box += 50; if (txt_box >= 240) { txt_box = 240; txt += 50; if (txt >= 255) { pX-= 30; pY+= 10; } } } }; var sea1 = function () { scene = "sea1"; //background background(73, 88, 255); pushMatrix(); translate(0, oceanY); pushMatrix(); translate(0, -8); scale(2); translate(0, -197); fill(73, 88, 255); rect(0, 200, 500, 40); fill(69, 85, 250); rect(0, 240, 500, 40); fill(65, 82, 245); rect(0, 280, 500, 40); fill(61, 79, 240); rect(0, 320, 500, 40); fill(57, 76, 235); rect(0, 360, 500, 40); fill(53, 73, 230); rect(0, 400, 500, 40); popMatrix(); noFill(); fill(138, 126, 86); //sand stroke(84, 73, 27); beginShape(); vertex(-1, 450); bezierVertex(49, 425, 49, 450, 79, 456); bezierVertex(87, 461, 113, 443, 142, 456); bezierVertex(151, 459, 165, 459, 177, 453); bezierVertex(224, 423, 259, 443, 280, 456); bezierVertex(304, 468, 317, 456, 355, 454); bezierVertex(355, 455, 374, 450, 403, 460); bezierVertex(424, 467, 427, 470, 447, 460); bezierVertex(466, 447, 495, 442, 515, 460); vertex(515, 1110); vertex(-1, 1110); endShape(CLOSE); noStroke(); fill(125, 115, 80); rect(-1, 530, 500, 40); fill(120, 110, 75); rect(-1, 570, 500, 40); fill(115, 105, 70); rect(-1, 610, 500, 50); fill(110, 100, 65); rect(-1, 660, 500, 60); fill(105, 95, 60); rect(-1, 720, 500, 60); fill(100, 90, 55); rect(-1, 780, 500, 60); fill(95, 85, 50); rect(-1, 840, 500, 70); fill(90, 80, 45); rect(-1, 910, 500, 70); fill(85, 75, 40); rect(-1, 980, 500, 80); fill(80, 70, 35); rect(-1, 1060, 500, 90); fill(75, 65, 30); rect(-1, 1150, 500, 100); fill(70, 60, 25); rect(-1, 1250, 500, 500); popMatrix(); //bubbles pushMatrix(); translate(bubX, bubY); scale(bub_scale); bubbles(200, 200); bubbles(241, 496); bubbles(67, 478); pushMatrix(); scale(1.2); bubbles(143, 318); bubbles(-84, 429); scale(1.3); bubbles(62, 169); bubbles(193, 216); bubbles(-41, 222); bubbles(22, 414); popMatrix(); pushMatrix(); scale(1.25); bubbles(174, 527); popMatrix(); popMatrix(); //fish pushMatrix(); translate(fishX, 72+rustle/2); scale(0.8); fish(202, 206); fish(230, 239); fish(223, 177); fish(286, 202); fish(277, 156); fish(256, 272); fish(317, 241); fish(346, 177); fish(182, 263); fish(222, 315); fish(306, 298); fish(367, 272); fish(391, 227); fish(388, 314); pushMatrix(); translate(238, -9); fish(191, 206); fish(230, 239); fish(205, 171); fish(286, 202); fish(126, 142); fish(256, 272); fish(317, 241); fish(277, 149); fish(182, 263); fish(224, 315); fish(307, 298); fish(83, 356); fish(286, 344); fish(197, 365); popMatrix(); popMatrix(); //whale strokeWeight(3); fill(14, 46, 97); stroke(5, 2, 64); pushMatrix(); translate(250+whaleX, 268); rotate(swim+3); translate(-250, -350); translate(-65, 0); var x = cos(time1); beginShape(); vertex(x+204-(x+1)16, x40+210); bezierVertex(x+219-(x+1)10, x40+258, x+191-(x+1)10, x40+269, x+192-(x+1)8, x36+291); bezierVertex(x+271, x2+358, x+271, x5+301, 265, x5+285); bezierVertex(x+295, 301, x+307, 332, x+403, 277); bezierVertex(432, 255, 491, 221, 510, 259); bezierVertex(515, 274, 523, 317, 498, 350); bezierVertex(435, 406, 254, 458-x10, x+160-(x+1)3, x41+303); bezierVertex(x+153-(x+1)10, x40+291, x+115-(x+1)10, x40+313, x+86-(x+1)3, x45+273); bezierVertex(x+113-(x+1)/5, x42+284, x+140-(x+1)10, x43+263, x+162-(x+1)8, x39+273); bezierVertex(x+158-(x+1)10, x40+254, x+199-(x+1)10, x40+247, x+204-(x+1)16, x40+210); endShape(); //mouth strokeWeight(2.6); bezier(391, 337, 404, 357, 500, 278, 514, 289); //fin pushMatrix(); translate(268, 386); scale(1.1); translate(-280, -370); beginShape(); vertex(381, 339); bezierVertex(364, 364, 357, 404, 296, 411); bezierVertex(330, 379, 316, 355, 361, 345); vertex(369, 340); endShape(); popMatrix(); //eye ellipse(404, 326, 14, 6); ellipse(404, 326, 3, 5); popMatrix(); //text noStroke(); fill(232, 255, 238, txt_box); rect(153, 395, 340, 94, 30); fill(8, 41, 0, txt); textSize(18); text("Reaching up to 30m in length, \nthe blue whale is the\nlargest living animal on earth.", 325, 443); //animations bubX+= 2.5; bubY-= 2; bub_scale -= 0.0035; if (bubY <= -80) { fishX -= 3; if (fishX <= -200) { whaleX += 2.5; if (whaleX >= 0 && frameCount <= 1670) { whaleX = 0; txt_box += 50; if (txt_box >= 230) { txt_box = 230; txt += 50; if (txt >= 255) { txt = 255; } } } } } if (frameCount >= 1670) { txt_box-=10; txt-=20; } time++; if (oceanY <= 0 && frameCount <= 1870) { oceanY = 0; } else if (frameCount >= 1870) { oceanY -= 10; if (oceanY <= -1250) { oceanY = -1250; } } else { oceanY-=5; } }; var rainforest = function () { scene = "rainforest"; background(6, 59, 28, 180); strokeWeight(4); pushMatrix(); translate(250, groundY); //trees pushMatrix(); stroke(46, 25, 0); fill(79, 34, 0); translate(-265, -813); translate(479, 463); translate(238, 2); scale(0.7); beginShape(); vertex(-340, -346); bezierVertex(-315, -235, -319, -178, -330, -3); vertex(-360, 0); bezierVertex(-352, -74, -325, -186, -362, -343); endShape(); popMatrix(); //ground fill(59, 37, 0); stroke(46, 26, 1); ellipse(-131, -248, 450, 200); ellipse(177, -251, 450, 200); //bushes pushMatrix(); translate(383, -253); scale(0.7); noStroke(); fill(3, 64, 0); ellipse(-352, -91, 85, 80); ellipse(-310, -80, 80, 70); ellipse(-399, -78, 70, 75); ellipse(-419, -46, 85, 75); ellipse(-263, -44, 80, 80); fill(3, 82, 0); ellipse(-352, -83, 80, 80); ellipse(-314, -74, 80, 70); ellipse(-395, -74, 70, 70); ellipse(-416, -44, 80, 70); ellipse(-353, -41, 108, 70); ellipse(-268, -44, 82, 70); popMatrix(); //trunks pushMatrix(); translate(-265, -736); translate(509, 480); stroke(46, 25, 0); fill(79, 34, 0); beginShape(); vertex(-340, -346); bezierVertex(-315, -235, -319, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -325, -186, -362, -343); endShape(); pushMatrix(); translate(-181, 0); scale(0.8); beginShape(); vertex(-340, -351); bezierVertex(-315, -235, -319, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -325, -186, -362, -344); endShape(); popMatrix(); pushMatrix(); translate(-443, 51); scale(-1, 1); beginShape(); vertex(-340, -343); bezierVertex(-315, -235, -319, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -325, -186, -362, -342); endShape(); popMatrix(); pushMatrix(); translate(-565, 26); scale(-1, 1); beginShape(); vertex(-340, -343); bezierVertex(-317, -236, -330, -178, -330, -16); vertex(-360, -10); bezierVertex(-352, -74, -329, -186, -366, -342); endShape(); popMatrix(); //bushes pushMatrix(); translate(-24, -2); scale(1, 0.9); noStroke(); fill(3, 64, 0); ellipse(-352, -91, 85, 80); ellipse(-310, -80, 80, 70); ellipse(-399, -78, 70, 75); ellipse(-419, -46, 85, 75); ellipse(-263, -44, 80, 80); fill(3, 82, 0); ellipse(-352, -83, 80, 80); ellipse(-314, -74, 80, 70); ellipse(-395, -74, 70, 70); ellipse(-416, -44, 80, 70); ellipse(-353, -41, 108, 70); ellipse(-268, -44, 82, 70); popMatrix(); //ground translate(-509, -480); fill(74, 48, 0); stroke(54, 30, 1); strokeWeight(4); beginShape(); vertex(-1, 450); bezierVertex(49, 425, 49, 450, 79, 456); bezierVertex(87, 461, 113, 443, 142, 456); bezierVertex(151, 459, 165, 459, 177, 453); bezierVertex(224, 423, 259, 443, 280, 456); bezierVertex(304, 468, 317, 456, 355, 454); bezierVertex(355, 455, 374, 450, 403, 460); bezierVertex(424, 467, 427, 470, 447, 460); bezierVertex(466, 447, 495, 442, 515, 460); vertex(515, 1110); vertex(-1, 1110); endShape(CLOSE); popMatrix(); rotate(90); translate(-250, -250); noStroke(); fill(from); rect(0, 0, 100, 500); fill(interA); rect(75, 0, 100, 500); fill(interB); rect(150, 0, 100, 500); fill(interC); rect(225, 0, 100, 500); fill(interD); rect(300, 0, 100, 500); fill(to); rect(300, 0, 500, 500); rotate(-90); //tree pushMatrix(); scale(1.4); rotate(10); bushes(65, -83, color(3, 87, 16), color(3, 69, 5)); popMatrix(); pushMatrix(); scale(1.4); rotate(10); bushes(-211, 26, color(5, 102, 21), color(1, 71, 4)); popMatrix(); pushMatrix(); scale(1.5); rotate(30); bushes(-80, 53, color(13, 117, 32), color(2, 82, 6)); popMatrix(); pushMatrix(); scale(1.6); rotate(15); bushes(-115, 16, color(15, 140, 38), color(0, 94, 6)); rotate(20); scale(0.85); bushes(-18, 54, color(15, 133, 34), color(4, 97, 7)); popMatrix(); //text strokeWeight(6); stroke(255, 255, 255, txt_box2); fill(255, 255, 255, txt_box); rect(-425, -400, 350, 300, 40); fill(14, 38, 0, txt); textSize(70); text("PROTECT\nTHE\nWILD", -250, -250); popMatrix(); //animation if (groundY >= 740) { groundY = 740; } else { groundY+=10; } if (frameCount >= 2130) { if (txt_box >= 170) { txt_box = 170; } else { txt_box+=10; } txt+=10; txt_box2+=13; } }; } //DRAW FUNCTION var draw = function() { rustling_animation(); if (scene === "intro") { intro(); mouseClicked = function () { if (mouseX >= 200 && mouseX <= 300 && mouseY >= 320 && mouseY <= 360) { txt = 0; txt_box = 0; txt_box2 = 0; frameCount = 0; paper1(); } }; } else if(scene==="paper1"){ paper1(); if(airplane_Y<=-1400){ sky1(); }} else if(scene === "sky1") { sky1(); if(pX <= -240){ pX = 500; pY = 257; bird(); } } else if(scene === "bird") { wing_animation(); bobbing_animation(); bird(); if (frameCount >= 640) { slide-=50; } if (slide <= -800) { slide-=65; if (slide <= -2484) { slide = -2484; txt = 0; txt_box = 0; sea1(); } } } else if(scene === "sea1") { swimming_animation(); sea1(); if (oceanY <= -1250) { txt = 0; txt_box = 0; rainforest(); } } else if (scene === "rainforest") { rainforest(); } };
Folds	37,89,92,144,147,263,266,1444,1448,1494
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNS6r72_CQw
Votes	248
Spin-Offs	6
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	LNY
Author Name	LNY
Author ID	kaid_908649764378002614478678
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739380729285
Updated	4 months ago, 1744845553349
Source Deleted	unknown