Viewing Program

Program Data

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

Title	Winston's Vacation Episode 1
ID	6407215342288896
Created	10 years ago, 1450920316752
Updated	10 years ago, 1451271062788
Code	/ Check out this sweet chatroom here! https://www.khanacademy.org/computer-programming/chat-room/4724815650488320 Thanks for 50 votes! The #2 Teeny Proponent got the 50th vote! jaeyeon has the honor of the 60th vote! WOOOT! 80 VOTES! 100 VOTES!!!!!!!!!!!! IMPORTANT Episode two won't be out for a while. I really want to make sure it comes out at it's best point. IMPORTANT We're on the first page of the hot list! :D That's a first! Construcive critisism appresiated (even in the form of hate messages. :P) http://www.flatuicolorpicker.com/all ^Check this palette out!^ I tried to get a flat look from this, but the avatars ruined it. :P Or maybe I did. If it's too slow for you, change the frameRate to something bigger. If it's too fast, change the frameRate to something smaller. I added a logo at the bottom right corner. I tried to make it flashy, but not too distracting. Subscribe below! / //I could probably condense the code greatly with a speech function or something... //Eh. :P scale(width / 400, height / 400); frameRate(60); //^Frame rate oh my^ //Variable for the backdrop var scene = 1; //Intro fade effect; Opacity of the text var intro = 0; //Images var winston = getImage("creatures/Winston"); var baby = getImage("creatures/BabyWinston"); var hopper = getImage("creatures/Hopper-Happy"); var swaghopper = getImage("creatures/Hopper-Cool"); var jumphopper = getImage("creatures/Hopper-Jumping"); var ohnoes = getImage("creatures/OhNoes"); var winstonGone = false; var winstonX = 148; var winstonX2 = 148; var sleepPos = [158+36, 295]; var sleepPos2 = [158+83, 291]; var handY = 377; var winstonSize = 100; var winstonSpeed = 1; var donutPos = 445; var treeX = [20, 165, 246, 356]; var drawTree = function(x, y, scaleFactor) { pushMatrix(); scale(scaleFactor); fill(92, 41, 22); rect(x-25, y, 45, 189); fill(0, 0, 0, -scaleFactor100+255); rect(x-25, y, 45, 189); fill(0, 177, 106); ellipse(x, y-37, 193, 130); fill(0, 0, 0, -scaleFactor100+255); ellipse(x, y-37, 193, 130); popMatrix(); }; draw = function() { //Useless background command is awesome! :D background(255, 255, 255); //Switch function for different backdrops aka scenes switch(scene) { case 1: background(129, 207, 224); noStroke(); fill(38, 194, 129); rect(0, 350, 400, 50); fill(244, 208, 63); ellipse(60, 60, 50, 50); fill(108, 122, 137); triangle(129, 350, 271, 226, 405, 350); fill(149, 165, 166); triangle(379, 350, 271, 226, 407, 350); fill(108, 122, 137); triangle(0, 350, 131, 163, 269, 350); fill(149, 165, 166); triangle(248, 350, 131, 163, 269, 350); textAlign(CENTER, CENTER); fill(0, 0, 0, intro); textFont(createFont("monospace"), 35); text("Winston's Vacation", 200, 110); textSize(20); text("By Junha Lee", 200, 150); break; case 2: background(150, 40, 27); fill(108, 122, 137); rect(0, 350, 400, 50); fill(129, 207, 224); rect(50, 50, 299, 157, 30); noFill(); stroke(242, 241, 239); strokeWeight(5); rect(50, 50, 299, 157, 30); for (var i = 0 ; i < 5 ; i++) { line(i66+67, 53, i66+67, 202); } line(55, 130, 346, 130); noStroke(); fill(79, 44, 28); rect(107, 242, 193, 19); rect(135, 242, 19, 122); rect(249, 242, 19, 122); rect(34, 270, 13, 93); rect(83, 261, 13, 102); rect(34, 261, 58, 13); rect(319, 270, 13, 93); rect(370, 261, 13, 102); rect(319, 261, 58, 13); if (winstonGone === false) { image(winston, 22, 188, 80, 80); } pushMatrix(); image(hopper, 312, 189, 80, 80); popMatrix(); break; case 3: background(129, 207, 224); fill(38, 194, 129); rect(0, 323, 400, 78); fill(244, 208, 63); ellipse(60, 60, 70, 70); image(winston, winstonX, 246, 100, 100); break; case 4: background(150, 40, 27); textSize(40); fill(44, 62, 80); text("Khan HQ", 200, 51); fill(108, 122, 137); rect(0, 350, 400, 50); image(hopper, 200, 263, 100, 100); image(ohnoes, 60, 283, 100, 90); fill(89, 171, 227); ellipse(285, 288, 15, 15); triangle(292, 287, 279, 287, 284, 263); break; case 5: background(58, 83, 155); fill(4, 147, 114); rect(0, 350, 400, 50); fill(186, 170, 106); ellipse(60, 60, 70, 70); image(winston, 158, 271, 100, 100); fill(255, 255, 0); ellipse(sleepPos[0], sleepPos[1], 13, 13); ellipse(sleepPos2[0], sleepPos2[1], 13, 9); break; case 6: background(226, 106, 106); fill(242, 38, 19); rect(54, 262, 200, 200, 50); fill(242, 238, 164); ellipse(154, 193, 200, 200); fill(0, 0, 0); ellipse(137, 162, 20, 20); ellipse(208, 162, 20, 20); noFill(); stroke(25, 36, 46); strokeWeight(23); bezier(51, 312, 10, 347, 20, 393, 188, handY); noStroke(); fill(149, 165, 166); rect(150, 164, 266, 200); fill(128, 142, 143); rect(150, 164, 44, 200); rect(287, 364, 68, 37); break; case 7: background(226, 106, 106); fill(88, 94, 94); rect(40, 40, 320, 211, 30); rect(38, 250, 325, 198, 30); fill(240, 255, 244); rect(61, 54, 278, 181, 30); fill(242, 241, 239); for (var i = 0 ; i < 10 ; i++) { for (var t = 0 ; t < 3 ; t++) { rect(i31+51, t31+277, 20, 20); } } rect(141, 368, 125, 20); image(getImage("avatars/leaf-green"), 70, 68, 20, 20); fill(0); textSize(20); text("KHAN ACADEMY", 159, 77); fill(255, 255, 255); rect(73, 111, 247, 101, 10); stroke(64, 64, 64); strokeWeight(1); line(225, 111, 225, 211); noStroke(); textSize(5); textAlign(LEFT, TOP); fill(0, 0, 0); text("1 \n2 var winstonX = 200;\n3 var winstonY = 200;\n4 var winston = getImage('creatures/Winston');\n5 \n6 draw = function() {\n7 image(winston, winstonX, winstonY);\n8 };", 84, 123); image(ohnoes, 229, 151, 20, 19); fill(238, 238, 238); rect(255, 148, 58, 36, 4); fill(0); text("OH NOES!\n\ncreatures/Winston\nisn't an image!", 260, 152); textAlign(CENTER, CENTER); noFill(); stroke(25, 36, 46); strokeWeight(23); line(-24, 398, 89, 319); line(424, 398, 400-89, 319); noStroke(); break; case 8: background(226, 106, 106); fill(242, 38, 19); rect(99, 272, 198, 200, 50); fill(242, 238, 164); ellipse(200, 193, 200, 200); fill(0, 0, 0); ellipse(159, 175, 20, 20); ellipse(239, 175, 20, 20); fill(242, 238, 164); rect(228, 149, 20, 20); noFill(); stroke(25, 36, 46); strokeWeight(23); line(102, 319, 20, 453); line(400-102, 319, 380, 453); noStroke(); fill(0); textSize(30); text("?", 200, 69); break; case 9: background(129, 207, 224); fill(38, 194, 129); rect(0, 323, 400, 78); fill(244, 208, 63); ellipse(60, 60, 70, 70); image(winston, winstonX2, 236, 110, 110); break; case 10: background(51, 110, 123); fill(4, 147, 114); rect(0, 323, 400, 78); for (var i = 0 ; i < 20 ; i++) { drawTree(i98+71, 1433, 0.2); } for (var i = 0 ; i < 10 ; i++) { drawTree(i97+68, 668, 0.4); } for (var i = 0 ; i < 4 ; i++) { drawTree(i154+32, 310, 0.7); } for (var i = 0 ; i < 2 ; i++) { drawTree(i301+44, 166, 1); } fill(255, 255, 0); ellipse(200, 328, winstonSize, winstonSize); break; case 11: background(51, 110, 123); fill(4, 147, 114); rect(0, 323, 400, 78); for (var i = 0 ; i < 20 ; i++) { drawTree(i98+71, 1433, 0.2); } for (var i = 0 ; i < 10 ; i++) { drawTree(i97+68, 623, 0.4); } for (var i = 0 ; i < treeX.length ; i++) { drawTree(treeX[i], 142, 1); } image(winston, 153, 258, 100, 100); for (var i = 0 ; i < treeX.length ; i++) { treeX[i] -= winstonSpeed; } for (var i = 0 ; i < treeX.length ; i++) { if (treeX[i] < -70) { treeX[i] = 500; } } noFill(); stroke(245, 215, 110); strokeWeight(16); ellipse(donutPos, 317, 40, 40); noStroke(); break; case 12: background(0, 0, 0); fill(211, 84, 0); ellipse(200, 200, 250, 250); fill(0); textSize(50); text("BOOM!", 200, 200); for (var i = 0 ; i < 20 ; i++) { pushMatrix(); translate(200, 200); rotate(i20); ellipse(0, 135, 50, 50); popMatrix(); } break; case 13: background(16, 34, 41); fill(3, 14, 15); rect(0, 323, 400, 78); image(winston, 150, 231); fill(255, 255, 0); rect(186, 261, 20, 8); rect(244, 257, 19, 8); stroke(0); strokeWeight(2); noFill(); ellipse(159, 190, 20, 20); ellipse(225, 212, 20, 20); ellipse(227, 143, 20, 20); ellipse(185, 97, 20, 20); noStroke(); break; case 14: background(44, 62, 80); fill(228, 241, 254); textSize(30); text("End of Part 1!\nWant more? Subscribe\nto episode two in the\ntips and thanks!\n\nBye! :)", 200, 200); } //Animation and dialouge go in a multitude of if statements. NO else ifs. For reasons. if (frameCount > 0 && frameCount < 299) { scene = 1; intro+=2; } if (frameCount > 300) { intro-=4; } if (frameCount > 600) { scene = 2; } if (frameCount > 660 && frameCount < 1199) { fill(255, 255, 255); rect(47, 30, 231, 138, 20); fill(0, 0, 0); textSize(15); text("Hopper, do you ever get \nbored? Sometimes I do...\nPamela doesn't make too\nmany videos anymore, so\nI don't have much to do \nhere. Plus, I'm getting\nless and less used.....", 159, 97); } if (frameCount > 1200 && frameCount < 1739) { fill(255, 255, 255); rect(137, 30, 231, 138, 20); fill(0, 0, 0); textSize(15); text("Occasionally, Winston.\nOccasionally. But usually\nI'm busy helping budding\nprogrammers with\nchallenges! So, not really.", 251, 97); } if (frameCount > 1740 && frameCount < 2279) { fill(255, 255, 255); rect(37, 30, 231, 138, 20); fill(0, 0, 0); textSize(15); text("I think I need a vacation\nI'll probably just slip\naway mysteriously......\nI'll find a paradise and\nstay there for some time!", 154, 97); } if (frameCount > 2279 && frameCount < 2279+540-1) { fill(255, 255, 255); rect(117, 30, 240, 138, 20); fill(0, 0, 0); textSize(15); text("But Winston! You can't\njust dissapear mysteriously!\nWhat about your fans! What\nif Pamela needs to make\nanother video! You wouldn't-\n\nWhere did he go?!?!?!", 238, 97); winstonGone = true; } if (frameCount > 2852) { scene = 3; } if (frameCount > 3000 && frameCount < 3000+540-1) { fill(255, 255, 255); rect(148, 88, 240, 138, 20); fill(0, 0, 0); textSize(15); text("I'm free! I'm so happy!\nWait.. I forgot to pack..\nI don't have anything on\nme. All so that I could\nleave mysteriously..... D:", 267, 156); } if (frameCount > 3700 && frameCount < 3700+540-1) { fill(255, 255, 255); rect(148, 88, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Worth it.", 267, 156); fill(0); arc(191, 270, 26, 30, 0, 180); arc(229, 270, 26, 30, 0, 180); rect(165, 270, 72, 1); } if (frameCount > 4300) { winstonX++; } if (frameCount > 4600) { scene = 4; } if (frameCount > 4650 && frameCount < 4650+540-1) { fill(255, 255, 255); rect(148, 88, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Oh Noes! You gotta help\nme man! Winston decided\nto leave! If I don't get\nhim back soon, well, who\nknows what will happen!!", 267, 156); } if (frameCount > 5190 && frameCount < 5190+540-1) { fill(255, 255, 255); rect(49, 91, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Oh Noes! What will KA\ndo without him! The fans\nwill riot and spam petitions\nto bring him back!!!!!!", 167, 158); } if (frameCount > 5729 && frameCount < 5729+540-1) { fill(255, 255, 255); rect(90, 91, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Actually, I was a bit\nmore worried about Winston..", 210, 158); } if (frameCount > 6268 && frameCount < 6268+540-1) { fill(255, 255, 255); rect(46, 91, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Yeah, that too.... I'm\nworried..", 169, 158); } if (frameCount > 6807 && frameCount < 6807+540-1) { fill(255, 255, 255); rect(95, 91, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Oh noes, you always look\nworried.", 219, 158); } if (frameCount > 7346 && frameCount < 7346+540-1) { fill(255, 255, 255); rect(49, 91, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Hey! You know I have OCD!\nI can't stand mistakes in\ncode! Even if it means I\nhave to be annoying!!!", 171, 158); } if (frameCount > 7885) { scene = 5; } if (frameCount > 7910 && frameCount < 7910+500-1) { fill(255, 255, 255); rect(82, 118, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Yawn\nI'm tired....\nI guess paradise can wait\nfor me....", 201, 188); } if (frameCount > 8409 && frameCount < 8409+180) { sleepPos[1] = 299; sleepPos[0] = 195; sleepPos2[1] = 297; sleepPos2[0] = 242; fill(0, 0, 0); textSize(30); text("Z", 240, 243); textSize(40); text("Z", 271, 223); textSize(50); text("Z", 305, 201); } if (frameCount > 8589) { scene = 6; } if (frameCount > 8600) { handY = sin(frameCount10)30+374; } if (frameCount > 8800) { scene = 7; } if (frameCount > 9200) { scene = 8; } if (frameCount > 9300 && frameCount < 9300+400-1) { fill(255, 255, 255); rect(1, 5, 179, 131, 20); fill(0, 0, 0); textSize(15); text("Wait. Why isn't\nWinston an avatar?\nThis is weird...", 91, 72); } if (frameCount > 9800) { scene = 9; } if (frameCount > 9900 && frameCount < 9900+300-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text("I want a donut.", 201, 148); } if (frameCount > 10199+100 && frameCount < 10299+500-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text("I think I can find one in\nthat forest over there.\n\nOr maybe three donuts.", 201, 154); } if (frameCount > 10798) { winstonX2+=3; } if (frameCount > 10900) { scene = 10; } if (frameCount > 11000) { winstonSize--; } if (frameCount > 11200) { scene = 11; } if (frameCount > 11400 && frameCount < 11400+400-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Oh boy! I can't wait for\nmy donut! I am so ready!", 201, 154); } if (frameCount > 11899 && frameCount < 11899+300-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Annnnny second now!", 201, 154); } if (frameCount > 12198 && frameCount < 12198+200-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text(":)", 201, 154); } if (frameCount > 12397 && frameCount < 12397+200-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text(":\|", 201, 154); winstonSpeed = 0.7; } if (frameCount > 12596 && frameCount < 12596+200-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text(":(", 201, 154); winstonSpeed = 0.5; } if (frameCount > 12795 && frameCount < 12795+200-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text("!!!!!", 201, 154); winstonSpeed = 0; } if (frameCount > 12994 && frameCount < 12994+200-1) { fill(255, 255, 255); rect(82, 85, 240, 138, 20); fill(0, 0, 0); textSize(39); text(":D", 200, 153); winstonSpeed = 5; } if (frameCount > 13193) { if (winstonSpeed <= 0) { winstonSpeed = 0; } else { winstonSpeed-=0.1; donutPos-=3; } } if (frameCount > 13300) { scene = 12; } if (frameCount > 13400) { scene = 13; } if (frameCount > 13500 && frameCount < 13700) { fill(255, 255, 255); rect(85, 85, 240, 138, 20); fill(0, 0, 0); textSize(15); text("Wh- Where am I??", 204, 153); } if (frameCount > 13700) { scene = 14; } //Logo drawing { fill(79, 40, 99); ellipse(352, 352, 70, 70); fill(106, 51, 133); ellipse(350, 350, 70, 70); pushMatrix(); stroke(38, 166, 91); strokeWeight(9); translate(345, 334); rotate(sin(frameCount3)20); line(0, 0, 2, 20); arc(-6, 22, 15, 15, 0, 180); popMatrix(); pushMatrix(); strokeWeight(9); stroke(248, 148, 6); translate(359, 367); rotate(cos(frameCount3)*20); line(356-359, 341-367, 0, 0); line(0, 0, 372-359, 365-367); noStroke(); popMatrix(); } //Logo cursor-ness if (dist(mouseX, mouseY, 525, 525) <= 55) { cursor("pointer"); } else { cursor("default"); } }; //540 //Logo interaction mouseClicked = function() { if (dist(mouseX, mouseY, 525, 525) <= 55) { println("https://www.khanacademy.org/profile/winstonftw/projects\n\n"); } };
Folds	443,446,447,449,450,452,453,459,460,466,467,473,474,481,482,484,485,491,492,502,503,505,506,508,509,515,516,522,523,529,530,536,537,543,544,550,551,553,554,560,561,574,575,577,578,580,581,583,584,586,587,593,594,596,597,603,604,610,611,613,614,616,617,619,620,622,623,629,630,636,637,643,644,651,652,659,660,667,668,675,676,683,684,686,690,696,727,728,729,731
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOiTweqwCww
Votes	230
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	TheRealJunhaLee
Author Name	StarGazerKA
Author ID	kaid_1134953635055533760956805
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739457586048
Updated	10 months ago, 1739457592612
Source Deleted	unknown