Viewing Program

Program Data

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

Title	3 Visual Puns
ID	6716059294433280
Created	9 years ago, 1483203996152
Updated	8 years ago, 1511061378959
Code	/** * 3 Visual Puns * Chester Banks * * In celebration of 100 subscribers! * Subscribe to me here: khanacademy.org/cs/sub/4790207744704512 * * Based on Nabhan Abdullatif's awesome artwork, which can be found here: https://www.instagram.com/nabhan_illustrations/ * / var loopLength = 600; // If you want it slower, increase this number. var scene = 0; var card = function(txt, x, y, rot){ rectMode(CENTER); textAlign(CENTER, CENTER); strokeWeight(1); stroke(84, 74, 35); pushMatrix(); translate(x, y); scale(1.0, 0.8); rotate(rot); fill(255); rect(0, 0, 100, 30); fill(45); text(txt, 0, 0); noFill(); if(txt === 'MOONDAY'){ line(-45, -10, 45, 10); line(-45, 10, 45, -10); } else { ellipse(0, 0, 93, 25); } popMatrix(); }; var stars = []; for(var i = 0; i < 360; i += 5){ stars.push({x: 200 + sin(i) random(200), y: 105 + cos(i) * random(150), sz: random(5), trans: random(255)}); } draw = function() { textAlign(CENTER, CENTER); rectMode(CENTER); if(scene === 0){ background(240, 240, 190); pushMatrix(); translate(5, -20); // Shadows noStroke(); fill(0, 0, 0, 30); ellipse(265, 330, 100, 20); ellipse(90, 330, 100, 20); // Sun shining stroke(235, 197, 44); for(var i = 0; i < 360; i += 30){ pushMatrix(); translate(265, 235); rotate(i); if(frameCount % 30 < 15){ strokeWeight((i/30) % 2 === 0 ? 2 : 4); } else { strokeWeight((i/30) % 2 === 0 ? 4 : 2); } if(i/30 !== 3){ line(85, 0, 100, 0); } popMatrix(); } // Sun right leg strokeWeight(8); stroke(105, 83, 13); line(297, 315, 290, 305); line(297, 315, 295, 328); line(295, 328, 298, 328); strokeWeight(4); stroke(235, 197, 44); line(297, 315, 290, 305); line(297, 315, 295, 328); line(295, 328, 298, 328); // Sun right arm noFill(); strokeWeight(9); stroke(105, 83, 13); arc(296, 200, 150, 102, 16, 158); strokeWeight(6); stroke(235, 197, 44); arc(296, 200, 150, 102, 16, 158); // Sun basic body strokeWeight(2); stroke(105, 83, 13); fill(235, 197, 44); ellipse(265, 235, 150, 150); // Overlay (makes shadow on sun) noStroke(); fill(252, 212, 50); ellipse(268, 232, 135, 135); // Sun left leg strokeWeight(8); stroke(105, 83, 13); line(247, 320, 243, 305); line(247, 320, 240, 330); line(240, 330, 245, 334); strokeWeight(4); stroke(235, 197, 44); line(247, 320, 242, 302); line(247, 320, 240, 330); line(240, 330, 245, 334); // Sun left arm noFill(); strokeWeight(9); stroke(105, 83, 13); arc(248, 190, 150, 110, 115, 158); strokeWeight(6); stroke(235, 197, 44); arc(248, 190, 150, 110, 113, 158); // Sun eye shadow noStroke(); fill(235, 197, 44); ellipse(260, 242, 20, 5); ellipse(305, 242, 20, 5); // Sun mouth fill(105, 83, 13); arc(282, 240, 20, 20, 0, 180); // Sun eyes noFill(); stroke(105, 83, 13); strokeWeight(3); arc(260, 235, 20, 30, -180, 0); arc(305, 235, 20, 30, -180, 0); // Moon left leg strokeWeight(8); stroke(102, 88, 36); line(70, 302, 70, 325); line(65, 327, 70, 326); strokeWeight(4); stroke(211, 218, 215); line(70, 296, 70, 325); line(65, 327, 70, 326); // Moon left arm strokeWeight(7); stroke(102, 88, 36); line(30, 263, 30, 290); strokeWeight(4); stroke(241, 241, 237); line(30, 260, 30, 290); // Moon basic body strokeWeight(2); stroke(102, 88, 36); fill(211, 218, 215); ellipse(85, 240, 130, 130); // Overlay (makes shadow on moon) noStroke(); fill(241, 241, 237); ellipse(88, 237, 115, 115); // Craters pushMatrix(); translate(88, 237); rotate(-25); fill(211, 218, 215); ellipse(0, 49, 15, 6); ellipse(11, 43, 10, 5); ellipse(14, 49, 5, 3); popMatrix(); // Moon right arm strokeWeight(7); stroke(102, 88, 36); line(140, 263, 140, 290); strokeWeight(4); stroke(241, 241, 237); line(140, 260, 140, 290); // Moon right leg strokeWeight(8); stroke(102, 88, 36); line(100, 302, 100, 325); line(95, 327, 100, 326); strokeWeight(4); stroke(211, 218, 215); line(100, 296, 100, 325); line(95, 327, 100, 326); // Eye shadow noStroke(); fill(219, 219, 219); ellipse(90, 239, 15, 5); ellipse(59, 239, 15, 5); // Eyes noFill(); strokeWeight(2); stroke(102, 88, 36); line(80, 230, 95, 230); line(50, 230, 65, 230); strokeWeight(7); point(93, 233); point(63, 233); // Mouth strokeWeight(2); arc(75, 245, 10, 15, -180, 0); // Speech line strokeWeight(1); stroke(45); arc(230, 100, 100, 100, 142, 160); // Text fill(45); textFont(createFont("Yuppy TC"), 15); text("YAY! I HAVE A DAY\nNAMED AFTER ME!", 190, 90); // Cards with days on them strokeWeight(1); stroke(84, 74, 35); fill(255); triangle(123, 362, 128, 352, 131, 360); triangle(162, 373, 159, 386, 166, 387); triangle(310, 373, 316, 388, 306, 387); card('MONDAY', 180, 355, -12); card('SUNDAY', 258, 379, 8); card('MOONDAY', 110, 375, 12); popMatrix(); } if(scene === 1){ background(36, 60, 134); // Stars noStroke(); for(var i in stars){ fill(255, 255, 255, stars[i].trans); ellipse(stars[i].x, stars[i].y, stars[i].sz, stars[i].sz); } // Moon noStroke(); fill(223, 198, 101); ellipse(200, 75, 30, 30); fill(36, 60, 134); ellipse(204, 72, 25, 25); // Arms strokeWeight(2); stroke(2, 15, 57); fill(246); rect(120, 275, 5, 35); rect(280, 275, 5, 35); rect(120, 247, 15, 20); rect(280, 247, 15, 20); // Hands rect(120, 290, 15, 10, 7); rect(280, 290, 15, 14, 7); noStroke(); rect(120, 275, 3, 35); rect(280, 275, 3, 35); // Legs strokeWeight(2); stroke(2, 15, 57); fill(246); rect(175, 283, 7, 60); rect(225, 283, 7, 60); rect(169, 309, 20, 7); rect(232, 309, 20, 7); rect(200, 233, 70, 50); noStroke(); rect(175, 283, 5, 50); rect(225, 283, 5, 50); // Shift key strokeWeight(2); stroke(2, 15, 57); fill(221, 219, 221); rect(200, 200, 250, 100, 7); noStroke(); fill(192, 192, 198); triangle(322, 154, 322, 248, 245, 248); triangle(172, 163, 322, 248, 78, 248); fill(246); rect(200, 200, 230, 80, 7); // Eye shadow noFill(); strokeWeight(3); stroke(227, 223, 227); arc(170, 205, 20, 12, 39, 140); arc(230, 205, 20, 12, 39, 140); // Eyes noStroke(); fill(36, 60, 134); ellipse(170, 200, 18, 18); ellipse(230, 200, 18, 18); // Mouth stroke(36, 60, 134); strokeWeight(3); arc(200, 215, 15, 10, -180, 0); fill(21, 24, 56); textFont(createFont("Arial Bold"), 13); text('Shift', 110, 175); textFont(createFont("Avenir"), 30); fill(25); text('NIGHT', 156, 350); fill(255); text('SHIFT', 253, 350); } if(scene === 2){ background(199, 48, 48); // Shame banner behind fill(191, 182, 21); strokeWeight(3); stroke(105, 13, 21); quad(104, 230, 99, 255, 306, 250, 306, 190); // The U textFont(createFont("Avenir Black"), 300); fill(105, 13, 21); for(var i = 0; i < 360; i += 30){ text('U', 200 + sin(i)15, 200 + cos(i)12); } fill(217, 0, 27); for(var i = 0; i < 360; i += 30){ text('U', 200 + sin(i)8, 200 + cos(i)5); } // Eyes noStroke(); fill(0, 0, 0, 30); ellipse(135, 135, 30, 30); ellipse(265, 135, 30, 30); fill(255); strokeWeight(3); stroke(105, 13, 21); ellipse(135, 130, 30, 30); ellipse(265, 130, 30, 30); strokeWeight(8); point(135, 130); point(265, 130); // Shame banner fill(226, 219, 26); strokeWeight(3); stroke(105, 13, 21); quad(94, 150, 94, 210, 306, 250, 306, 190); // "SHAME" fill(220, 0, 21); textFont(createFont("Avenir Bold"), 40); pushMatrix(); translate(200, 200); rotate(11); text('SHAME', 0, 0); popMatrix(); // "Get this thing off me!" noFill(); stroke(244); arc(213, 65, 100, 60, 0, 30); textFont(createFont("Avenir"), 15); fill(244); text('GET THIS THING OFF ME!', 200, 50); // "Shame on u" textSize(30); text('"SHAME ON U"', 200, 360); } }; mouseClicked = function(){ scene ++; if(scene > 2){ scene = 0; } };
Folds	15,37,48,246,247,332
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKTEhof3Cww
Votes	268
Spin-Offs	8
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739461066774
Updated	8 months ago, 1744845381512
Source Deleted	unknown