Viewing Program

Program Data

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

Title	Aling Pag-Ibig Pa: A Short Movie on the Cry of Balintawak
ID	5534477281738752
Created	5 years ago, 1595853065404
Updated	4 years ago, 1635220622903
Code	/** * Aling Pag-Ibig Pa: A Short Movie on the Cry of Balintawak * by AquA217 ---- For TCO Challenge 2: History and for Project: Build-A-House, because I didn't pass it before ---- MORE INFO ON THE CRY OF BALINTAWAK: - The Cry of Balintawak is sometimes referred to as the "Cry of Pugad-Lawin," as well. - You can read up on it some more here: https://en.wikipedia.org/wiki/Cry_of_Pugad_Lawin - "Aling Pag-Ibig Pa" was a poem written by Andres Bonifacio, revolutionary leader and Supermo of the Katipunan. ---- SUBSCRIBE: Like this? Subscribe here: https://www.khanacademy.org/cs/sub-to-aqua217/5410349576650752 ---- CREDITS: KWC for the setKALoopTimeout() function OOPS! Studios for the Loading Algorithm Dandelion Fire Coding for teaching me how to use the loading algorithm Jomity for the falling, rotating paper Weather for tips on making smoother animations / size(600,600,JAVA2D); / @created_by MKaelin368 (KWC) (c) 2018 / var setKALoopTimeout = function (ms) { var method_name = "KAInfiniteLoopSetTimeout"; if (method_name in this) { this[method_name](ms >>> 0); } }; var addFlag = 255; var time = 0; var time2 = 0; var time3 = 0; var time4 = 0; var time5 = 0; var almost5 = 0; var downFlag = 600; var endSlide = [1000,1000,1000,1000]; var studentY2 = 500; var end = 255; var finAdj = [3.5, -80, -320]; var scene = 'load'; //What scene we are on var lF = 0; textAlign(CENTER, CENTER); //Align text to center textFont(createFont('trebuchet ms')); //Text font //Fractal Trees! :D (taken from my program, 'Round the Riverbend: https://www.khanacademy.org/cs/round-the-riverbend/6349003972755456) var dr = Math.PI / 180; var branch = function(x1, y1, x2, y2, thick){ strokeWeight(thick); stroke(71, 58, 0); line(x1,y1,x2,y2); strokeWeight(thick/2); stroke(36, 30, 0); line(x1 - 2,y1,x2 - 2,y2); }; var tree = function(x1, y1, angle, depth){ if (depth !== 2){ var x2 = x1 + (Math.cos(angle dr) * depth * random(4,10)); var y2 = y1 + (Math.sin(angle * dr) * depth * random(10,11)); branch(x1, y1, x2, y2, depth, depth/1.1,2); tree(x2, y2, angle - 20, depth - 1); tree(x2, y2, angle + 20, depth - 1); } else{ for(var i = 0; i < 300; i++){ stroke(0,random(50,100),0); strokeWeight(5); point(random(x1 - 100,x1 + 100), random(y1 - 50 ,y1 + 10)); } } }; var star = function(x,y,s){ pushMatrix(); noStroke(); scale(s); rotate(10); translate(x,y); translate(5,0); fill(255,200,0, 255 - addFlag); beginShape(); vertex(10,0); vertex(6,10); vertex(-2.5,10); vertex(5,15); vertex(2.5,25); vertex(10,17.5); vertex(17.5,25); vertex(15,15); vertex(22.5,10); vertex(14,10); vertex(10,0); endShape(); fill(255,175,0,150 - addFlag); triangle(5,15,10,12.5,-2.5,10); triangle(10,0,10,12.5,14,10); fill(255,175,0,255 - addFlag); triangle(15,15,22.5,10,10,12.5); triangle(10,17.5,17.5,25,10,12.5); triangle(10,17.5,2.5,25,10,12.5); popMatrix(); }; //Leaves var papeX = []; //We are defining them as arrays because we want this one variable to keep track of the X value for all of the leaves. var papeY = []; //Same as X. var papeRotation = []; //This will make the leaves spin. var populateQ = true; var populate = function() { for (var pop = 0; pop <= 5; pop++) { papeX[pop]=floor(random(10,580)); papeY[pop]=floor(random(-10,-510)); papeRotation[pop]=0; } populateQ = false; //When it is done populating, it stops running the function. }; var papers = function(num){ if (populateQ) { populate(); } for (var papeDraw = 0; papeDraw <= num - 1; papeDraw ++) { papeY[papeDraw]+=5; if (papeX[papeDraw]%2===0) {papeRotation[papeDraw]+=3;} else {papeRotation[papeDraw]-=1;} if (papeY[papeDraw]>= 630) { papeX[papeDraw]=floor(random(10,580)); papeY[papeDraw]=floor(random(-10,-610)); } pushMatrix(); translate(papeX[papeDraw],papeY[papeDraw]); rotate(papeRotation[papeDraw]); fill(242, 234, 215); rect(-30,0,30,20); popMatrix(); } }; var rip = 0; //For the ripping of cedulas var rip2 = 0; //Hand var hand = function(){ strokeWeight(10); stroke(158, 138, 97); line(46,300,25,290); line(0,329,10,305); stroke(158, 135, 90); line(10,305,25,290); stroke(163, 140, 95); line(35,300,10,305); line(35,300,40,310); line(0,330,10,305); strokeWeight(20); stroke(166, 142, 98); line(-10,360,10,320); strokeWeight(10); stroke(168, 145, 96); line(35,305,10,310); line(35,305,40,315); line(0,330,10,310); stroke(173, 149, 102); line(35,310,10,315); line(35,315,20,322.5); line(-10,360,10,315); }; //Mounds of dirt for the bottom of the poles of the bahay kubo var mound = function(x,y,s){ pushMatrix(); translate(x,y); scale(s); fill(36, 31, 7); stroke(30); strokeWeight(0.1); arc(367.5,487.5,40,-15,1,180); arc(370,487.5,20,-25,1,180); noStroke(); ellipse(367.5,488,50,5); popMatrix(); }; /** Images that we're going to load / var img = { "title":function(){ textFont(createFont('times Italic')); textSize(75); text('Aling Pag-ibig Pa',300,300); fill(200,0,0); textSize(25); text('A short movie about the Cry of Balintawak',300,350); return get(); }, "ground":function(){ background(46, 40, 9); for(var i = 0; i < 400; i ++){ strokeWeight(i/20); stroke(69, 53, 0); point(random(0,600),random(0,600)); stroke(33, 25, 0); point(random(0,600),random(0,600)); stroke(59, 45, 5); point(random(0,600),random(0,600)); stroke(41, 31, 4); point(random(0,600),random(0,600)); } filter(BLUR,17.5); return get(); }, //Ground "treeImg":function (){ background(0, 0); //Transparent background pushMatrix(); scale(0.8); //Scale the tree and make it smaller tree(350, 600, -90, 10); //The tree. I call it as an image to reduce lag popMatrix(); //The tree return get(); }, //The trees "sky":function (){ background(145, 170, 181); //Background //Clouds noStroke(); for(var i = 0; i < 75; i++){ fill(255,20); ellipse(random(0,600), random(0, 150), random(75,100), random(10,25)); //Call clouds in random locations ellipse(random(0,600), random(0, 300), random(75,100), random(10,25)); } filter(BLUR,6); //Blur the clouds return get(); }, // The sky "bahayKubo":function(){ background(0,0); strokeWeight(1); pushMatrix(); translate(25,0); // The bahay kubo (house) { //Roof head stroke(41, 38, 0,100); fill(56, 51, 0); triangle(225,140,30,250,550,250); //Roof top fill(87, 76, 12); triangle(225,150,50,250,550,250); for(var i = 0; i < 185; i+=5){ rect(i + 40,255 - i/1.7,4,140); } for(var i = 0; i < 310; i+=5){ rect(i + 225,150 + i/3.2,4,140); } //Door fill(0); rect(110,250,60,140); //House for(var i = 0; i < 200; i+=5){ fill(71, 62, 0); rect(i/1.2 + 370,250,4,140); //Back house rect(i/3 + 40,250,4,140); //Left door post rect(i/3 + 170,250,4,140); //Right door post rect(i + 240,260,6,170); //Front of house noStroke(); fill(0, 0, 0,50); rect(i/1.2 + 368,250,2,140); //Back house rect(i/3 + 39,250,1,140); //Left door post rect(i/3 + 170,250,1,140); //Right door post rect(i + 240,260,2,170); //Front of house fill(199, 193, 155,15); rect(i/1.2 + 372,250,1,140); //Back house rect(i/3 + 41,250,1,140); //Left door post rect(i/3 + 172,250,1,140); //Right door post rect(i + 242,260,2,170); //Front of house } //To make a 3D looking thing fill(48, 44, 0); quad(230,300,240,260,240,430,230,400); //Platform for porch fill(59, 51, 0); quad(40,390,230,390,237.5,420,30,420); //Legs fill(20, 17, 0); rect(150,420,10,30); rect(470,390,5,20); ellipse(155,450,10,5); ellipse(475,410,10,5); fill(28, 24, 0); rect(475,390,10,30); rect(125,420,15,35); rect(330,430,15,35); ellipse(475 + 5,420,10,5); ellipse(125 + 7.5,455,15,10); ellipse(330 + 7.5,465,15,10); for(var i = 0; i < 10; i++){ fill(255,3); rect(332 + i,430,4,35); } fill(38, 30, 0); rect(75,420,25,60); rect(335,430,25,50); ellipse(75 + 12.5,480,25,15); ellipse(335 + 12.5,480,25,15); for(var i = 0; i < 10; i++){ fill(255,2); rect(85 + i,420,5,65); rect(345 + i,430,5,55); } //Ladder { stroke(64, 55, 14); strokeWeight(5); line(60,430,45,470); //Rungs line(30,450,50,445); line(35,437.5,55,435); line(30,460,50,455); stroke(69, 59, 15); strokeWeight(10); line(40,430,22.5,475); //} noStroke(); //Bottom part of platform fill(31, 20, 0); quad(30,420,237.5, 420, 240, 430, 30, 430); //Railing for(var i = 0; i < 210; i+=30){ fill(31, 20, 0); rect(i + 32,385,7.5,35); fill(48, 41, 0); rect(i + 30,385,7.5,35); } fill(31, 20, 0); rect(27.5,386,205,5); fill(48, 41, 0); rect(27.5,385,205,5); //Bamboo horizontal planks noStroke(); fill(51, 43, 0); rect(440,356,95,5); fill(51, 43, 0,100); rect(440,290,95,2.5); rect(440,325,95,2.5); fill(51, 43, 0); rect(40,356,70,5); rect(170,356,70,5); fill(59, 50, 3); rect(240,354,200,7.5); rect(240,400,200,5); //Windows fill(0); rect(315,275,50,70,5); rect(460,290,35,35,5); //Shadows noStroke(); for(var i = 0; i < 20; i+=2){ fill(0,5); rect(i + 435, 270, 30,120); rect(40,i + 250,200,25); rect(240,i + 250,200,50); rect(440,i + 250,100,25); rect(40,i + 375,200,25); rect(160,i + 170,160,25); rect(135,i + 180,210,25); fill(0,10); rect(i2 + 180, 270, 30,120); } //Roof covering strokeWeight(2); for(var i = 0; i < 110; i+=2){ { stroke(107, 95, 18,200); pushMatrix(); scale(0.75); translate(-10,115); line(i + 90, 230, i + 40, 255 + random(0,25)); line(i + 160, 230, i + 150, 255 + random(0,25)); line(i + 240, 230, i + 250, 255 + random(0,25)); line(i + 370, 230, i + 400, 255 + random(0,25)); line(i + 320, 230, i + 360, 255 + random(0,25)); line(i + 130 + random(0,10), 200 + random(0,10),i + 50 + random(0,10), 250 - random(0,30)); line(i + 150 + random(0,10), 200 + random(0,10),i + 130 + random(0,10), 250 - random(0,30)); line(i + 230 + random(0,10), 200 + random(0,10),i + 380 + random(0,10), 250 - random(0,30)); line(i + 170 + random(0,10), 210 + random(0,10),i + 260 + random(0,10), 250 - random(0,30)); popMatrix(); } //Over door //The mass covering stroke(94, 82, 16,150); line(i + 90, 220, i + 40, 255 + random(0,15)); line(i + 160, 220, i + 150, 255 + random(0,15)); line(i + 240, 220, i + 250, 255 + random(0,15)); line(i + 340, 220, i + 440, 255 + random(0,15)); line(i + 320, 220, i + 350, 255 + random(0,15)); line(i + 130 + random(0,10), 200 + random(0,10),i + 50 + random(0,10), 250 - random(0,30)); line(i + 150 + random(0,10), 200 + random(0,10),i + 130 + random(0,10), 250 - random(0,30)); line(i + 230 + random(0,10), 200 + random(0,10),i + 380 + random(0,10), 250 - random(0,30)); line(i + 170 + random(0,10), 210 + random(0,10),i + 260 + random(0,10), 250 - random(0,30)); { stroke(107, 95, 18,200); pushMatrix(); scale(0.55); translate(200,130); line(i + 90, 220, i + 40, 255 + random(0,5)); line(i + 160, 220, i + 150, 255 + random(0,5)); line(i + 240, 220, i + 250, 255 + random(0,5)); line(i + 340, 220, i + 440, 255 + random(0,5)); line(i + 320, 220, i + 350, 255 + random(0,5)); line(i + 130 + random(0,10), 200 + random(0,10),i + 50 + random(0,10), 250 - random(0,30)); line(i + 150 + random(0,10), 200 + random(0,10),i + 130 + random(0,10), 250 - random(0,30)); line(i + 230 + random(0,10), 200 + random(0,10),i + 380 + random(0,10), 250 - random(0,30)); line(i + 170 + random(0,10), 210 + random(0,10),i + 260 + random(0,10), 250 - random(0,30)); popMatrix(); } //Top } //} popMatrix(); return get(); }, //The bahay kubo -- the house "picture":function(){ image(img.sky,0,0); //The sky //the ground image(img.ground,0,350); //the trees in the back image(img.treeImg, -125,100,350,350); image(img.treeImg, 225,130,320,320); //The shadow fill(0,25); quad(65,400,-100,490,386,490,455,400); quad(565,390,500,450,417,450,460,390); //The house image(img.bahayKubo,0,0); //The mounds of dirt mound(); mound(-250,-1,1); mound(-140,70,0.8); mound(-5,210,0.5); mound(320,180,0.5); //The trees in the front image(img.treeImg, 400,125,450,450); image(img.treeImg, -300,475,600,800); filter(GRAY); //Make everything gray! return get(); }, //The picture of the bahay kubo -- basically the bahay kubo but with filter(GRAY); to make it black and white "scenery":function(){ image(img.sky,0,0); //the sky //the ground image(img.ground,0,350); //the trees in the back image(img.treeImg, -125,100,350,350); image(img.treeImg, 225,130,320,320); //The shadow fill(0,25); quad(65,400,-100,490,386,490,455,400); quad(565,390,500,450,417,450,460,390); //the bahay kubo (bahay means house btw) image(img.bahayKubo,0,0); //Mounds of dirt mound(); mound(-250,-1,1); mound(-140,70,0.8); mound(-5,210,0.5); mound(320,180,0.5); //the trees in the front image(img.treeImg, 400,125,450,450); image(img.treeImg, -300,475,600,800); return get(); }, //The entire bahay kubo scenery -- that's the house, the sky, the ground, and the trees "blurScene":function(){ image(this.scenery,0,0); filter(BLUR,5); return get(); }, "gallery":function(){ background(204, 201, 188); //background fill(71, 62, 16); rect(75,75,450,450); //the picture frame image(img.picture,100,100,400,400); //the picture of the bahay kubo //The shadows fill(0,100); rect(100,100,400,5); rect(75,525,450,10); rect(100,105,5,305); //The indentations(??) in the picture frame stroke(0,100); strokeWeight(1); line(75,75,100,100); line(525,75,500,100); line(525,525,500,500); line(75,525,100,500); return get(); }, //The art/history gallery where we see the bahay kubo's image (the black and white portrait) "treeTexture":function(){ background(54, 42, 0); noStroke(); //Wooden texture for(var i = -100; i < 200; i ++){ fill(69, 53, 0); rect(random(0,600),i,1,random(100,650)); fill(33, 25, 0); rect(random(0,600),i,1,random(100,650)); fill(74, 56, 0); rect(random(0,600),i,1, random(100,650)); fill(59, 44, 0); rect(random(0,600),i,1,random(100,650)); } filter(BLUR,5); //blur wood to make it look smoother return get(); }, //The wooden texture of the big tree near the lake "treeBark":function(){ background(0,0); pushMatrix(); scale(2); translate(-500,-200); { fill(255); rect(500,200,100,255); beginShape(); vertex(600, 400); vertex(600, 445); vertex(625, 482); vertex(600, 478); vertex(557, 450); vertex(587, 465); vertex(544, 455); vertex(513, 468); vertex(482, 465); endShape(); } popMatrix(); return get(); }, //the bark shape of the tree "bigTree":function(){ this.treeTexture.mask(this.treeBark); image(this.treeTexture,0,0); //Shadows on the tree { pushMatrix(); scale(2); translate(-500,-200); fill(0,45); rect(500,200,42.5,255); beginShape(); vertex(545, 455); vertex(512.5, 468); vertex(480, 465); vertex(502, 455); endShape(); beginShape(); vertex(575, 325); vertex(573, 410); vertex(581, 467.5); vertex(606, 480); vertex(610, 480); vertex(597, 460); vertex(585, 410); endShape(); noFill(); stroke(0,25); arc(615, 290, 79, 380, 100, 170); line(525,380,520,440); line(517,450,520,440); popMatrix(); // } return get(); }, //the actual tree "riverTexture":function(){ background(0, 30, 255); for(var i = 0; i < 2700; i++){ noStroke(); fill(0,random(20,150),random(175,255),random(100,255)); ellipse(random(0,600), random(0,600), random(10,200), random(1,5)); } filter(BLUR,5); return get(); }, //the texture of the river "riverShape":function(){ background(0,0); fill(150); ellipse(150, 300,200,400); pushMatrix(); translate(100,0); beginShape(); vertex(0,480); vertex(23,474); vertex(56,455); vertex(89,435); vertex(116,419); vertex(140,388); vertex(146,363); vertex(170,318); vertex(174,303); vertex(177,245); vertex(166,225); vertex(163,198); vertex(165,182); vertex(175,134); vertex(189,99); vertex(206,91); vertex(245,74); vertex(258,61); vertex(276,48); vertex(297,36); vertex(319,14); vertex(348,0); vertex(348,0); vertex(93,0); vertex(77,0); vertex(60,30); vertex(51,37); vertex(31,57); vertex(26,74); vertex(17,103); vertex(0,124); endShape(CLOSE); popMatrix(); return get(); }, //the shape of the river "river":function(){ this.riverTexture.mask(this.riverShape); image(this.riverTexture,0,0); return get(); }, // the actual river (masked) }; //Loading stuff --credit to OOPS! Studios for making it, Corin Fist for modifying it, and Dandelion Fire Coding for teaching me how to use it var loaded = false; var curLoad = 0; var load = function (s){ var obj = Object.keys(img); background(0, 0); img[obj[curLoad]] = img[obj[curLoad]](); curLoad ++; background(0, 0); if(curLoad<obj.length){ loaded = false; } else{ loaded = true; scene = s; } }; var a = 255; // Tint to transition to the actual story var pictureProportions = [0,0]; //To make the picture bigger for preparing the transition to the actual story var speechTrans = 255; //Transparency of the speech bubbles //Speech bubble var speechBubble = function(txt, x, y, w, h, size){ fill(255, 255 - speechTrans); ellipse(x,y,w,h); textSize(size); fill(0, 255 - speechTrans); textFont(createFont('trebuchet ms')); text(txt, x, y); speechTrans /= 1.1; }; //Body parts for the Katipuneros { var leg = function(x,y,r){ pushMatrix(); translate(x,y); rotate(r); fill(212, 195, 140); rect(-2.5,5,15,10,2); arc(5,22.5,20,-20,1,180); ellipse(5,22.5,20,-8); popMatrix(); }; var pants = function(x,y,r){ noStroke(); pushMatrix(); rotate(r); translate(x,y); leg(10,70,0); fill(255,125,100); rect(4,65,22.5,10); ellipse(16,75,22,7); fill(255,0,0); beginShape(); vertex(7,15); vertex(9,17.5); vertex(7,25); vertex(5,30); vertex(7,32); vertex(6,36); vertex(8,38); vertex(6,40); vertex(7,42); vertex(5,44); vertex(5,51); vertex(6,54); vertex(6,56); vertex(6,64); vertex(5,66); vertex(8,70); vertex(12,72); vertex(13,74); vertex(19,71); vertex(25,70); vertex(28,65); vertex(24,58); vertex(25,53); vertex(26,48); vertex(22,41); vertex(24,37); vertex(24,29); vertex(25,21); vertex(27,15); vertex(25,15); endShape(CLOSE); popMatrix(); }; var torso = function(x,y,r){ pushMatrix(); translate(x,y); fill(255); rotate(r); beginShape(); vertex(32,30); vertex(43,35); vertex(43,40); vertex(47,37); vertex(49,38); vertex(56,38); vertex(68,30); vertex(71,29); vertex(73,58); vertex(74,63); vertex(74,74); vertex(73,77); vertex(75,78); vertex(74,81); vertex(78,82); vertex(74 + sin(frameCount3)1,85); vertex(72 + sin(frameCount3)1,90); vertex(66 + sin(frameCount3)1,94); vertex(50 + sin(frameCount3)1,95); vertex(42 + sin(frameCount3)1,93); vertex(37 + sin(frameCount3)1,90); vertex(31 + sin(frameCount3)1,84); vertex(31,69); vertex(33,71); vertex(32,70); vertex(34,45); endShape(CLOSE); fill(255,0,0); quad(52.5,45,52.5,40,30,27.5,35,37.5); quad(52.5,45,52.5,40,72.5,27.5,70,35); triangle(55 + sin(frameCount3)1,40,50 + sin(frameCount3)2,60,50 + sin(frameCount3)2,50); triangle(50 + sin(frameCount3)1,40,55 + sin(frameCount3)2,60,55 + sin(frameCount3)2,50); popMatrix(); }; var sleeve = function(x,y,r){ pushMatrix(); translate(x,y); rotate(r); fill(255); rect(-10,20,20,15,2); popMatrix(); }; var armUp = function(x,y,r){ pushMatrix(); translate(x,y); rotate(r); fill(212, 195, 140); rect(-30,22.5,30,10,2); popMatrix(); }; var armDown = function(x,y,r){ pushMatrix(); translate(x,y); rotate(r); fill(212, 195, 140); rect(-30,22.5,20,10,2); ellipse(-5,27.5,17.5,12.5); popMatrix(); }; var head = function(x,y,r, smile, hat){ pushMatrix(); translate(x,y); rotate(r); fill(163, 148, 106); rect(15,10,15,30); fill(212, 195, 140); ellipse(22,7.5,37.5,40); quad(5, 2.5, 40, 2.5, 35, 30, 10, 30); ellipse(22.5,27.5,25,14); stroke(143, 130, 91); arc(22,18,3,4,1,180); stroke(0); arc(22,25,7.5,smile,1,180); noStroke(); fill(0); arc(22,0,35,-25,1,180); ellipse(22,0,35,5); ellipse(22,0,20,10); arc(7,5,7.5,15,90,270); arc(37.5,5,7.5,15,-90,90); ellipse(16,12,4,4); ellipse(28,12,4,4); fill(173, 155, 125); if(hat){ triangle(-5,0,50,0,22.5,-20); ellipse(22,0,55,10); } popMatrix(); }; // } //The Sitting Supremo :P var andresSitting = function(x,y,s){ pushMatrix(); translate(x,y); scale(s); stroke(220,0,0); strokeWeight(20); line(25,65,2.5,80); line(25,60,65,80); strokeWeight(1); noStroke(); head(10,-30,0,0.5,false); pants(-92.5,0,-75); pants(80,-65,75); torso(-19,-30,0); //notebook fill(0,100,0); rect(20,22.5,30,25); fill(0,75,0); rect(32.5,22.5,5,25); armUp(-15,12,-64); armDown(10,11,-30); armUp(100,35,54); armDown(42.5,67.5,200); sleeve(-10,5,-64); sleeve(77,5,54); popMatrix(); }; var meeting = function(){ pushMatrix(); scale(0.75); translate(150,525); head(10,-30,0,0,false); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(-10,-2.5,-24); armDown(-58,16.5,250); armUp(100,35,54); armDown(63.5,12,300); sleeve(0,-5,-24); sleeve(77,5,54); popMatrix(); pushMatrix(); scale(0.75); translate(350,625); head(10,-30,0,0,true); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(-10,-2.5,-24); armDown(17.5,45,-300); armUp(100,35,54); armDown(50,80,170); sleeve(0,-5,-24); sleeve(77,5,54); popMatrix(); pushMatrix(); scale(0.5); translate(1100,775); head(10,-30,0,0,true); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(30,45,100); armDown(40,50,-300); armUp(90,45,80); armDown(90,66,90); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); pushMatrix(); scale(0.9); translate(570,535); head(10,-30,0,0,true); pants(10,40,1); pants(25,45,-3); torso(-19,-30,0); armUp(30,45,100); armDown(35,25,20); armUp(90,45,80); armDown(47.5,85,160); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); pushMatrix(); scale(0.7); translate(600,575); head(10,-30,0,0,true); pants(10,40,7.5); pants(25,45,-2.5); torso(-19,-30,0); armUp(30,45,100); armDown(25,70,100); armUp(90,45,80); armDown(85,70,100); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); pushMatrix(); scale(0.75); translate(475,585); head(10,-30,0,0,true); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(30,45,100); armDown(25,70,100); armUp(90,45,80); armDown(92.5,60,80); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); pushMatrix(); scale(0.55); translate(870,675); head(10,-30,0,0,true); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(30,45,100); armDown(25,70,100); armUp(90,45,80); armDown(92.5,60,80); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); pushMatrix(); translate(400,525); head(10,-30,0,0,true); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(30,45,100); armDown(40,50,-300); armUp(90,45,80); armDown(90,66,90); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); pushMatrix(); scale(0.6); translate(370,685); head(10,-30,0,0,true); pants(10,40,5); pants(25,45,-5); torso(-19,-30,0); armUp(30,45,100); armDown(40,50,-300); armUp(90,45,80); armDown(90,66,90); sleeve(35,20,100); sleeve(80,10,80); popMatrix(); }; //People during the meeting var studentsX = -550; //The student body and tour guide's x position var studentsY = 150; //Y position of students (added last minute) var angryBrow = false; //Details are everything. Even if the teacher only shows the "angry brow" for 150 frames, here I am, defining a variable that determines whether or not the teacher's brow is angry or not var transToForest = 0; //Transition to the forest var movingInsideTheForest = 0; //For when we're moving inside the forest var zoomAndres = 0; //Zoom into Andres var superZoom = [1,0,0]; //Zoom into forest var poemScroll = 0; //The poem var pump = false; // The running dude var pumpT = 0; //How long the dude's been running var appear = 0; var fadeCall = [255,255,255]; var rotateText = 50; var moveText = 115; var p = function(x,y,z){ fill(255,10); for(var i = 0; i < 10; i++){ if(x < width/2){ ellipse(x/z * width/2 + i, y/zwidth/2 + i/2,500/z,500/z); } if(x > width/2){ ellipse(x/z width/2 + i, y/zwidth/2 - i/2,500/z,500/z); } } }; var runEfX = []; var runEfY = []; var runEfZ = []; for(var i = 0; i < 135; i++){ runEfX.push(random(250,350)); runEfY.push(random(250,350)); runEfZ.push(random(250,350)); } var runEfs = function(){ for(var i = 0; i < runEfX.length; i++){ p(runEfX[i],runEfY[i],runEfZ[i]); if(runEfX[i] <= 300){ runEfX[i]-=2.5; } if(runEfX[i] > 300){ runEfX[i]+=2.5; } if(runEfY[i] <= 300){ runEfY[i]-=2.5; } if(runEfY[i] > 300){ runEfY[i]+=2.5; } runEfZ[i]-=2.5; if(runEfZ[i] < -50){ runEfX[i] = random(250,350); runEfY[i] = random(250,350); runEfZ[i] = random(250,350); } } }; var waitTit = 0; var titleAnim = 600; var speed = 1; //draw everything! :)) draw = function(){ cursor('default'); setKALoopTimeout(10000); //Stall oh noes! //println(time); switch(scene){ case 'load': load('intro'); //Loading screen background(0); fill(255); textFont(createFont('Trebuchet MS')); textSize(25); text('Loading...', 300,300); break; case 'intro': background(204, 201, 188); image(img.title,0,-600 + titleAnim, 600, 0 + titleAnim); if(waitTit > 100){ titleAnim/=1.01; } waitTit++; image(img.gallery,0,0 + titleAnim); if(titleAnim < 1){ scene = 0; } break; case 0: image(img.gallery,0,0); pushMatrix(); translate(0,150 - studentsY); noStroke(); fill(219, 207, 147); //Students' head ellipse(studentsX, 600,100,100); ellipse(studentsX + 150, 600,100,100); ellipse(studentsX + 300, 600,100,100); //Teacher's head ellipse(studentsX + 450, 500,100,100); if(studentsX < 75){ studentsY = studentsY + sin(frameCount13)0.5; //Make students bounce while walking //Students' hair fill(0); arc(studentsX, 600,100,-100,30,180); fill(54, 40, 7); arc(studentsX + 150, 600,100,-100, 30, 180); fill(120, 63, 41); arc(studentsX + 300, 600,100,-100, 30, 180); //Teacher's hair fill(138, 138, 138); arc(studentsX + 450, 500,100,-100, 20, 240); //Teacher's eye fill(0); ellipse(studentsX + 480, 510,10,15); //Mouth ellipse(studentsX + 475, 535,10,2); stroke(0); strokeWeight(2); line(485 + studentsX,500,470 + studentsX,503); //eyebrow noStroke(); //Student's eyes for(var i = 0; i < 400; i += 150){ ellipse(studentsX + i + 35, 595,10,15); } studentsX+=3; } else { //Students' head fill(0); ellipse(studentsX, 600,100,100); fill(54, 40, 7); ellipse(studentsX + 150, 600,100,100); fill(54, 40, 7); ellipse(studentsX + 300, 600,100,100); //Teacher's head fill(138, 138, 138); arc(studentsX + 450, 500,100,100,-170,60); fill(0); ellipse(studentsX + 425, 510,10,15); //eye ellipse(studentsX + 425, 535,10,2); //mouth if(time === 600 \|\| time === 900 \|\| time === 1150){ speechTrans = 255; //Reset speechTrans } if(time > 250 && time < 600){ ellipse(studentsX + 425, 535,10,0 + sin(frameCount4)5); //Mouth speechBubble('This here, children, is a\nhouse in Balintawak,\nPhilippines. It doesn\'t look like\nmuch, but don\'t \nlet looks fool you!',375,450,150,100, 10); } if(time > 600 && time < 900){ ellipse(studentsX + 425, 535,10,0 + sin(frameCount4)5); //mouth //Speech bubble speechBubble('This is where the\n"Cry of Balintawak" took\nplace -- it is a HUGE\nturning point in the history\nof the Philippines.',375,450,150,100, 10.5); } if(time > 900 && time < 1150){ //Speech bubble speechBubble('What\'s the Cry of\nBalintawak and why is it\nso iMpOrTaNt?',300,500,150,100,11.5); //Student fill(219, 207, 147); arc(studentsX + 150, 600,100,-100, 0,30); fill(0); ellipse(studentsX + 185, 595,10,15); } if(time > 1150 && time < 1450){ ellipse(studentsX + 425, 535,10,0 + sin(frameCount4)5); //Speech bubble fill(255,255 - speechTrans); speechBubble('Don\'t use that tone!\nYou can laugh, but the Cry\nof Balintawak changed\nPhilippine history as we know\nit, as we will soon see...',375,450,150,100, 10); if(time < 1300 && time < 1450){ angryBrow = true; } else { angryBrow = false; } } if(angryBrow === false){ stroke(0); strokeWeight(2); line(435 + studentsX,504,420 + studentsX,500); //eyebrow noStroke(); } if(angryBrow){ stroke(0); strokeWeight(2.5); line(430 + studentsX,500,415 + studentsX,503); //eyebrow noStroke(); } } //Teacher's body fill(74, 74, 74); rect(studentsX + 400, 550,100,100,100); //Teacher's neck fill(186, 177, 130); arc(studentsX + 450, 550,20,20,1,180); popMatrix(); if(time > 1475){ studentsY /= 1.09; } if(studentsY < 1){ scene = 1; } time++; break; case 1: image(img.scenery,0,0); tint(a,a,a,a); image(img.gallery,0 - pictureProportions[0],0 - pictureProportions[0], 600 + pictureProportions[1], 600 + pictureProportions[1]); noTint(); if(pictureProportions[0] < 150){ pictureProportions[0]++; pictureProportions[1]+=2; } else { if(a >= 0){ a -= 2.5; } else { scene = 2; } } break; case 2: pushMatrix(); translate(transToForest,0); scale(superZoom[0]); translate(superZoom[1],superZoom[2]); image(img.scenery,0,0); pushMatrix(); translate(600,0); image(img.sky,0,0); image(img.sky,600,0); image(img.ground,0,350 - movingInsideTheForest); image(img.ground,600,350 - movingInsideTheForest); for(var i = 0; i < 700; i+=175){ pushMatrix(); scale(1.1 - zoomAndres); image(img.treeImg,i + 400,210 - movingInsideTheForest,150,200); popMatrix(); } fill(0,20); rect(-14,500,250,57.5); quad(-50,557.5,290,557.5,255,600,-100,600); image(img.river,320,350 - movingInsideTheForest); image(img.bigTree,40,0 + movingInsideTheForest); pushMatrix(); scale(-1,1); image(img.bigTree,-200,-5 + movingInsideTheForest); popMatrix(); andresSitting(620,440 - movingInsideTheForest,0.9 - zoomAndres); pushMatrix(); image(img.treeImg, 235,200 - movingInsideTheForest,350,400); rotate(-5); image(img.treeImg, 610,215 - movingInsideTheForest,400,525); popMatrix(); pushMatrix(); scale(-1 - zoomAndres,1.4 - zoomAndres); image(img.bigTree,-850,0); popMatrix(); popMatrix(); popMatrix(); if(transToForest > -1000){ transToForest-=2.5; } else { if(movingInsideTheForest < 200){ movingInsideTheForest+=2.5; zoomAndres += 0.0025; } } if(time === 2100){ superZoom[1] = -790; } if(time > 2100) { superZoom[0] = 2; if(superZoom[1] < -650){ superZoom[1]+=2.5; } superZoom[2] = -100; } if(superZoom[0] >= 2){ //scrolling text fill(255,100 - poemScroll/25); textSize(15); textAlign(LEFT, CENTER); textFont(createFont('cursive')); text('Aling pag-ibig pa ang hihigit kaya\nsa pagkadalisay at pagkadakila\ngaya ng pag-ibig sa tinubuang lupa?\nAlin pag-ibig pa? Wala na nga, wala.\n\nUlit-ulitin mang basahin ng isip\nat isa-isahing talastasing pilit\nang salita’t buhay na limbag at titik\nng isang katauhan ito’y namamasid.\n\nBanal na pag-ibig pag ikaw ang nukal\nsa tapat na puso ng sino’t alinman,\nimbit taong gubat, maralita’t mangmang\nnagiging dakila at iginagalang.\n\nPagpupuring lubos ang nagiging hangad\nsa bayan ng taong may dangal na ingat,\numawit, tumula, kumatha’t sumulat,\nkalakhan din nila’y isinisiwalat.\n\nWalang mahalagang hindi inihandog\nng pusong mahal sa Bayang nagkupkop,\ndugo, yaman, dunong, katiisa’t pagod,\nbuhay ma’y abuting magkalagot-lagot.\n\nBakit? Ano itong sakdal nang laki\nna hinahandugan ng buong pag kasi\nna sa lalong mahal kapangyayari\nat ginugugulan ng buhay na iwi.\n\nAy! Ito’y ang Inang Bayang tinubuan,\nsiya’y ina’t tangi na kinamulatan\nng kawili-wiling liwanag ng araw\nna nagbibigay init sa lunong katawan.\n\nSa kanya’y utang ang unang pagtanggap\nng simoy ng hanging nagbigay lunas,\nsa inis na puso na sisinghap-singhap,\nsa balong malalim ng siphayo’t hirap.\n\nKalakip din nito’y pag-ibig sa Bayan\nang lahat ng lalong sa gunita’y mahal\nmula sa masaya’t gasong kasanggulan.\nhanggang sa katawan ay mapasa-libingan.\n\nAng nangakaraang panahon ng aliw,\nang inaasahang araw na darating\nng pagka-timawa ng mga alipin,\nliban pa ba sa bayan tatanghalin?',25,1100 - poemScroll); fill(255,255,0,100 - poemScroll/25); text("Is there any love that is nobler,\nPurer and more sublime\nThan the love of the native country?\nWhat love is? Certainly none.\n\nThough the mind may not cease reflecting\nAnd sifting with perseverance\nWhat humanity has printed and written:\nThat will be the result, none other.\n\nSacred lovel when thou reignest\nIn a loyal heart, be it even\nA plebeian's, a rustic's untutored\nThou makest it grand and revered.\n\nTo give the fatherland boundless honor\nIs the purpose of all who are worthy\nAnd who sing, or compose, or make verses\nTo spread their country's glory.\n\nThere is nothing worth having the patriot\nWill not give for his native land:\nBlood and wealth, and knowledge and effort,\nEven life, to be crushed and taken.\n\nWhy? What thing of infinite greatness\nIs this, that all knees should be bended\nBefore it? that it should be held higher\nThan the things most precious, even life?\n\nAh! the land it is that gave us birth,\nLike a mother, and from her alone\nCame the pleasant rays like the sun's\nThat warmed the benumbed body.\n\nTo her we owe the first breath\nThat enlivened the breast oppressed\nAnd smothered in the abyss\nOf pain and grievous suffering.\n\nWith the love of country are coupled\nAll dreams and all ideals,\nFrom joyful, restless childhood\nTil the grave receives the body.\n\nThe times gone-by of gladness\nAnd the day to come that we sigh for \nWhen the yoke shall be taken from us:\nWhat are they but dreams of the patriot?",315,1100 - poemScroll); if(poemScroll < 1550){ poemScroll+=3; } else { pushMatrix(); textSize(25); fill(255,255,0,0 + rotateText3); translate(250 + moveText,200); rotate(50 - rotateText); text('What are they but dreams of the patriot?',0,0); popMatrix(); rotateText/=1.01; moveText/=1.05; } } if(moveText < 1.01){ pushMatrix(); fill(255,50); rotate(15); textSize(17.5); textFont(createFont('trebuchet ms')); text('sigh',275,200); popMatrix(); } if(rotateText < 1){ scene = 3; } time++; break; case 3: image(img.sky,0,0); image(img.ground,0,400 + sin(frameCount10)3); runEfs(); if(pump){ pushMatrix(); scale(4); scale(0.9); head(57.5,60,0,-1,true); pants(75,125 ,0); stroke(201, 184, 125); strokeWeight(10); line(45,100,65,105); strokeWeight(9); line(50,125,45,100); noStroke(); torso(28,60,0); pants(55,135,0); stroke(201, 184, 125); strokeWeight(12.5); line(110,120,95,105); line(110,120,95,135); strokeWeight(1); noStroke(); popMatrix(); } else if(!pump){ pushMatrix(); scale(4); scale(0.9); head(57.5,60,0,-1,true); pants(55,125,0); stroke(201, 184, 125); strokeWeight(10); line(115,95,95,105); strokeWeight(9); line(115,95,110,115); noStroke(); torso(28,60,0); pants(75,135 ,0); stroke(201, 184, 125); strokeWeight(12.5); line(50,120,65,105); line(50,120,65,135); strokeWeight(1); noStroke(); popMatrix(); } pumpT++; if(pumpT > 10){ pump = true; } if(pumpT > 20){ pump = false; pumpT = 0; } textFont(createFont('trebuchet ms')); textAlign(CENTER, CENTER); if(appear > 100){ fill(255,0,0, fadeCall[0]); pushMatrix(); translate(200,150); textSize(40); rotate(-20); text('Supremo!',0,0); popMatrix(); fadeCall[0]/=1.025; } if(appear > 150){ fill(255,fadeCall[1]); pushMatrix(); translate(420,300); textSize(40); rotate(20); text('Andres!',0,0); popMatrix(); fadeCall[1]/=1.025; } if(appear > 200){ fill(0, fadeCall[2]); textSize(100); text('BIG',150,100); } if(appear > 225){ fill(0, fadeCall[2]); textSize(100); text('NEWS!',400,100); } if(appear > 275){ fadeCall[2]/=1.05; } if(fadeCall[2] < 1){ scene = 4; } appear++; break; case 4: time2++; image(img.sky,0,0); image(img.ground,0,400); if(time2 > 0 && time2 < 100){ pushMatrix(); translate(200,200); scale(9); head(0,0,0,-1); torso(-30,2,0); popMatrix(); speechBubble("What's wrong?",140,90,250,150,25); } else if(time2 > 100 && time2 < 200){ image(img.blurScene,0,0); pushMatrix(); translate(200,200); scale(9); head(-20,0,0,-4,true); torso(-50,2,0); popMatrix(); speechBubble("Another group of revolutionaries have\nbeen captured by the Spanish!",440,110,250,150,15); } else if(time2 > 200 && time2 < 300){ pushMatrix(); translate(200,200); scale(9); head(0,0,0,-0.5); torso(-30,2,0); popMatrix(); speechBubble("Oh no, this is\nworse than I thought.",140,90,250,150,20); } else if(time2 > 300 && time2 < 400){ image(img.blurScene,0,0); pushMatrix(); translate(200,200); scale(9); head(-20,0,0,-4,true); torso(-50,2,0); popMatrix(); speechBubble("What do we do, Supremo?!?",440,110,250,150,17.5); } else if(time2 > 400 && time2 < 500){ pushMatrix(); translate(200,200); scale(9); head(0,0,0,-0.5); torso(-30,2,0); popMatrix(); speechBubble("Call a meeting.\nAn emergency meeting.\nRight now.",140,90,250,150,20); } else if(time2 > 500 && time2 < 600){ image(img.blurScene,0,0); pushMatrix(); translate(200,200); scale(9); head(-20,1 + sin(frameCount13)1,0,-4,true); torso(-50,2,0); popMatrix(); speechBubble("Right away, po.",440,110,250,150,17.5); } if(time2 === 100 \|\| time2 === 200 \|\| time2 === 300 \|\| time2 === 400 \|\| time2 === 500){ speechTrans = 255; } else if(time2 > 600){ scene = 5; } break; case 5: pushMatrix(); if(time3 > 1000){ scale(2); translate(-35,-200); } if(time3 > 800 && time3 < 1000){ translate(0 + sin(frameCount100)1, 0 + sin(frameCount100)0.5); } image(img.scenery,0,0); meeting(); if(time3 > 1000 && time3 < 1200){ speechBubble('If it is true that you are ready to revolt...\nI want to see you destroy your cedulas.\nIt will be a sign that all of us\nhave declared our severance from the Spaniards.',200,320,170,100,7); } if(time3 > 1200 && time3 < 1400){ speechBubble('Supermo...\ndestroy our identification papers?',275,370,100,50,6); } if(time3 > 1400 && time3 < 1600){ speechBubble('Yes.',175,365,40,20,6); } if(time3 < 300){ speechBubble('My brothers, for too long\nhave we suffered under the\niron fist of Spain!\nIt is time for an uprising -- a revolution!\n\nWe are Filipinos -- and we want freedom!\nWe demand freedom.\n\nIt is time to actually do something instead\nof sit around and plan. We must lead\nan assault; it is our only chance!',250,250,250,250,11); } if(time3 > 300 && time3 < 500){ speechBubble('You\'re mad, Andres!\nWe don\'t stand a chance!\nWe need to gain troops, funds, and\nammunition before we could even\nconsider doing something like that!\n\nWe cannot afford to start a revolution yet --\nat least not this early.',420,375,250,175,11); } if(time3 > 500 && time3 < 800){ speechBubble('You remember the fate of our\ncountrymen who were shot in Bagumbayan.\nShould we return now to the towns,\nthe Spaniards will only shoot us.\nOur organization has been discovered\nand we are all marked men.\nIf we don\'t start the uprising,\nthe Spaniards will get us anyway.',250,250,225,200,10.5); } if(time3 > 700 && time3 < 800){ speechBubble('What, then, do you say?',375,160,150,100,11); } if(time3 > 800 && time3 < 1000){ speechBubble('REVOLT!!!',375,300,300,100,50); } if(time3 === 300 \|\| time3 === 500 \|\| time3 === 800 \|\| time3 === 1000 \|\| time3 === 1200 \|\| time3 === 1400){ speechTrans = 255; } if(time3 > 1600){ scene = 6; } time3++; popMatrix(); break; case 6: pushMatrix(); scale(3); translate(0,-200); image(img.blurScene,0,0); fill(242, 234, 215); pushMatrix(); rotate(-5); rect(0 - rip,250 + rip2,75,100); rect(75 + rip,250 + rip2,75,100); popMatrix(); pushMatrix(); translate(0 - rip,0); hand(); popMatrix(); pushMatrix(); scale(-1,1); translate(-200 - rip,-30); hand(); popMatrix(); noStroke(); strokeWeight(1); pushMatrix(); scale(3); head(10,130,0,1); popMatrix(); textSize(20); if(time4 < 150){ if(time4 > 37.5){ fill(255); text('TEAR',30,225); } if(time4 > 37.5 + 37.5){ fill(255,0,0); text('YOUR',82.5,225); } if(time4 > 37.5 + 37.5 + 37.5) { fill(0); text('CEDULAS!',155,225); } } else { if(rip < 25){ rip+=0.5; } else { rip2+=5; } } time4++; if(rip2 > 300){ scene = 7; speechTrans = 0; } popMatrix(); break; case 7: pushMatrix(); scale(4.5 - finAdj[0]); translate(-80 - finAdj[1],-320 - finAdj[2]); image(img.scenery,0,0); meeting(); papers(34); popMatrix(); fill(0); if(time5 < 300 && time5 > 0){ fill(0, 255 - speechTrans); ellipse(254,315,27,1 + sin(frameCount3)7.5); speechBubble('\n\n\n\n\nMy friends, my brothers:\nToday, August 26, 1896,\nrepresents the beginning of our nation!\nKALAYAAN!!!',450,10,500,330,15); } if(time5 > 300){ downFlag/=1.1; } if(finAdj[0] < 1){ time5++; } if(almost5 > 200){ finAdj[0]/=1.1; finAdj[1]/=1.1; finAdj[2]/=1.1; } almost5++; if(downFlag < 1){ scene = 8; } fill(200,0,0); rect(0,0,600,600 - downFlag); break; case 8: fill(200,0,0); rect(0,0,600,600); if(endSlide[3] > 1){ speechBubble('The Cry of Balintawak was the beginning of the Philippine revolution.\nThe revolutionaries altogether formed a group called the',300,450,400,200,12.25); } if(endSlide[3] < 1){ fill(255, 255 - addFlag); triangle(0,0,0,600,300,300); fill(0,0,150, 255 - addFlag); quad(0,0,600,0,600,300,300,300); star(2.5,17.5,2); star(125,112.5,2); star(42.5,240,2); fill(255,200,0, 255 - addFlag); ellipse(100,300,100,100); for(var i = 0; i < 8; i++){ pushMatrix(); translate(100,300); rotate(i314); rect(0,0,15,90,25); rect(17,0,4,82.5,25); rect(-7.5,0,4,82.5,25); popMatrix(); } speechBubble('\nUsually, it\'s called the Katipunan or the KKK (not to be confused\nwith the Ku Klux Klan) for short. Why, if the Cry of\nBalintawak never happened, we probably wouldn\'t have the\nPhilippines.\n\nTruly, on August 26, 1896, the course of history changed,\nand the sovereign nation of the Philippines was born!',300,950 - studentY2,400,200,12); lF-=5; addFlag/=1.01; } fill(0,0,0,255 + lF); textSize(60); textAlign(LEFT, CENTER); textFont(createFont('impact')); text('K\nK\nK',10,200 - endSlide[0]); textSize(40); text('ataastaasang',50 - endSlide[1],120); text('agalang-galang na',50 - endSlide[2],190); textSize(35); text('atipunan ng mga Anak ng Bayan',50 - endSlide[3],260); textAlign(CENTER, CENTER); endSlide[0]/=1.1; for(var i = 0; i <= 3; i++){ if(endSlide[i - 1] < 1){ endSlide[i]/=1.1; } } pushMatrix(); noStroke(); translate(0,500 - studentY2); fill(219, 207, 147); //Students' head ellipse(75, 600,100,100); ellipse(75 + 150, 600,100,100); ellipse(75 + 300, 600,100,100); //Teacher's head ellipse(75 + 450, 500,100,100); //Students' hair fill(0); arc(75, 600,100,-100,30,180); fill(54, 40, 7); arc(75 + 150, 600,100,-100, 30, 180); fill(120, 63, 41); arc(75 + 300, 600,100,-100, 30, 180); fill(138, 138, 138); arc(75 + 450, 500,100,100,-170,60); fill(0); ellipse(75 + 425, 510,10,15); //eye ellipse(75 + 425, 535,10,1 + sin(frameCount3)*3); //mouth stroke(0); strokeWeight(2); line(435 + studentsX,504,420 + studentsX,500); //eyebrow noStroke(); //Student's eyes for(var i = 0; i < 400; i += 150){ ellipse(75 + i + 35, 595,10,15); } //Teacher's body fill(74, 74, 74); rect(75 + 400, 550,100,100,100); //Teacher's neck fill(186, 177, 130); arc(75 + 450, 550,20,20,1,180); noStroke(); popMatrix(); if(addFlag < 1){ studentY2/=1.1; fill(0,100 - end); rect(200,250,190,120); textFont(createFont('cursive')); textSize(75); fill(255, 255 - end); text('fin.',300,300); end/=1.1; } break; } if(mouseIsPressed && keyCode === 17){ image(img.scenery,0,0); image(img.title,0,0); } };
Folds	42,47,68,78,79,94,95,125,132,139,141,163,169,197,200,215,218,753,758,772,779,788,790,951,954,986,987,1148,1166,1176,1180,1184,1185,1214,1222,2041
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJXDvrLqCQw
Votes	268
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"5322961523310592","title":"Project: Build-a-House","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	alyanna
Author Name	acer217
Author ID	kaid_794864070338193862176253
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739391670772
Updated	8 months ago, 1744845372915
Source Deleted	unknown