Viewing Program

Program Data

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

Title	Winston Works to Get a Donut! Complete!
ID	5124283153121280
Created	10 years ago, 1436305225093
Updated	10 years ago, 1452441560659
Code	/* Wow. I'm surpirsed the amount of votes I got Slowly climb up on votes? / /* Update: I WON!!!! 1210 lines of code! 7 more days till judging week! Click to continue / / Vote goals: 10: Complete! 20: Complete! 30: Complete! 40: Complete! 50: Complete! YIPEEEEE!! 100: wut / //Enrolled in summer of scripting //Programming for about 2.5 months now. //Im a begginer-advance-ish type //Understand about 45% of JS basic concepts now :D (I've had some help with some of my programs and challenges) and I don't understand some shapes such as the bezier, curve and complex ones. Some advanced things are understood, such as the 4th parameter in fill //I understand scale, rotate, and translate. I can't do more than one at once. The color mode HSB is hard to use, so I only use it for color changing backgrounds. Scenes are simple. I can make those. //Page 6 and 7 are just a series of pictures. /* Code starts on line 20 and ends at 1230 **/ //The page number var pageNum = 0; //Intro variables { var timer = 0; //The timer for the intro var winstonX = -100; //The X position of the Winston var donutX = -75; // The X position of the donut var titleY = -50; //The title Y var instructionY = 500; //The Y for the Instruction var winstonSpeed = 1; //When winston chases a donut } //Animation variables { //Page 6 fingerprint/handprint scanner var scanLineY = 0; //Page 6 donut window opening var windowSize = 172; //Page 6, and 7 eating donuts var donutXII = 215; //Page 6, and 7 counting donuts eaten var donutsEaten = 0; //Page 6, 7 color changing value var colorValue = 0; //Page 7 GIANT donut window opening var windowSizeII = 175; //This variable is needed for that surpirse intro var surpirseIntro = false; //Speaking of that, this is the array needed for it var donuts = []; } //The characters { var hopper = getImage("creatures/Hopper-Happy"); var hopperTalking = getImage("creatures/Hopper-Jumping"); var winston = getImage("creatures/Winston"); var ohNoes = getImage("creatures/OhNoes"); } //The surprise intro function var specialIntro = function() { // Add a new random donuts donuts.push([random(-180, 175), -80]); // Display all the donuts for (var i = 0; i < donuts.length; i++) { //Change the color of the donuts fill(255, 215, 55); //Draw the winston ellipse( donuts[i][0] + 200, donuts[i][1] + 35, 20, 20); //The eye stroke(220, 180, 55); strokeWeight(2); ellipse( donuts[i][0] + 197, donuts[i][1] + 30, 5, 5); //The other eye ellipse( donuts[i][0] + 204, donuts[i][1] + 30, 5, 5); //The mouth ellipse( donuts[i][0] + 202, donuts[i][1] + 38, 7, 7); // Increase the y position each time donuts[i][1] += 2.5; } // Remove old donuts while(donuts.length > 400){ donuts.shift(); } }; //The grid function (In case I need to change the background) var grid = function(r, g, b) { // the comic grid strokeWeight(2); stroke(0, 0, 0); fill(r, g, b); rect(0, 0, 200, 200); // upper left rect(200, 0, 200, 200); // upper right rect(200, 200, 200, 200); // lower left rect(0, 200, 200, 200); // lower right }; //The house function var house = function(x, y) { //House fill(255, 205, 85); rect(x, y, 75, 65); //The roof fill(160, 0, 0); rect(x, y-25, 75, 25); triangle(x, y-25, x, y, x-10, y); triangle(x+75, y-25, x+75, y, x+85, y); rect(x+50, y-45, 15, 30); rect(x+47.5, y-45, 20, 5); //The window fill(255); rect(x+10, y+25, 20, 20); fill(0); rect(x+19, y+25, 2, 20); rect(x+10, y+34, 20, 2); //The door fill(95, 50, 0); rect(x+40, y+25, 20, 40); //Doorknob fill(255, 255, 0); ellipse(x+45, y+50,5,5); }; //The Intro var intro = function() { timer++;//This is important for timing the intro background(255);//No smudging! image(winston, winstonX, 200-75/2, 75, 75);//Winston (Chasing a donut) //Winston saying MINEEEEEEEEEE!!!!!!!!!! fill(0); textSize(20); text("MINEEEEEEE!!!!!!!!", winstonX - 45, 160); //The donut { noStroke(); fill(255, 170, 80); ellipse(donutX,200,70,70); //Chocolate frosting fill(140, 45, 0); ellipse(donutX,200,50,50); //The hole fill(255); ellipse(donutX,200,25,25); } //The animation { donutX += 2; winstonX += winstonSpeed; winstonSpeed += 0.01; } //The surpirse intro if(surpirseIntro === true) { specialIntro(); } if(winstonX>200) { //I don't know how to make this with less lines of code //Red fill(255, 0, 0); ellipse(213,172,640,640); //Orange fill(255, 179, 0); ellipse(213,172,600,600); //Red fill(255, 0, 0); ellipse(213,172,560,560); //Orange fill(255, 179, 0); ellipse(213,172,520,520); //Red fill(255, 0, 0); ellipse(213,172,480,480); //Orange fill(255, 179, 0); ellipse(213,172,440,440); //Red fill(255, 0, 0); ellipse(213,172,400,400); //Orange fill(255, 179, 0); ellipse(213,172,360,360); //Red fill(255, 0, 0); ellipse(213,172,320,320); //Orange fill(255, 179, 0); ellipse(213,172,280,280); //Red fill(255, 0, 0); ellipse(213,172,240,240); //Orange fill(255, 179, 0); ellipse(213,172,200,200); //Red fill(255, 0, 0); ellipse(213,172,160,160); //Orange fill(255, 179, 0); ellipse(213,172,120,120); //Red fill(255, 0, 0); ellipse(213,172,100,100); //Orange fill(255, 179, 0); ellipse(213,172,60,60); //Red fill(255, 0, 0); ellipse(213,172,20,20); //The BOOM text fill(0, 0, 0); textSize(50); text("BOOM!",140,189); }//This part is kind of messy, but I don't know what to do about it if(timer>250) { background(65, 30, 30); if(titleY<50) { titleY += 5; } //The title textSize(40); textFont(createFont("Algerian")); fill(255, 255, 0); text(" Winston works \n to get a donut!", 10, titleY); //Instructions textSize(15); fill(0, 200, 255); text("Click to continue", 150, instructionY); if(instructionY > 350) { instructionY-=2; } } }; //The pages { //The first page var page1 = function() { //The grid grid(0, 255, 255); //The first panel on the first page { //Change the text textFont(createFont("Arial")); //Narraration fill(0); textSize(12); text("One day, in KhanVille, Winston was\nlooking for something. A donut to \nbe accurate.",5,15); //grass fill(0, 200, 0); noStroke(); rect(1, 149, 198, 50); //A house house(30, 85); //Winston image(winston, 50, 125, 50, 50); //Litterally 3 blocks! fill(180,0,0); stroke(0); rect(105,130,170,20); line(105+(170/3),130,105+170/3,149); line(105+(170/3)+(170/3),130,105+(170/3)+(170/3),149); } //The second panel on the first page { //The narration fill(0); textSize(12); text("Then, he found a donut store a few\nblocks (litteraly!) from his house.",205,15); //grass fill(0, 200, 0); rect(201, 149, 198, 50); //The store noStroke(); house(260,85); //The sign strokeWeight(4); stroke(230); line(335, 100, 345, 110); line(335, 150, 345, 140); noStroke(); fill(0); rect(337, 110, 15, 30); fill(255); textSize(5); text("DO\nNU\nTS",341,121); //Winston image(winston,240,125,50,50); //Text bubble strokeWeight(2); stroke(0, 0, 0); line(280,125,285,115); fill(255); ellipse(290,90,100,50); textSize(15); fill(0); text("Ooh! Yay!\nDonuts!",260,85); } //The third panel on the first page { noStroke(); //The floor fill(255, 150, 0); rect(1, 201, 198, 198); //The walls fill(0, 94, 255); rect(0, 201, 199, 125); //Hopper image(hopper, 40, 250, 100, 100); //The cash register fill(230); rect(20, 240, 60, 60); //The table (cash register area (I don't know what to call it)) fill(100, 20, 0); rect(1, 300, 198, 60); //Winston (Facing hopper) fill(255, 255, 0); ellipse(125, 320, 100, 100); //Speech bubble strokeWeight(2); stroke(0); line(70, 275, 80, 290); fill(255); ellipse(65, 250, 100, 50); //Winston speech fill(0); text("One Donut,\nPlease",30,245); } //The fourth panel on the first page { //The floor noStroke(); fill(255, 150, 0); rect(201, 201, 198, 198); //The walls fill(0, 94, 255); rect(201, 201, 199, 125); //Hopper image(hopperTalking, 240, 250, 100, 100); //The cash register fill(230); rect(220, 240, 60, 60); //The table (cash register area (I don't know what to call it)) fill(100, 20, 0); rect(201, 300, 198, 60); //Winston fill(255, 255, 0); ellipse(275,325,100,100); //Speech bubble (Hopper) stroke(0); strokeWeight(3); line(300,245,285,265); fill(255); ellipse(294,228,115,50); fill(0); text("That would \nbe 100 points",250,225); //Speech bubble (Winston) line(310,305,330,320); fill(255); ellipse(340,335,120,50); fill(0); text("Aww man, I'm \nout of points",295,330); } }; //The second page var page2 = function() { //The grid grid(0, 255, 255); //No outlines :) noStroke(); //Frame 1 { //Grass fill(0, 180, 0); rect(1, 150, 198, 49); //Houses house(-20,85); house(115,85); //Winston image(winston,60,125,50,50); //Speech bubble (Winston) strokeWeight(3); textSize(15); stroke(0); line(90, 125, 95, 115); fill(255); ellipse(100, 95, 100, 50); fill(0); text("Man, I want\n a donut.", 65, 95); } //Frame 2 { //Grass noStroke(); fill(0, 180, 0); rect(201, 150, 198, 49); //Winston image(winston, 260, 160, 15, 15); //The Khan Academy building { fill(230); rect(295, 30, 90, 140); //The leaf symbol fill(0, 0, 255); rect(300,35,80,20); image(getImage("avatars/leaf-green"), 300, 35, 20, 20); //Self explanatory fill(255, 255, 0); textSize(9); text("Khan Academy", 315, 50); //The windows for(var x = 305; x < 380; x+=15) { for(var y = 60; y < 150; y += 20) { fill(0, 150, 255); rect(x, y, 10, 15); } } //Help wanted sign fill(0); textSize(5); text(" Help\nWanted",300,162); text(" Help\nWanted",360,162); //Doors fill(255, 255, 0); strokeWeight(2); stroke(0); rect(330, 155, 10, 15); rect(340, 155, 10, 15); } //Winston's speech bubble strokeWeight(3); line(270, 155, 275, 140); fill(255); ellipse(272.5,110,130,75); fill(0); textSize(15); text("Perfect! I'll work,\n and get all the\ndonuts I want!", 225, 100); } //Frame 3 { //background fill(230); noStroke(); rect(1, 201, 198, 198); //Oh noes, behind the desk image(ohNoes,25,202); //Front desk fill(255, 185, 115); rect(1, 300, 198, 60); fill(180, 70, 0); rect(1, 280, 198, 20); //Winston fill(255, 255, 0); ellipse(130, 300, 125, 125); //Speech bubble (Winston) stroke(0); strokeWeight(3); line(85, 265, 65, 300); fill(255); ellipse(65, 316, 125, 85); //Self explanatory (Speech bubble) fill(0); text("Hey Oh Noes, I\n would like to\napply for a job.", 15, 305); } //Frame 4 { //background fill(230); noStroke(); rect(201, 201, 198, 198); //Oh noes, behind the desk image(ohNoes,225,202); //Front desk fill(255, 185, 115); rect(201, 300, 198, 60); fill(180, 70, 0); rect(201, 280, 198, 20); //Winston fill(255, 255, 0); ellipse(330, 300, 125, 125); //Speech bubble (Oh Noes) stroke(0); strokeWeight(3); line(315, 230, 330, 250); fill(255); ellipse(328, 310, 175, 120); //Self explanatory (Speech bubble) fill(0); text("Okay, you'll\nstart off as a\nmail orgainizer.\nYour salary is\n750 points weekly.", 275, 279); } }; //The third page var page3 = function() { //The grid grid(200); //Frame 1 { //No outlines noStroke(); //Winston (Behind the box) image(winston, -1, 76, 100, 100); //The mail bin fill(90, 90, 90); rect(60, 124, 115, 75); rect(1, 169, 100, 30); fill(255); textSize(35); text("M A I L", 62, 177); //Mail chute fill(0); quad(60, 1, 175, 1, 190, 50, 45, 50); stroke(90); line(58, 10, 175, 10); line(55, 20, 179, 20); line(53, 30, 181, 30); line(50, 40, 183, 40); //The mail coming out of the chute pushMatrix(); rotate(45); noStroke(); fill(255); rect(90, -14, 20, 10); rect(129, -43, 20, 10); rect(147, -64, 20, 10); rect(147, -3, 20, 10); popMatrix(); pushMatrix(); rotate(305); noStroke(); fill(255); rect(14, 145, 20, 10); rect(1, 173, 20, 10); rect(-33, 116, 20, 10); rect(-16, 141, 20, 10); popMatrix(); //Speech bubble (Winston) stroke(0); line(55, 75, 60, 60); fill(255); ellipse(60, 40, 100, 50); fill(0); textSize(15); text("That's a lot\nof mail!",30,40); } //Frame 2 { //No outlines noStroke(); //Narraration fill(0); textSize(15); text("A few hours later...", 205, 20); //The mail thingies fill(180, 30, 0); rect(201, 40, 198, 149); for(var i = 215; i < 395; i += 30) { for(var y = 50; y < 140; y += 30) { noStroke(); fill(130); rect(i, y, 25, 20); fill(255); rect(i, y + 20, 25, 5); stroke(0); strokeWeight(2); line(i + 2, y + 22.5, i + 21, y + 22.5); //The mail in the boxes strokeWeight(1); rect(i + 2, y + 3, 21, 4); rect(i + 2, y + 7, 21, 4); rect(i + 2, y + 11, 21, 4); rect(i + 2, y + 15, 21, 4); } } //Special tags (Khan academy teacher recognition) { //Pamela noStroke(); fill(255); //Increased size so its readable and pamela deserves a larger tag on his mailbox! rect(245, 70, 25, 7); fill(0); textSize(8); text("Pamela", 245, 77); //Sal Khan fill(255); //Increased size so its readable and sal deserves a larger tag on his mailbox! rect(273, 100, 29, 7); fill(0); textSize(8); text("Sal Khan", 273, 107); } //Winston putting mail in the boxes fill(255, 255, 0); ellipse(363, 145, 100, 100); //His hand stroke(255, 255, 0); strokeWeight(5); line(281, 117, 315, 135); } //Frame 3 { //Winston's arms { stroke(255, 255, 0); strokeWeight(10); //Left arm line(-6, 350, 65, 315); //Right arm line(194, 350, 135, 315); } //What the mail looks like { //The card fill(255); noStroke(); rect(13, 280, 175, 90); //The company its from (made up) image(getImage("cute/TreeShort"), 15 ,275, 25, 30); fill(0); text("A Wooden \nIncorperation\nNH, 99999", 40, 295);//Get it????? //The stamp image(getImage("cute/WoodBlock"), 160, 280, 20, 30); //Who its to textSize(12); text("Sal Khan\nKhan Academy", 70, 340); } } //Frame 4 { //The Narraration fill(0); textSize(15); text("Oops!", 205, 215); //The mail thingies fill(180, 30, 0); rect(201, 240, 198, 149); for(var i = 215; i < 395; i += 30) { for(var y = 250; y < 340; y += 30) { noStroke(); fill(130); rect(i, y, 25, 20); fill(255); rect(i, y + 20, 25, 5); stroke(0); strokeWeight(2); line(i + 2, y + 22.5, i + 21, y + 22.5); //The mail in the boxes strokeWeight(1); rect(i + 2, y + 3, 21, 4); rect(i + 2, y + 7, 21, 4); rect(i + 2, y + 11, 21, 4); rect(i + 2, y + 15, 21, 4); } } //Special tags (Khan academy teacher recognition) { //Pamela noStroke(); fill(255); //Increased size so its readable and pamela deserves a larger tag on his mailbox! rect(245, 270, 25, 7); fill(0); textSize(8); text("Pamela", 245, 277); //Sal Khan fill(255); //Increased size so its readable and sal deserves a larger tag on his mailbox! rect(273, 300, 29, 7); fill(0); textSize(8); text("Sal Khan", 273, 307); } //Winston putting mail in the boxes fill(255, 255, 0); ellipse(310, 345, 100, 100); //His hand stroke(255, 255, 0); strokeWeight(5); line(258, 258, 270, 335); //The mail that he accidentally put in Pamela's mailbox, not Sal's fill(255); strokeWeight(1); stroke(0); rect(247, 250, 21, 5); } }; //The fourth page var page4 = function() { grid(200, 200, 200); //Frame 1 { //Narraration fill(0); textSize(15); textFont(createFont("Arial")); text("Today is Winston's payday.", 5, 20); //Oh noes, behind the desk image(ohNoes, 25, 21); //Front desk noStroke(); fill(255, 185, 115); rect(1, 100, 198, 60); fill(180, 70, 0); rect(1, 80, 198, 20); //A calendar fill(255); rect(10, 40, 40, 40); fill(180, 45, 0); rect(10, 40, 40, 5); //Day of the week month and special fill(0, 0, 0); textFont(createFont("Algerian")); textSize(20); text("12", 17, 60); textSize(10); text("July", 18, 70); textSize(5); textFont(createFont("Arial")); text("No Donut Week", 9, 77); //Winston fill(255, 255, 0); ellipse(130, 100, 125, 125); //Speech bubble (Oh Noes) stroke(0); strokeWeight(3); line(55, 65, 65, 80); fill(255); ellipse(65, 116, 125, 71); //Self explanatory (Speech bubble) textFont(createFont("Arial")); textSize(15); fill(0); text("Here you go\nWinston, 500\n points", 22, 106); //Speech bubble (Winston) stroke(0); strokeWeight(3); line(115, 82, 130, 55); fill(255); ellipse(130, 55, 115, 40); //Self explanatory (Speech bubble) fill(0); text("Why 500 and\n not 750?", 90, 55); } //Frame 2 { //Oh noes, behind the desk image(ohNoes, 225, 21); //Front desk noStroke(); fill(255, 185, 115); rect(201, 100, 198, 60); fill(180, 70, 0); rect(201, 80, 198, 20); //A calendar { fill(255); rect(210, 40, 40, 40); fill(180, 45, 0); rect(210, 40, 40, 5); //Day of the week { fill(0, 0, 0); textFont(createFont("Algerian")); textSize(20); text("12", 217, 60); textSize(10); text("July", 218, 70); textSize(5); textFont(createFont("Arial")); text("No Donut Week", 209, 77); } } //Winston fill(255, 255, 0); ellipse(330, 100, 125, 125); //Speech bubble (Oh Noes) stroke(0); strokeWeight(3); line(265, 65, 275, 80); fill(255); ellipse(290, 116, 125, 85); //Self explanatory (Speech bubble) fill(0); textSize(15); text("Because you\ngave alot of\npeople the\nwrong mail.", 248, 97); //Speech bubble (Winston) line(330, 75, 340, 60); fill(255); ellipse(341, 42, 121, 50); fill(0); text("At least I can\nget 5 donuts.", 300, 40); } //Frame 3 { //Oh noes, behind the desk image(ohNoes, 25, 221); //Front desk noStroke(); fill(255, 185, 115); rect(1, 300, 198, 60); fill(180, 70, 0); rect(1, 280, 198, 20); //A calendar fill(255); rect(10, 240, 40, 40); fill(180, 45, 0); rect(10, 240, 40, 5); //Day of the week fill(0, 0, 0); textFont(createFont("Algerian")); textSize(20); text("12", 17, 260); textSize(10); text("July", 18, 270); textSize(5); textFont(createFont("Arial")); text("No Donut Week", 13, 277); //Winston fill(255, 255, 0); ellipse(130, 300, 125, 125); //Oh noes (speech bubble) stroke(0); line(65, 305, 75, 345); fill(255); ellipse(75, 360, 100, 50); //Self explanatory fill(0); textSize(15); text("Its \"No Donut\n Week\".", 33, 360); //Speech bubble 2 (Oh Noes) line(55, 265, 65, 280); fill(255); ellipse(65, 304, 125, 52); //Self explanatory (Speech bubble) textFont(createFont("Arial")); textSize(15); fill(0); text("Well, you can't\n this week.", 18, 301); //Speech bubble (Winston) stroke(0); strokeWeight(3); line(115, 282, 130, 255); fill(255); ellipse(123, 260, 75, 25); //Self explanatory (Speech bubble) fill(0); text("Why not?", 91, 267); } //Frame 4 (Calender view { //The calender { fill(255); noStroke(); rect(220, 220, 160, 160); fill(180, 45, 0); rect(220, 220, 160, 30); textFont(createFont("Algerian")); // Day/Month/Special { textSize(75); fill(0); text("12", 252, 310); textSize(40); text("July", 253, 341); textSize(22); text("No Donut Week", 218, 374); } //Winston talking textFont(createFont("Arial")); text("Winston: DARN IT!", 205, 220); } } }; //The fifth page var page5 = function() { //The grid grid(0, 220, 255); //Frame 1 { //The office background fill(230); noStroke(); rect(1, 1, 198, 198); //Narraration fill(0); textSize(15); text("Winston's payday II", 5, 20); //Oh noes, behind the desk image(ohNoes, 25, 21); //Front desk noStroke(); fill(255, 185, 115); rect(1, 100, 198, 60); fill(180, 70, 0); rect(1, 80, 198, 20); //A calendar fill(255); rect(10, 40, 40, 40); fill(180, 45, 0); rect(10, 40, 40, 5); //Day of the week month and special fill(0, 0, 0); textFont(createFont("Algerian")); textSize(20); text("19", 17, 60); textSize(10); text("July", 18, 70); textSize(5); textFont(createFont("Arial")); text("The Donut Week", 9, 77); //Winston fill(255, 255, 0); ellipse(130, 100, 125, 125); //Speech bubble (Oh Noes) stroke(0); strokeWeight(3); line(55, 65, 65, 80); fill(255); ellipse(65, 130, 133, 108); //Self explanatory (Speech bubble) textFont(createFont("Arial")); textSize(15); fill(0); text("Here you go\nWinston, 750\nand the 250\nyou didn't get\nlast week", 28, 106); //Speech bubble (Winston) stroke(0); strokeWeight(3); line(115, 82, 130, 55); fill(255); ellipse(130, 55, 115, 45); //Self explanatory (Speech bubble) fill(0); text("Yay! It's also\ndonut week!", 90, 55); } //Frame 2 { //grass noStroke(); fill(0, 200, 0); rect(201, 149, 198, 50); //Donut store noStroke(); house(260, 85); //The signs { //The DONUTS sign { strokeWeight(4); stroke(230); line(335, 100, 345, 110); line(335, 150, 345, 140); noStroke(); fill(0); rect(337, 110, 15, 30); fill(255); textSize(5); text("DO\nNU\nTS",341,121); } //The donut week sign { fill(180, 45, 0); rect(343, 132, 10, 25); rect(317, 115, 58, 25); fill(255); textSize(10); text("Donut week!\nDonuts 50%", 317, 124); } } //Winston image(winston, 240, 125, 50, 50); //Winston's face expression fill(255, 255, 0); ellipse(262, 112, 25, 25); fill(0); textSize(20); text("C:", 252, 121); stroke(0); line(259,125,262,132); } //Frame 3 { noStroke(); //The floor fill(255, 150, 0); rect(1, 201, 198, 198); //The walls fill(0, 94, 255); rect(0, 201, 199, 125); //Hopper image(hopper, 40, 250, 100, 100); //The cash register fill(230); rect(20, 240, 60, 60); //The table (cash register area (I don't know what to call it)) fill(100, 20, 0); rect(1, 300, 198, 60); //Winston (Facing hopper) fill(255, 255, 0); ellipse(125, 320, 100, 100); //Speech bubble strokeWeight(2); stroke(0); line(70, 275, 80, 290); fill(255); ellipse(65, 250, 100, 50); //Winston speech fill(0); textSize(15); text("30 Donuts,\nPlease",30,245); } //Frame 4 { //Figured a translate would help :) pushMatrix(); translate(200, 200); //The house background noStroke(); fill(255, 205, 85); rect(1, 1, 199, 199); //The stairs to winston's epic donut basement fill(180, 45, 0);//Get the light wood stain rect(33, 13, 140, 175); //Winston going downstairs fill(255, 255, 0); ellipse(103, 150, 100, 100); //The opening for(var i = 20; i < 188; i += 2) { fill(0, 0, 0, 10); rect(43, i, 120, 160); //Keeps the darkness in the basement fill(180, 45, 0); rect(33, 178, 140, 10); //The background color fill(255, 205, 85); rect(1, 188, width, 13); } //Narraration fill(255, 255, 255); text("Later....", 80, 30); popMatrix(); } }; //The sixth page var page6 = function() { //This page needs a custom background for each frame //Frame 1 the basement { //Make a dark background fill(0); stroke(255); strokeWeight(1); rect(0, 0, 200, 200); //MAKE THE DONUT SHELF! { //The back of the shelf (Teal) fill(0, 247, 255); noStroke(); rect(13, 13, 175, 175); //Donuts and the surrounding grid for(var i = 25; i <= 175; i += 25) { for(var y = 25; y <= 175; y += 25) { //donutzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz (boston creme!) noStroke(); fill(255, 190, 90); ellipse(i, y, 20, 20); //The chocolate frosting fill(160, 40, 0); ellipse(i, y, 12, 12); //The things that seperate each donut box thingy stroke(180, 45, 0); line(i - 11, 13, i - 11, 187); line(187, 13, 187, 187); line(13, y - 11, 187, y - 11); line(13, 187, 187, 187); //A clear wall to prevent them from being stolen fill(85, 85, 240, 70); noStroke(); rect(i - 10, y - 10, 23, 23); //A fingerprint scanner fill(255, 255, 255, 50); rect(1, 120, 12, 20); fill(0); textSize(1); text("Fingerprint scan", 1, 125); } } } } //Frame 2 fingerprint scanner { pushMatrix(); //I figured a translate helps translate(200, 0); //A dark background stroke(255); fill(0, 0, 0, 20); rect(0, 0, 200, 200); //The scanner { //The scanner noStroke(); fill(255, 255, 255, 50); rect(20, 20, 160, 160); //"Scan here" fill(0); textSize(30); text("Scan Below", 20, 43); //A line to show it scanning (Animation) stroke(0, 200, 0); strokeWeight(2.5); line(20, scanLineY + 40, 180, scanLineY + 40); //Makes the line go down scanLineY += 3; //To make the line go back up after scanning if(scanLineY > 140) { scanLineY = 0; } } //Winston scanning his whole hand for some reason it works strokeWeight(20); stroke(255, 255, 0); line(200, 200, 100, 100); fill(255, 255, 0); noStroke(); ellipse(100, 100, 50, 50); popMatrix(); } //Frame 3 The opening :D { pushMatrix(); translate(0, 200); //The disco lights are on now colorMode(HSB); fill(colorValue % 255, 200, 255); stroke(0); strokeWeight(2); rect(0, 0, 200, 200); colorMode(RGB); //Make the shelf of donuts { //The back of the shelf (Teal) fill(0, 247, 255); noStroke(); rect(13, 13, 175, 175); //Donuts and the surrounding grid for(var i = 25; i <= 175; i += 25) { for(var y = 25; y <= 175; y += 25) { //donutzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz (boston creme!) noStroke(); fill(255, 190, 90); ellipse(i, y, 20, 20); //The chocolate frosting fill(160, 40, 0); ellipse(i, y, 12, 12); //The things that seperate each donut box thingy strokeWeight(1); stroke(180, 45, 0); line(i - 11, 13, i - 11, 187); line(187, 13, 187, 187); line(13, y - 11, 187, y - 11); line(13, 187, 187, 187); } } } //The clear wall that's gonna open (Note the animation repeats) fill(85, 85, 240, 70); noStroke(); rect(15, 15, 172, windowSize); windowSize--; if(windowSize < 0) { windowSize = 172; } //Winston standing in amazement fill(255, 255, 0); ellipse(100, 160, 75, 75); popMatrix(); } //Frame 4 The face-stuffing { pushMatrix(); //Again, helps alot translate(200, 200); //The background colorMode(HSB); stroke(0); fill(colorValue%255, 200, 255); rect(0, 0, 200, 200); colorMode(RGB); //Winston eating donuts image(winston, 10, 150, 50, 50); //Bostom creme donuts (winston eats 49!) if(donutsEaten < 49) { fill(255, 205, 75); noStroke(); ellipse(donutXII, 180, 20, 20); //Chocolate frosting fill(160, 40, 0); ellipse(donutXII, 180, 13, 13); } //Move the donut closer to winston if(donutsEaten < 49) { donutXII -= 5; } //Resets the donut's X to 220. if(donutXII < 45) { donutXII = 215; donutsEaten++; } fill(0); textSize(15); text(donutsEaten +" donuts eaten", 55, 20); //Winston eating sounds if(donutsEaten < 49) { text(" OM\nNOM\nNOM\nNOM", 20, 95); } popMatrix(); } }; //The seventh page var page7 = function() { //Just to make the grid grid(255); //Frame 1 { //Just to tell the time elapsed fill(0, 0, 0); textSize(15); text("1 3/4 years later", 5, 20); //DISCO BACKGROUND! colorMode(HSB); noStroke(); fill(colorValue % 255, 200, 255); rect(1, 1, 198, 198); colorMode(RGB); //Draw the huge donut shelf { //The back of the shelf (Teal) fill(0, 247, 255); noStroke(); rect(13, 13, 175, 175); //Donuts for(var i = 17; i <= 187; i += 7) { for(var y = 17; y <= 187; y += 7) { //donutzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz (boston creme!) noStroke(); fill(255, 190, 90); ellipse(i, y, 5, 5); //The chocolate frosting fill(160, 40, 0); ellipse(i, y, 3, 3); //A fingerprint scanner fill(255, 255, 255, 50); rect(7, 166, 6, 12); } } //The clear unbreakable wall fill(85, 85, 240, 70); noStroke(); rect(13, 13, 175, windowSizeII); if(windowSizeII < 0) { windowSizeII = 175; } //The the dont paradise opens windowSizeII -= 0.5; // It's slow because the thing is a monstrosity (Well, just very, very large). } //winston beholding it fill(255, 255, 0); ellipse(100, 185, 20, 20); } //Frame 2 { pushMatrix(); //Again, the translate really helps translate(200, 0); //DISCO BACKGROUND! colorMode(HSB); noStroke(); fill(colorValue % 255, 200, 255); rect(1, 1, 198, 198); colorMode(RGB); //Bostom creme donuts (winston eats 676 more!!) if(donutsEaten < 676) { fill(255, 205, 75); noStroke(); ellipse(donutXII, 180, 20, 20); //Chocolate frosting fill(160, 40, 0); ellipse(donutXII, 180, 13, 13); } //Move the donut closer to winston SUPA SPEED! if(donutsEaten < 676) { donutXII -= 20; } //If he eats all 676 + 49 donuts if(donutsEaten === 676) { image(winston, 10, 10, 180, 180); } else { //Skinnier winston image(winston, 10, 150, 50, 50); } //Resets the donut's X to 220. if(donutXII < 45) { donutXII = 215; donutsEaten++; } fill(0); textSize(15); text(donutsEaten + " donuts eaten", 55, 20); //Winston eating sounds if(donutsEaten < 676) { text(" OM\nNOM\nNOM\nNOM", 20, 95); } popMatrix(); } //Frame 3 and 4 (Closing paragraph) { pushMatrix(); translate(0, 200); //Remove the line in the middle of the bottom stroke(255); strokeWeight(2); line(200, 1, 200, 199); //The closing text fill(0); text("So guys and girls, This is the end of the story, and this is\nwhat happens every week, just less donuts. I hope you\nenjoyed and I had alot of fun making this. I'll try to make a few\ncomics about the characters and jokes. This was my \nprogram with most lines of code, from line 20 to the end of\nthe editor. Any ideas would be nice, and added in a\nbonus spin-off I'll add when the contest is over. Click for a\nsurpise.\n Thank you for just looking at this comic. I still have many\nIdeas to add in future comics. So again, click for a surpirse\nintro (It's different than the other) Also, try to wait for 676 donuts", 5, 20); popMatrix(); } }; } //Draw everything out var draw = function() { //This part is to change the color in the background of a few pages colorValue += 0.5; //The Intro if(pageNum === 0) { intro(); } //The first page if(pageNum === 1) { page1(); } //The second page if(pageNum === 2) { page2(); } //The third page if(pageNum === 3) { page3(); } //The fourth page if(pageNum === 4) { page4(); } //The fifth page if(pageNum === 5) { page5(); } //The sixth page if(pageNum === 6) { page6(); } //The seventh page if(pageNum === 7) { page7(); } //Restart the program if(pageNum>7) { surpirseIntro = true; pageNum = 0; //Go to intro page timer = 0; //Important to time things winstonX = -100; //The X position of the Winston donutX = -75; // The X position of the donut titleY = -50; //The title Y instructionY = 500; //The Y for the Instruction winstonSpeed = 1; //When winston chases a donut donutsEaten = 0; //Restart the donut counter } }; mouseClicked = function() { //Goes on to the next page when clicked if(timer>200&&mouseButton === LEFT&&pageNum!==8) { pageNum++; } else if(timer > 200 &&mouseButton === RIGHT&&pageNum!==0) { pageNum--; } //Resets donuts eaten if(pageNum === 7) { donutsEaten = 0; } };
Folds	34,36,45,52,90,132,135,144,147,174,177,294,297,1591,1594,1651,1653,1666
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMioopCNCQw
Votes	168
Spin-Offs	1
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"4955067011694592","title":"Contest: Comic Strip","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	dudghks
Author Name	dudghk5
Author ID	kaid_953328649434500291551093
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739375262165
Updated	10 months ago, 1739375272333
Source Deleted	unknown