Viewing Program

Program Data

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

Title	Images 5.2
ID	1405420533
Created	12 years ago, 1361653797429
Updated	5 years ago, 1594758530846
Code	/* * Click on a thumbnail image to see larger * images. If you want Javascript code that * generates the displayed images, click on * the "Code" button. Copy the Javascript * code from the Processing environment's * console to a New Program. * * This works best with Chrome. You can always just * copy the same code directly from this canvas. / var mirrorImage = function(img, vert) { / Returns a mirror image of image, 'img'. If 'vert' is true (the default) then a vertical mirror image is returned. Otherwise a horizontal mirror image is returned. / var osb = createGraphics(img.width, img.height, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.background(0, 0, 0, 0); if (vert \|\| (vert === undefined)) { osb.translate(img.width, 0); osb.scale(-1, 1); } else { osb.translate(0, img.height); osb.scale(1, -1); } osb.image(img, 0, 0); osb.endDraw(); return osb; }; mirrorImage.fname = "mirrorImage"; var subImage = function(img, x, y, w, h) { /* Pluck a sub-image from an image, img. The sub-image is described by offsets of the image and a width and a height. This assumes imageMode is CORNER. */ var osb = createGraphics(img.width, img.height, JAVA2D); if (! osb) { return osb; } osb.imageMode(CORNER); osb.background(0, 0, 0, 0); osb.image(img, 0, 0); return osb.get(floor(x), floor(y), ceil(w), ceil(h)); }; subImage.fname = "subImage"; var timmyTurnerImage = function(width) { / Draw "Timmy Turner" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 200). Code ported from author Eyτuκαn at https://www.khanacademy.org/computer-programming/timmy-turner/4773024019644416 */ var naturalWidth = 330; width = (width === undefined) ? 200 : width; var x = -38; var y = -54; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(x, y); osb.background(0, 0, 0, 0); osb.beginDraw(); //Body osb.stroke(0, 0, 0); osb.noFill(); osb.strokeWeight(5); osb.beginShape(); osb.vertex(291,146); osb.bezierVertex(261,39,179,91,176,81); osb.vertex(198,64); osb.bezierVertex(134,70,82,118,134,83); osb.vertex(113,96); osb.bezierVertex(116,52,93,23,74,149); osb.bezierVertex(76,133,27,245,102,195); osb.vertex(119,216); osb.bezierVertex(89,220,107,265,130,246); osb.vertex(148,271); osb.vertex(142,293); osb.vertex(144,294); osb.vertex(141, 305); osb.vertex(129,295); osb.bezierVertex(114,309,127,325,135,324); osb.vertex(129,353); osb.vertex(151,352); osb.bezierVertex(151,352,150,340,145,343); osb.bezierVertex(158, 319,164,345,164,347); osb.vertex(185, 347); osb.bezierVertex(189, 342, 172, 337, 177,338); osb.vertex(175, 275); osb.bezierVertex(332,229,230,125,247,133); osb.vertex(291,146); osb.endShape(CLOSE); osb.fill(162, 46, 75); osb.ellipse(49,218,13,14); osb.strokeWeight(2); osb.noFill(); osb.beginShape(); osb.vertex(102,195); osb.bezierVertex(91,184,69,152,99,62); osb.endShape(); osb.beginShape(); osb.vertex(113,96); osb.bezierVertex(112, 100, 87, 123, 85,133); osb.endShape(); osb.beginShape(); osb.vertex(76,145); osb.vertex(74,161); osb.endShape(); osb.beginShape(); osb.vertex(119,216); osb.vertex(127,217); osb.vertex(114,167); osb.bezierVertex(125,156,163,130,247,133); osb.endShape(); osb.beginShape(); osb.vertex(149,271); osb.vertex(154,276); osb.bezierVertex(160,277,185,272, 175,273); osb.endShape(); osb.beginShape(); osb.vertex(145,294); osb.vertex(153,296); osb.vertex(153,283); osb.endShape(); osb.beginShape(); osb.vertex(149,295); osb.vertex(143,322); osb.vertex(136,324); osb.endShape(); osb.beginShape(); osb.vertex(145,318); osb.vertex(175,321); osb.endShape(); //coloring //shorts osb.fill(13, 32, 48); osb.beginShape(); osb.vertex(175,321); osb.vertex(148,318); osb.vertex(143,321); osb.vertex(135,325); osb.vertex(131,351); osb.bezierVertex(151,352,159,353,145,343); osb.bezierVertex(158, 319,164,345,164,347); osb.vertex(185, 347); osb.bezierVertex(189, 342, 172, 337, 177,338); osb.endShape(CLOSE); //shirt osb.fill(164, 47, 76); osb.beginShape(); osb.vertex(175,321); osb.vertex(145,318); osb.vertex(149,296); osb.vertex(153,297); osb.vertex(153,283); osb.noStroke(); osb.vertex(174,283); osb.endShape(); osb.stroke(0, 0, 0); osb.beginShape(); osb.vertex(174,283); osb.vertex(174,273); osb.bezierVertex(187,277,185,272, 180,273); osb.vertex(153,276); osb.vertex(149,271); osb.vertex(143,293); osb.vertex(152,296); osb.vertex(152,284); osb.endShape(); //skin osb.fill(247, 161, 111); osb.beginShape(); osb.vertex(141, 305); osb.vertex(129,295); osb.bezierVertex(114,309,127,325,135,324); osb.vertex(137,324); osb.vertex(142,322); osb.vertex(149,295); osb.vertex(145,294); osb.endShape(); osb.beginShape(); osb.vertex(125,303); osb.vertex(135,310); osb.endShape(); osb.beginShape(); osb.vertex(124,313); osb.vertex(137,316); osb.endShape(); osb.beginShape(); osb.vertex(131,243); osb.vertex(153,275); osb.bezierVertex(187,272,198,266, 179,272); osb.bezierVertex(332,218,222,125,246,131); osb.bezierVertex(124,142,153,146 ,114,166); osb.vertex(127,217); osb.vertex(120,216); osb.bezierVertex(93,222,108,258,129,246); osb.endShape(); //eyes osb.fill(255, 255, 255); osb.ellipse(220,161,49,49); osb.ellipse(171,177,49,49); osb.noStroke(); osb.fill(18, 87, 160); osb.ellipse(231,154,23,23); osb.ellipse(183,169,23,23); osb.stroke(0, 0, 0); //mouth osb.noFill(); osb.beginShape(); osb.vertex(128,182); osb.bezierVertex(143,280,204,258,208,248); osb.endShape(); osb.beginShape(); osb.vertex(128,182); osb.bezierVertex(151,232,226,206,231,193); osb.bezierVertex(200,205,208,196,208,199); osb.bezierVertex(231, 189, 202, 172, 202,190); osb.endShape(); osb.fill(255); osb.beginShape(); osb.vertex(171,213); osb.bezierVertex(167,230,199,259,211,208); osb.endShape(); osb.beginShape(); osb.vertex(195,211); osb.vertex(189,236); osb.endShape(); osb.beginShape(); osb.vertex(194,236); osb.vertex(202,253); osb.endShape(); osb.fill(144,24,41); osb.beginShape(); osb.vertex(128,182); osb.bezierVertex(143,280,204,258,202,253); osb.vertex(195,237); osb.bezierVertex(201,229,176,254,172,211); osb.bezierVertex(124,200,129,177,128,182); osb.endShape(); osb.fill(232,98,106); osb.beginShape(); osb.vertex(175,256); osb.bezierVertex(214,260,134,222,155,246); osb.endShape(); //hair osb.fill(81,39,20); osb.beginShape(); osb. vertex(289,142); osb.bezierVertex(255,43,172,92,172,82); osb.vertex(194,67); osb.bezierVertex(136,69,84,125,130,84); osb.vertex(113,96); osb.bezierVertex(112, 100, 87, 123, 85,133); osb.bezierVertex(88,191,100,189,102,192); osb.vertex(120,217); osb.vertex(127,217); osb.vertex(114,167); osb.bezierVertex(125,154,157,132,247,130); osb.vertex(291,143); osb.endShape(); osb.fill(51,28,16); osb.beginShape(); osb.vertex(176,117); osb.vertex(183,133); osb.vertex(130,168); osb.vertex(122,153); osb.endShape(CLOSE); osb.beginShape(); osb.vertex(256,117); osb.vertex(248,102); osb.vertex(190,114); osb.vertex(196,130); osb.endShape(CLOSE); //hat osb.noFill(); osb.fill(164, 47, 76); osb.beginShape(); osb.vertex(113,94); osb.bezierVertex(116,58,93,24,76,149); osb.bezierVertex(76,136,32,240,102,195); osb.bezierVertex(100,200,62,138,104,59); osb.endShape(); osb.noFill(); osb.beginShape(); osb.vertex(76,149); osb.bezierVertex(78,162,71,127,78,164); osb.endShape(); osb.fill(100,32,62); osb.beginShape(); osb.vertex(113,96); osb.bezierVertex(112, 100, 87, 123, 85,133); osb.bezierVertex(86,74, 116,23,112,96); osb.endShape(); //ear swirl osb.stroke(171,93,50); osb.noFill(); osb.beginShape(); osb.vertex(114,228); osb.bezierVertex(153,225,101,257,122,234); osb.endShape(); osb.endDraw(); return osb; }; timmyTurnerImage.fname = "timmyTurnerImage"; timmyTurnerImage.author = "Eyτuκαn"; timmyTurnerImage.title = "Timmy Turner"; var woodyImage = function(width) { / Draw "Woody" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 200). Code ported from author Isaac A. at https://www.khanacademy.org/computer-programming/woody-animated/4749914090897408 */ var hat = color(128, 60, 0); var skin = color(255, 166, 71); var hair = color(71, 1, 1); var eyes = color(107, 41, 2); var mouth = color(23, 0, 0); var tongue = color(252, 81, 81); var shirt = color(225, 255, 0); var stripes = color(150); var vest1 = color(199, 199, 199); var vest2 = color(31, 31, 31); var pants = color(56, 45, 252); var bootsDetails1 = color(97, 2, 2); var bootsDetails2 = color(61, 22, 0); var scarf = color(207, 4, 4); var sheriffStar = color(255, 221, 0); var buckle = color(173, 106, 48); var buttons = color(166, 166, 166); var boots = color(128, 42, 3); var naturalWidth = 360; var woodyPosX = 172; var woodyPosY = 189; width = (width === undefined) ? 200 : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(woodyPosX, woodyPosY); osb.background(0, 0, 0, 0); osb.stroke(0, 0, 0); osb.strokeWeight(0.5); //Hat osb.fill(hat); osb.beginShape(); osb.vertex(-14, -87); osb.bezierVertex(-93, -55, -75, -173, 10, -189); osb.bezierVertex(43, -183, 33, -129, 25, -121); osb.bezierVertex(16, -103, 2, -94, -14, -87); osb.endShape(); //Face osb.fill(skin); osb.beginShape(); osb.vertex(-23, -135); osb.bezierVertex(-13, -146, -3, -149, 8, -150); osb.bezierVertex(20, -140, 17, -125, 22, -122); osb.bezierVertex(28, -118, 26, -104, 30, -83); osb.bezierVertex(30, -64, 3, -72, -7, -78); osb.bezierVertex(-10, -83, -14, -87, -17, -94); osb.bezierVertex(-25, -88, -36, -109, -29, -113); osb.bezierVertex(-22, -114, -21, -108, -19, -104); osb.vertex(-16, -106); osb.vertex(-20, -118); osb.bezierVertex(-20, -124, -20, -131, -23, -135); osb.endShape(); osb.beginShape(); osb.vertex(5, -121); osb.bezierVertex(9, -116, 12, -113, 18, -113); osb.bezierVertex(27, -112, 15, -106, 12, -104); osb.endShape(); osb.bezier(-30, -108, -26, -111, -24, -108, -22, -103); osb.bezier(-23, -100, -25, -102, -25, -104, -23, -106); osb.beginShape(); osb.vertex(-12, -119); osb.bezierVertex(-12, -126, -10, -129, -2, -127); osb.bezierVertex(-7, -126, -10, -123, -12, -119); osb.endShape(); osb.beginShape(); osb.vertex(7, -129); osb.bezierVertex(9, -133, 12, -133, 15, -131); osb.bezierVertex(11, -131, 10, -131, 7, -129); osb.endShape(); osb.bezier(-5, -95, -3, -96, -2, -97, 0, -97); osb.bezier(18, -84, 20, -85, 21, -86, 21, -88); osb.bezier(19, -100, 20, -100, 21, -102, 22, -102); //mouth osb.fill(mouth); osb.beginShape(); osb.vertex(-3, -96); osb.bezierVertex(-2, -91, 10, -82, 19, -89); osb.bezierVertex(20, -92, 20, -96, 19, -100); osb.bezierVertex(14, -99, 9, -97, 4, -95); osb.bezierVertex(2, -95, -1, -96, -3, -96); osb.endShape(); //tongue osb.fill(tongue); osb.beginShape(); osb.vertex(3, -89); osb.bezierVertex(7, -92, 12, -92, 15, -87); osb.bezierVertex(11, -86, 7, -86, 3, -89); osb.endShape(); //teeth osb.fill(255); osb.beginShape(); osb.vertex(17, -100); osb.bezierVertex(18, -98, 18, -97, 18, -97); osb.bezierVertex(13, -92, 4, -92, -2, -94); osb.bezierVertex(-3, -95, -3, -95, -3, -96); osb.bezierVertex(-1, -96, 1, -95, 4, -95); osb.bezierVertex(8, -97, 13, -99, 17, -100); osb.endShape(); //eyes osb.fill(255); osb.beginShape(); osb.vertex(-12, -119); osb.bezierVertex(-10, -124, -6, -126, -2, -127); osb.bezierVertex(3, -122, 2, -117, 0, -114); osb.bezierVertex(-3, -112, -6, -112, -10, -113); osb.bezierVertex(-11, -114, -12, -117, -12, -119); osb.endShape(); osb.beginShape(); osb.vertex(10, -118); osb.bezierVertex(12, -118, 13, -118, 17, -120); osb.bezierVertex(18, -124, 18, -127, 15, -131); osb.bezierVertex(11, -132, 9, -130, 7, -129); osb.bezierVertex(6, -125, 6, -121, 10, -118); osb.endShape(); osb.fill(eyes); osb.ellipse(-6, -117, 8, 8); osb.ellipse(11, -122, 8, 8); osb.fill(0); osb.ellipse(-6, -117, 4, 4); osb.ellipse(11, -122, 4, 4); //Hair osb.fill(hair); osb.beginShape(); osb.vertex(-13, -143); osb.bezierVertex(-3, -139, 4, -141, 7, -150); osb.bezierVertex(-1, -149, -7, -147, -13, -143); osb.endShape(); osb.beginShape(); osb.vertex(8, -150); osb.bezierVertex(12, -150, 21, -144, 19, -129); osb.bezierVertex(17, -138, 14, -145, 8, -150); osb.endShape(); osb.beginShape(); osb.vertex(-34, -115); osb.bezierVertex(-31, -123, -27, -130, -22, -135); osb.bezierVertex(-20, -130, -20, -122, -20, -118); osb.vertex(-16, -106); osb.vertex(-19, -104); osb.bezierVertex(-21, -108, -22, -114, -29, -113); osb.bezierVertex(-30, -112, -30, -111, -31, -110); osb.vertex(-34, -115); osb.endShape(); osb.beginShape(); osb.vertex(-3, -136); osb.vertex(-3, -134); osb.bezierVertex(-8, -135, -12, -135, -18, -125); osb.bezierVertex(-16, -130, -16, -136, -3, -136); osb.endShape(); osb.beginShape(); osb.vertex(5, -140); osb.vertex(5, -137); osb.bezierVertex(8, -140, 12, -141, 15, -140); osb.bezierVertex(13, -141, 10, -143, 5, -140); osb.endShape(); //Neck osb.fill(skin); osb.beginShape(); osb.vertex(-7, -78); osb.vertex(-3, -67); osb.bezierVertex(4, -63, 10, -62, 17, -63); osb.vertex(18, -71); osb.bezierVertex(9, -71, 1, -74, -6, -78); osb.endShape(); //Left Hand osb.beginShape(); osb.vertex(43, -143); osb.vertex(41, -147); osb.bezierVertex(46, -152, 50, -153, 52, -157); osb.bezierVertex(55, -161, 58, -162, 61, -164); osb.bezierVertex(64, -166, 62, -170, 59, -168); osb.bezierVertex(55, -168, 53, -164, 50, -162); osb.bezierVertex(48, -165, 46, -169, 43, -171); osb.bezierVertex(39, -180, 36, -175, 32, -173); osb.bezierVertex(32, -172, 32, -168, 37, -170); osb.bezierVertex(41, -173, 37, -166, 36, -163); osb.bezierVertex(24, -149, 25, -162, 18, -162); osb.bezierVertex(12, -161, 13, -155, 18, -157); osb.bezierVertex(22, -156, 22, -148, 28, -145); osb.bezierVertex(31, -144, 32, -141, 33, -139); osb.bezierVertex(38, -138, 41, -140, 43, -143); osb.endShape(); osb.beginShape(); osb.vertex(37, -166); osb.vertex(36, -161); osb.bezierVertex(36, -158, 37, -159, 38, -160); osb.bezierVertex(35, -155, 40, -155, 43, -158); osb.bezierVertex(43, -159, 44, -160, 44, -162); osb.bezierVertex(45, -160, 47, -160, 48, -160); osb.endShape(); osb.line(50, -162, 46, -158); osb.bezier(31, -149, 31, -151, 33, -152, 36, -153); osb.bezier(38, -160, 40, -163, 40, -169, 45, -169); osb.bezier(39, -170, 40, -170, 42, -170, 44, -170); osb.bezier(44, -162, 44, -163, 45, -164, 45, -164); osb.bezier(40, -145, 40, -146, 40, -147, 41, -147); //Shirt osb.fill(shirt); osb.beginShape(); osb.vertex(-4, -70); osb.bezierVertex(-5, -70, -6, -69, -6, -67); osb.bezierVertex(-9, -67, -10, -64, -9, -59); osb.bezierVertex(-10, -58, -11, -57, -11, -56); osb.bezierVertex(-13, -56, -15, -56, -16, -53); osb.bezierVertex(-33, -51, -46, -44, -57, -33); osb.bezierVertex(-59, -25, -43, -13, -29, -5); osb.bezierVertex(-28, -10, -30, -16, -20, -17); osb.bezierVertex(-24, -20, -23, -26, -34, -24); osb.vertex(-41, -30); osb.bezierVertex(-34, -34, -28, -38, -17, -38); osb.bezierVertex(-16, -36, -16, -32, -14, -31); osb.vertex(-15, -27); osb.bezierVertex(-19, -27, -15, -24, -15, -21); osb.bezierVertex(-16, -21, -16, -21, -17, -20); osb.bezierVertex(-17, -8, 15, -1, 26, -9); osb.vertex(28, -14); osb.bezierVertex(31, -24, 33, -35, 34, -45); osb.bezierVertex(45, -58, 58, -67, 64, -86); osb.bezierVertex(66, -88, 66, -88, 67, -89); osb.bezierVertex(66, -91, 68, -107, 54, -127); osb.bezierVertex(55, -130, 53, -137, 45, -148); osb.bezierVertex(41, -138, 36, -138, 29, -140); osb.bezierVertex(33, -131, 36, -121, 41, -120); osb.bezierVertex(45, -112, 47, -102, 51, -95); osb.bezierVertex(49, -93, 51, -92, 51, -90); osb.bezierVertex(45, -79, 39, -73, 33, -67); osb.bezierVertex(31, -66, 28, -64, 26, -63); osb.bezierVertex(21, -67, 19, -68, 18, -68); osb.vertex(17, -63); osb.bezierVertex(8, -62, 2, -64, -3, -67); osb.endShape(); //Pants osb.fill(pants); osb.beginShape(); osb.vertex(-17, -20); osb.bezierVertex(-18, -21, -25, -9, -25, 5); osb.bezierVertex(-21, 58, -17, 55, -14, 65); osb.bezierVertex(-14, 68, -14, 72, -11, 75); osb.bezierVertex(-10, 88, -7, 99, -4, 110); osb.bezierVertex(2, 106, 8, 102, 13, 99); osb.bezierVertex(10, 92, 11, 80, 5, 75); osb.bezierVertex(5, 72, 4, 69, 1, 65); osb.bezierVertex(1, 56, -7, 32, -7, 20); osb.bezierVertex(-6, 17, -5, 16, -3, 15); osb.bezierVertex(-1, 17, 1, 19, 3, 20); osb.bezierVertex(16, 50, 17, 62, 20, 62); osb.bezierVertex(20, 67, 21, 71, 25, 74); osb.bezierVertex(26, 80, 29, 88, 39, 101); osb.bezierVertex(45, 97, 51, 96, 57, 97); osb.bezierVertex(52, 85, 46, 74, 40, 68); osb.bezierVertex(41, 65, 40, 62, 37, 60); osb.bezierVertex(33, 40, 27, 24, 18, 14); osb.bezierVertex(18, 12, 18, 10, 17, 8); osb.bezierVertex(25, 2, 31, -9, 27, -13); osb.vertex(26, -9); osb.bezierVertex(14, -1, -18, -8, -17, -20); osb.endShape(); osb.bezier(17, 8, 5, 16, -8, 20, -25, 5); osb.bezier(-9, 70, -6, 71, -3, 72, -1, 72); osb.line(25, 67, 36, 65); osb.bezier(-7, 20, -9, 22, -9, 25, -9, 29); osb.bezier(3, 20, 5, 22, 7, 24, 8, 27); //belt osb.stroke(0); osb.fill(boots); osb.beginShape(); osb.vertex(-18, -15); osb.bezierVertex(-15, -10, -10, -7, -5, -6); osb.bezierVertex(-6, -4, -7, -1, -7, 1); osb.bezierVertex(-13, -1, -18, -4, -22, -8); osb.vertex(-18, -15); osb.endShape(); osb.beginShape(); osb.vertex(-1, -5); osb.bezierVertex(-3, -2, -3, 0, -3, 3); osb.bezierVertex(5, 3, 12, 5, 20, 2); osb.bezierVertex(22, 0, 22, -2, 22, -5); osb.bezierVertex(15, -2, 7, -3, -1, -5); osb.endShape(); osb.beginShape(); osb.vertex(25, -6); osb.vertex(23, 1); osb.vertex(24, 1); osb.bezierVertex(26, -2, 27, -4, 28, -7); osb.vertex(25, -6); osb.endShape(); //Right Hand osb.fill(skin); osb.beginShape(); osb.vertex(-28, -10); osb.bezierVertex(-28, -14, -26, -16, -23, -17); osb.bezierVertex(-18, -14, -15, -12, -23, 1); osb.bezierVertex(-27, 8, -34, 13, -46, 12); osb.bezierVertex(-47, 13, -50, 11, -47, 9); osb.bezierVertex(-45, 8, -43, 9, -41, 9); osb.bezierVertex(-42, 7, -45, 5, -47, 4); osb.bezierVertex(-49, 1, -46, 1, -44, 2); osb.bezierVertex(-46, -2, -43, -2, -41, -1); osb.vertex(-38, 1); osb.bezierVertex(-39, -4, -36, -4, -34, -1); osb.vertex(-32, 2); osb.vertex(-29, 1); osb.bezierVertex(-29, -1, -29, -2, -29, -4); osb.bezierVertex(-28, -6, -27, -8, -26, -9); osb.bezierVertex(-27, -9, -28, -10, -28, -10); osb.endShape(); osb.bezier(-41, 9, -39, 10, -36, 10, -34, 10); osb.bezier(-44, 2, -41, 4, -40, 9, -34, 8); osb.bezier(-38, 1, -37, 3, -36, 5, -33, 6); //left boot osb.fill(boots); osb.beginShape(); osb.vertex(-7, 100); osb.bezierVertex(-11, 104, -12, 108, -8, 114); osb.bezierVertex(-6, 126, -6, 133, -5, 141); osb.bezierVertex(-9, 150, -17, 157, -26, 163); osb.bezierVertex(-27, 164, -27, 166, -26, 168); osb.bezierVertex(-25, 169, -23, 170, -21, 171); osb.bezierVertex(-14, 170, -7, 169, -1, 166); osb.vertex(5, 159); osb.bezierVertex(6, 160, 9, 160, 11, 161); osb.bezierVertex(13, 160, 15, 159, 16, 157); osb.vertex(17, 152); osb.bezierVertex(18, 149, 19, 146, 18, 142); osb.vertex(18, 103); osb.bezierVertex(19, 100, 18, 99, 15, 99); osb.bezierVertex(12, 96, 7, 101, 9, 102); osb.bezierVertex(4, 104, 0, 107, -4, 110); osb.bezierVertex(-5, 107, -6, 103, -7, 100); osb.endShape(); //right boot osb.beginShape(); osb.vertex(37, 99); osb.bezierVertex(36, 100, 36, 101, 35, 102); osb.vertex(37, 104); osb.bezierVertex(36, 107, 36, 109, 40, 110); osb.bezierVertex(68, 155, 62, 151, 70, 155); osb.vertex(76, 159); osb.bezierVertex(84, 160, 86, 155, 89, 150); osb.vertex(86, 147); osb.bezierVertex(98, 138, 102, 134, 101, 134); osb.bezierVertex(102, 129, 103, 126, 102, 115); osb.bezierVertex(99, 110, 97, 109, 95, 110); osb.bezierVertex(91, 111, 86, 125, 79, 127); osb.bezierVertex(73, 119, 69, 110, 65, 100); osb.bezierVertex(67, 93, 65, 92, 60, 97); osb.vertex(57, 97); osb.bezierVertex(52, 96, 48, 97, 43, 99); osb.bezierVertex(42, 95, 41, 96, 37, 99); osb.endShape(); //stripes osb.noFill(); osb.stroke(255, 0, 0); osb.strokeWeight(1); osb.bezier(-12, -49, -26, -49, -39, -42, -51, -31); osb.bezier(-12, -42, -23, -42, -33, -39, -45, -30); osb.bezier(-17, -53, -18, -46, -17, -41, -15, -39); osb.bezier(-25, -51, -26, -47, -26, -42, -23, -38); osb.bezier(-33, -49, -33, -43, -32, -39, -30, -36); osb.bezier(-40, -45, -41, -40, -39, -36, -36, -33); osb.bezier(-47, -41, -47, -37, -45, -33, -40, -31); osb.bezier(-52, -36, -51, -34, -50, -31, -48, -30); osb.line(-49, -30, -37, -22); osb.bezier(-57, -30, -52, -25, -46, -20, -40, -17); osb.line(-36, -22, -25, -16); osb.bezier(-40, -15, -36, -12, -32, -10, -29, -9); osb.bezier(-30, -6, -32, -13, -29, -17, -22, -19); osb.bezier(-35, -9, -37, -16, -33, -21, -25, -22); osb.bezier(-42, -13, -42, -18, -41, -23, -36, -25); osb.bezier(-45, -15, -46, -24, -41, -26, -37, -26); osb.bezier(-48, -18, -49, -25, -45, -28, -41, -29); osb.bezier(-52, -22, -52, -26, -50, -28, -48, -29); osb.bezier(-56, -27, -55, -29, -54, -30, -51, -30); osb.line(43, -144, 53, -126); osb.line(38, -139, 46, -121); osb.bezier(52, -124, 56, -115, 61, -106, 65, -96); osb.line(47, -122, 58, -95); osb.bezier(51, -95, 57, -94, 62, -95, 66, -97); osb.bezier(43, -118, 47, -117, 52, -117, 56, -124); osb.bezier(59, -119, 54, -112, 49, -111, 44, -112); osb.bezier(62, -112, 57, -104, 52, -105, 46, -106); osb.bezier(65, -105, 60, -100, 55, -98, 49, -100); osb.bezier(56, -94, 52, -77, 40, -67, 30, -57); osb.bezier(62, -92, 49, -65, 41, -57, 33, -50); osb.bezier(50, -89, 56, -90, 59, -87, 63, -82); osb.bezier(48, -85, 53, -86, 56, -82, 60, -76); osb.bezier(44, -80, 50, -78, 53, -75, 55, -69); osb.bezier(39, -73, 44, -73, 48, -70, 50, -62); osb.bezier(34, -68, 39, -67, 43, -64, 43, -55); osb.bezier(29, -65, 34, -61, 36, -55, 37, -48); osb.bezier(52, -136, 48, -129, 42, -127, 34, -128); osb.bezier(31, -136, 38, -135, 43, -138, 47, -145); osb.bezier(-16, -21, -13, -12, 3, -6, 27, -12); osb.bezier(7, -52, 12, -53, 17, -54, 23, -54); osb.bezier(11, -46, 16, -48, 20, -48, 25, -47); osb.bezier(13, -38, 18, -40, 22, -40, 26, -40); osb.bezier(13, -31, 17, -31, 21, -31, 25, -31); osb.bezier(11, -22, 15, -23, 18, -22, 24, -24); osb.bezier(6, -16, 13, -14, 19, -15, 24, -17); osb.line(-12, -19, -14, -14); osb.line(-7, -16, -9, -10); osb.line(-1, -14, -3, -8); osb.line(7, -15, 5, -6); osb.line(24, -15, 22, -7); osb.bezier(15, -54, 24, -41, 19, -24, 14, -6); //shirt detail osb.stroke(0); osb.bezier(-40, -12, -40, -17, -38, -22, -33, -24); osb.bezier(-53, -31, -50, -30, -46, -29, -41, -30); osb.bezier(-12, -50, -11, -46, -11, -42, -12, -39); osb.bezier(54, -127, 51, -124, 48, -121, 41, -120); osb.bezier(51, -95, 57, -94, 61, -92, 63, -91); //vest osb.fill(vest1); osb.beginShape(); osb.vertex(-9, -63); osb.bezierVertex(25, -56, 18, 7, -15, -21); osb.bezierVertex(-15, -24, -19, -27, -15, -27); osb.vertex(-14, -31); osb.bezierVertex(-16, -32, -16, -36, -17, -38); osb.vertex(-14, -39); osb.bezierVertex(-13, -23, -1, -55, -16, -53); osb.bezierVertex(-14, -56, -13, -56, -11, -56); osb.bezierVertex(-11, -58, -10, -58, -9, -59); osb.bezierVertex(-10, -60, -10, -62, -9, -63); osb.endShape(); osb.beginShape(); osb.vertex(26, -63); osb.bezierVertex(29, -60, 32, -55, 34, -45); osb.bezierVertex(35, -34, 33, -26, 30, -20); osb.bezierVertex(36, -19, 23, -8, 23, -20); osb.bezierVertex(25, -32, 29, -43, 22, -57); osb.vertex(18, -66); osb.vertex(18, -68); osb.bezierVertex(20, -68, 23, -66, 26, -63); osb.endShape(); osb.fill(vest2); osb.beginShape(); osb.vertex(-9, -59); osb.bezierVertex(-7, -57, -5, -56, -4, -53); osb.bezierVertex(-4, -47, -2, -45, 2, -46); osb.bezierVertex(4, -45, 5, -43, 9, -46); osb.bezierVertex(5, -52, 1, -58, -10, -62); osb.bezierVertex(-10, -61, -9, -60, -9, -59); osb.endShape(); osb.beginShape(); osb.vertex(-5, -42); osb.bezierVertex(-4, -41, -2, -41, 2, -42); osb.bezierVertex(3, -40, 2, -39, 2, -37); osb.bezierVertex(3, -30, 0, -30, -4, -31); osb.bezierVertex(-9, -28, -11, -28, -12, -31); osb.bezierVertex(-9, -32, -7, -35, -5, -42); osb.endShape(); osb.beginShape(); osb.vertex(-2, -17); osb.bezierVertex(-2, -19, -2, -20, 0, -21); osb.bezierVertex(0, -24, -1, -29, 5, -26); osb.bezierVertex(7, -27, 8, -27, 9, -27); osb.bezierVertex(8, -16, 3, -17, -2, -17); osb.endShape(); osb.beginShape(); osb.vertex(30, -40); osb.bezierVertex(29, -36, 28, -33, 28, -29); osb.bezierVertex(30, -31, 30, -28, 33, -29); osb.bezierVertex(34, -32, 35, -36, 34, -39); osb.endShape(); osb.beginShape(); osb.vertex(33, -27); osb.vertex(30, -26); osb.bezierVertex(28, -20, 27, -20, 28, -18); osb.bezierVertex(29, -19, 30, -19, 30, -20); osb.bezierVertex(31, -23, 32, -25, 33, -27); osb.endShape(); osb.bezier(-11, -56, -9, -54, -7, -52, -7, -51); osb.bezier(-14, -31, -13, -31, -12, -31, -12, -31); //abas da camisa osb.fill(shirt); osb.beginShape(); osb.vertex(15, -54); osb.vertex(5, -56); osb.vertex(2, -50); osb.bezierVertex(-2, -54, -5, -58, -9, -60); osb.bezierVertex(-10, -63, -10, -67, -6, -67); osb.bezierVertex(-4, -64, 2, -62, 8, -60); osb.bezierVertex(10, -58, 12, -55, 15, -54); osb.endShape(); osb.beginShape(); osb.vertex(19, -68); osb.bezierVertex(23, -65, 28, -62, 28, -57); osb.bezierVertex(26, -57, 25, -59, 23, -59); osb.bezierVertex(20, -56, 18, -54, 15, -53); osb.bezierVertex(17, -55, 19, -58, 18, -60); osb.bezierVertex(19, -62, 24, -63, 19, -68); osb.endShape(); osb.stroke(stripes); osb.bezier(-9, -64, -5, -61, 2, -58, 5, -55); osb.bezier(-8, -59, -7, -61, -7, -63, -5, -65); osb.bezier(-5, -57, -3, -61, -2, -62, -1, -63); osb.bezier(-2, -54, 0, -57, 1, -60, 3, -62); osb.bezier(5, -56, 6, -58, 7, -59, 9, -59); osb.bezier(23, -59, 25, -62, 26, -61, 27, -59); osb.bezier(20, -62, 21, -61, 21, -59, 22, -58); //Bandana osb.stroke(0); osb.fill(scarf); osb.beginShape(); osb.vertex(18, -68); osb.bezierVertex(21, -67, 24, -64, 18, -60); osb.bezierVertex(19, -58, 17, -55, 15, -53); osb.bezierVertex(14, -55, 13, -54, 8, -60); osb.bezierVertex(1, -62, -4, -64, -6, -67); osb.vertex(-8, -67); osb.bezierVertex(-13, -60, -21, -63, -16, -67); osb.bezierVertex(-20, -69, -20, -70, -21, -72); osb.bezierVertex(-16, -72, -10, -79, -7, -71); osb.bezierVertex(-6, -72, -5, -72, -4, -72); osb.vertex(-3, -67); osb.bezierVertex(5, -62, 11, -63, 17, -63); osb.endShape(); osb.beginShape(); osb.vertex(-16, -67); osb.bezierVertex(-13, -66, -10, -66, -8, -68); osb.bezierVertex(-8, -69, -8, -70, -7, -71); osb.endShape(); osb.bezier(-12, -71, -11, -71, -11, -70, -8, -70); osb.bezier(-4, -70, -5, -69, -6, -69, -6, -67); //Sheriff Star osb.fill(sheriffStar); osb.beginShape(); osb.vertex(31, -51); osb.bezierVertex(30, -53, 35, -53, 33, -50); osb.vertex(34, -45); osb.vertex(37, -42); osb.bezierVertex(39, -43, 40, -40, 37, -40); osb.vertex(34, -37); osb.vertex(34, -32); osb.bezierVertex(36, -29, 31, -28, 32, -31); osb.vertex(29, -35); osb.vertex(26, -34); osb.bezierVertex(25, -31, 22, -34, 25, -36); osb.vertex(26, -41); osb.vertex(24, -46); osb.bezierVertex(21, -46, 24, -50, 25, -47); osb.vertex(29, -47); osb.vertex(31, -51); osb.endShape(); //Buttons osb.fill(buttons); osb.beginShape(); osb.vertex(17, -40); osb.bezierVertex(17, -45, 22, -45, 22, -40); osb.bezierVertex(22, -35, 17, -34, 17, -40); osb.endShape(); osb.beginShape(); osb.vertex(15, -24); osb.bezierVertex(18, -29, 22, -26, 21, -22); osb.bezierVertex(19, -17, 14, -19, 15, -24); osb.endShape(); osb.beginShape(); osb.vertex(-27, -21); osb.bezierVertex(-31, -23, -27, -25, -25, -23); osb.bezierVertex(-20, -20, -22, -18, -27, -21); osb.endShape(); osb.beginShape(); osb.vertex(33, -129); osb.bezierVertex(32, -135, 36, -135, 38, -131); osb.bezierVertex(40, -125, 35, -125, 33, -129); osb.endShape(); //Buckle osb.fill(buckle); osb.beginShape(); osb.vertex(0, 0); osb.bezierVertex(0, -9, 18, -10, 19, -2); osb.bezierVertex(20, 8, 1, 9, 0, 0); osb.endShape(); osb.beginShape(); osb.vertex(2, 0); osb.bezierVertex(2, -7, 18, -8, 17, -2); osb.bezierVertex(17, 5, 3, 6, 2, 0); osb.endShape(); osb.fill(0, 0, 0, 80); osb.beginShape(); osb.vertex(8, -1); osb.bezierVertex(8, -7, 14, -7, 12, -1); osb.bezierVertex(8, 6, 8, 3, 8, -1); osb.endShape(); //Gun Sheath osb.fill(boots); osb.beginShape(); osb.vertex(-15, -11); osb.bezierVertex(-14, -10, -13, -9, -11, -8); osb.bezierVertex(-13, -5, -14, -1, -16, 3); osb.bezierVertex(-13, 4, -11, 6, -15, 9); osb.vertex(-26, 43); osb.bezierVertex(-33, 54, -39, 25, -33, 5); osb.bezierVertex(-36, 1, -27, 1, -20, 1); osb.bezierVertex(-19, -3, -17, -9, -15, -11); osb.endShape(); osb.line(-20, 1, -16, 3); osb.bezier(-26, 1, -20, 4, -17, 5, -16, 5); osb.line(-24, 6, -15, 9); osb.beginShape(); osb.vertex(-30, 9); osb.vertex(-36, 38); osb.vertex(-34, 37); osb.vertex(-33, 41); osb.vertex(-26, 12); osb.endShape(); osb.fill(sheriffStar); osb.beginShape(); osb.vertex(-31, 13); osb.vertex(-29, 15); osb.vertex(-26, 15); osb.vertex(-27, 19); osb.vertex(-26, 21); osb.vertex(-28, 24); osb.vertex(-27, 28); osb.vertex(-29, 28); osb.vertex(-31, 31); osb.vertex(-32, 28); osb.vertex(-35, 30); osb.vertex(-35, 22); osb.vertex(-33, 21); osb.vertex(-34, 17); osb.vertex(-32, 16); osb.endShape(); osb.beginShape(); osb.fill(scarf); osb.vertex(-32, 22); osb.bezierVertex(-32, 17, -29, 18, -29, 22); osb.bezierVertex(-29, 25, -33, 29, -32, 22); osb.endShape(); //Boots Detais osb.fill(bootsDetails1); osb.beginShape(); osb.vertex(12, 126); osb.bezierVertex(10, 127, 9, 127, 8, 125); osb.bezierVertex(7, 116, 10, 117, 10, 124); osb.bezierVertex(10, 124, 12, 124, 12, 122); osb.bezierVertex(8, 109, 15, 112, 14, 120); osb.bezierVertex(14, 121, 15, 123, 15, 120); osb.bezierVertex(15, 107, 17, 116, 16, 120); osb.bezierVertex(16, 122, 16, 123, 14, 123); osb.bezierVertex(15, 133, 12, 135, 12, 126); osb.endShape(); osb.beginShape(); osb.vertex(52, 117); osb.bezierVertex(53, 118, 55, 118, 53, 116); osb.bezierVertex(48, 111, 51, 107, 55, 115); osb.bezierVertex(56, 117, 56, 118, 55, 119); osb.bezierVertex(61, 130, 57, 129, 53, 123); osb.bezierVertex(52, 125, 51, 124, 50, 123); osb.bezierVertex(47, 122, 45, 114, 50, 121); osb.bezierVertex(52, 123, 53, 121, 51, 120); osb.bezierVertex(47, 118, 42, 104, 52, 117); osb.endShape(); osb.beginShape(); osb.vertex(11, 155); osb.bezierVertex(13, 154, 15, 153, 17, 152); osb.vertex(16, 157); osb.bezierVertex(15, 159, 13, 160, 11, 161); osb.bezierVertex(11, 158, 11, 156, 11, 155); osb.endShape(); osb.beginShape(); osb.vertex(11, 155); osb.bezierVertex(10, 155, 9, 156, 8, 156); osb.vertex(5, 159); osb.bezierVertex(6, 160, 8, 160, 11, 160); osb.bezierVertex(11, 159, 11, 157, 11, 155); osb.endShape(); osb.beginShape(); osb.vertex(75, 145); osb.vertex(84, 134); osb.vertex(97, 114); osb.vertex(102, 115); osb.bezierVertex(103, 124, 102, 129, 101, 134); osb.bezierVertex(102, 135, 94, 141, 89, 145); osb.endShape(); osb.beginShape(); osb.vertex(76, 151); osb.vertex(89, 150); osb.bezierVertex(85, 157, 81, 159, 76, 159); osb.bezierVertex(74, 157, 73, 155, 76, 151); osb.endShape(); osb.beginShape(); osb.vertex(73, 148); osb.vertex(76, 151); osb.vertex(89, 150); osb.vertex(86, 147); osb.endShape(); osb.beginShape(); osb.vertex(73, 148); osb.vertex(76, 151); osb.bezierVertex(73, 154, 74, 157, 76, 159); osb.vertex(71, 155); osb.bezierVertex(71, 152, 71, 149, 73, 148); osb.endShape(); osb.fill(bootsDetails2); osb.beginShape(); osb.vertex(18, 136); osb.vertex(14, 140); osb.bezierVertex(8, 134, 9, 154, 14, 145); osb.vertex(18, 142); osb.endShape(); osb.beginShape(); osb.vertex(11, 143); osb.bezierVertex(11, 138, 13, 142, 13, 143); osb.bezierVertex(12, 148, 11, 144, 11, 143); osb.endShape(); osb.beginShape(); osb.vertex(-5, 141); osb.bezierVertex(0, 143, 5, 143, 10, 142); osb.bezierVertex(10, 143, 10, 145, 10, 146); osb.bezierVertex(4, 146, -1, 146, -6, 144); osb.bezierVertex(-6, 143, -5, 142, -5, 141); osb.endShape(); osb.beginShape(); osb.vertex(10, 147); osb.bezierVertex(10, 150, 9, 153, 9, 156); osb.bezierVertex(10, 156, 10, 155, 11, 155); osb.bezierVertex(12, 152, 12, 149, 12, 147); osb.bezierVertex(12, 148, 11, 148, 10, 147); osb.endShape(); osb.beginShape(); osb.vertex(21, 139); osb.vertex(19, 136); osb.vertex(21, 133); osb.vertex(20, 131); osb.vertex(23, 132); osb.vertex(24, 130); osb.vertex(25, 132); osb.vertex(27, 132); osb.vertex(26, 135); osb.vertex(28, 136); osb.vertex(26, 138); osb.vertex(26, 141); osb.vertex(24, 139); osb.vertex(23, 141); osb.vertex(22, 139); osb.endShape(); osb.beginShape(); osb.vertex(59, 149); osb.vertex(63, 150); osb.vertex(61, 152); osb.vertex(62, 155); osb.vertex(60, 155); osb.vertex(60, 157); osb.vertex(58, 155); osb.vertex(56, 156); osb.vertex(56, 153); osb.vertex(53, 152); osb.vertex(55, 150); osb.vertex(54, 147); osb.vertex(56, 148); osb.vertex(57, 145); osb.endShape(); osb.bezier(60, 144, 54, 155, 57, 153, 63, 149); osb.bezier(18, 133, 31, 135, 24, 137, 18, 138); osb.beginShape(); osb.vertex(58, 141); osb.bezierVertex(60, 139, 61, 138, 63, 137); osb.bezierVertex(63, 127, 74, 141, 66, 142); osb.bezierVertex(64, 143, 63, 144, 61, 146); osb.vertex(58, 141); osb.endShape(); osb.beginShape(); osb.vertex(65, 138); osb.bezierVertex(63, 135, 65, 135, 67, 137); osb.bezierVertex(68, 139, 67, 142, 65, 138); osb.endShape(); osb.beginShape(); osb.vertex(67, 134); osb.bezierVertex(70, 131, 74, 128, 79, 127); osb.bezierVertex(75, 130, 71, 133, 69, 137); osb.bezierVertex(68, 136, 68, 135, 67, 134); osb.endShape(); osb.beginShape(); osb.vertex(67, 141); osb.bezierVertex(68, 141, 69, 141, 69, 140); osb.bezierVertex(71, 142, 72, 144, 75, 145); osb.vertex(89, 145); osb.vertex(86, 147); osb.vertex(73, 148); osb.bezierVertex(71, 146, 69, 144, 67, 141); osb.endShape(); osb.noFill(); osb.bezier(-8, 114, -5, 114, -3, 114, -2, 113); osb.bezier(5, 108, 9, 106, 13, 103, 18, 103); osb.bezier(9, 102, 12, 100, 11, 103, 10, 106); osb.bezier(15, 99, 15, 101, 14, 104, 13, 106); osb.bezier(65, 100, 62, 102, 59, 101, 56, 101); osb.bezier(37, 104, 39, 105, 39, 106, 40, 106); osb.bezier(43, 103,42, 102, 38, 100, 43, 98); osb.beginDraw(); return osb; }; woodyImage.fname = "woodyImage"; woodyImage.author = "Isaac A."; woodyImage.title = "Woody"; var ruffRuffmanImage = function(width) { / Draw "Ruff Ruffman" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 200). Code ported from author !\|>>[{ Iron Man Mark 44 }]<<\|! at https://www.khanacademy.org/cs/ruff/6587201419870208 */ var naturalWidth = 530; width = (width === undefined) ? 200 : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } var am = angleMode; angleMode = "radians"; osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.background(0, 0, 0, 0); osb.translate(60, 2); //His ears and eyes osb.stroke(0, 0, 0); osb.fill(255, 140, 0); osb.pushMatrix(); osb.rotate(radians(6)); osb.ellipse(335,39,132,39); osb.popMatrix(); osb.pushMatrix(); osb.rotate(radians(-11)); osb.ellipse(259,76,132,39); osb.popMatrix(); osb.noStroke(); //Ruffs body osb.fill(252, 186, 55); osb.ellipse(213,161,149,251); osb.ellipse(217,217,203,367); osb.ellipse(207,298,252,373); osb.ellipse(190,260,182,373); osb.ellipse(176,290,170,373); osb.ellipse(225,276,250,427); //His yellow spot osb.fill(255, 205, 56); osb.ellipse(177,362,135,128); //His tail osb.fill(252, 186, 55); osb.pushMatrix(); osb.rotate(radians(10)); osb.rect(390,330,27,19,20); osb.popMatrix(); osb.rect(219,463,36,54,20); osb.rect(155,455,36,54,20); osb.ellipse(224,512,56,24); osb.ellipse(162,503,57,24); //His left arm osb.stroke(40, 44, 66); osb.strokeWeight(1); osb.pushMatrix(); osb.translate(26,0); osb.noFill(); osb.arc(221,197,122,92, radians(-7), radians(102)); osb.arc(237,217,140,92, radians(1), radians(110)); osb.pushMatrix(); osb.rotate(radians(-23)); osb.arc(86,304,23,-51, radians(-1), radians(86)); osb.popMatrix(); osb.arc(187,229,21,15, radians(79), radians(300)); osb.arc(195,212,32,57, radians(89), radians(128)); osb.arc(185,245,30,10, radians(-49), radians(69)); osb.pushMatrix(); osb.rotate(radians(-22)); osb.arc(68,303,30,0,0, radians(111)); osb.popMatrix(); osb.arc(166,258,19,14, radians(125), radians(349)); osb.arc(173,246,46,44, radians(53), radians(131)); osb.arc(185,272,52,16, radians(96), radians(221)); osb.arc(181,279,29,20, radians(55), radians(185)); osb.pushMatrix(); osb.rotate(radians(36)); osb.arc(338,115,30,131, radians(176), radians(212)); osb.popMatrix(); osb.popMatrix(); //end of first arm //His right arm //His nose and eyes and mouth osb.strokeWeight(4); osb.stroke(0, 0, 0); osb.fill(255, 255, 255); osb.ellipse(152,62,40,40); osb.ellipse(202,62,40,40); osb.fill(0, 0, 0); osb.ellipse(157,62,3,3); osb.ellipse(202,63,3,3); osb.ellipse(164,82,70,29); osb.noFill(); osb.strokeWeight(1); osb.arc(183,67,165,117, radians(49), radians(126)); osb.strokeWeight(4); osb.arc(149,75,68,-95, radians(49), radians(126)); osb.arc(210,75,68,-95, radians(49), radians(126)); osb.strokeWeight(3); osb.arc(201,29,61,55, radians(62), radians(118)); osb.arc(151,29,61,55, radians(62), radians(118)); angleMode = am; return osb; }; ruffRuffmanImage.fname = "ruffRuffmanImage"; ruffRuffmanImage.author = "!\|>>[{ Iron Man Mark 44 }]<<\|!"; ruffRuffmanImage.title = "Ruff Ruffman"; var paperMarioImage = function(width) { / Draw the Paper Mario into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 300). Code lifted directly from author DY at https://www.khanacademy.org/cs/paper-mario/1246160211 / var naturalWidth = 330; width = (width === undefined) ? 300 : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } var tau = (osb.cos(PI) < 0) ? TWO_PI : 360; osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-35, -39); osb.background(0, 0, 0, 0); //Outer Black Shapes osb.fill(0); osb.stroke(0); osb.strokeWeight(2); osb.quad(162, 80, 274, 127, 288, 170, 257, 206); osb.quad(237, 212, 285, 227, 302, 241, 283, 304); osb.quad(293, 258, 278, 353, 233, 334, 162, 80); osb.quad(233, 334, 104, 127, 116, 63, 162, 80); osb.quad(148, 291, 101, 299, 92, 237, 138, 241); osb.strokeWeight(11); osb.line(120, 298, 135, 296); //Body Shapes //(Belly) osb.strokeWeight(2); osb.fill(35, 88, 242); osb.stroke(35, 88, 242); osb.triangle(226, 213, 222, 313, 163, 222); //Right Shoe osb.strokeWeight(1); osb.fill(246, 225, 202); osb.stroke(246, 225, 202); osb.triangle(122, 303, 98, 284, 92, 237); osb.fill(127, 67, 28); osb.stroke(127, 67, 28); osb.quad(148, 291, 122, 303, 92, 237, 138, 241); osb.triangle(96, 236, 107, 281, 119, 299); osb.strokeWeight(4); osb.stroke(0); osb.bezier(96, 236, 88, 248, 104, 268, 107, 281); osb.bezier(107, 281, 109, 287, 113, 293, 118, 299); //Outer Black Outline osb.strokeWeight(9); osb.stroke(0); //(Around Cap) osb.fill(237, 55, 36); osb.bezier(162, 80, 169, 22, 245, 34, 274, 127); osb.bezier(274, 127, 290, 130, 303, 151, 288, 170); //(Around Ear) osb.fill(0); osb.bezier(288, 170, 292, 190, 271, 207, 257, 206); //(Left Arm) osb.fill(216, 57, 33); osb.bezier(237, 212, 252, 205, 271, 217, 285, 227); //(Left Hand) osb.fill(247); osb.stroke(247); osb.strokeWeight(1); osb.quad(285, 227, 302, 241, 283, 304, 263, 288); osb.triangle(285, 227, 263, 288, 255, 254); osb.strokeWeight(9); osb.stroke(0); osb.bezier(285, 227, 292, 227, 302, 233, 302, 241); osb.bezier(302, 241, 319, 248, 339, 292, 283, 304); //(Right Shoe) osb.fill(127, 67, 28); osb.bezier(148, 291, 138, 306, 125, 304, 122, 303); osb.bezier(92, 237, 97, 230, 120, 206, 138, 241); osb.fill(246, 225, 202); osb.bezier(122, 303, 106, 312, 105, 304, 98, 284); osb.bezier(98, 284, 73, 256, 85, 234, 92, 237); //(Belly) osb.fill(35, 88, 242); osb.bezier(226, 213, 286, 261, 248, 308, 222, 313); osb.bezier(222, 313, 193, 330, 99, 290, 163, 222); //(Left Shoe) //(A Few Left Shoe Shapes) osb.strokeWeight(1); osb.fill(246, 225, 202); osb.stroke(246, 225, 202); osb.triangle(283, 305, 279, 354, 273, 298); osb.noStroke(); osb.fill(127, 67, 28); osb.quad(275, 354, 232, 335, 230, 291, 251, 280); osb.quad(274, 354, 279, 354, 272, 303, 250, 280); //(Left Shoe) osb.strokeWeight(9); osb.stroke(0); osb.fill(246, 225, 202); osb.bezier(283, 304, 292, 322, 294, 352, 279, 353); osb.fill(127, 67, 28); osb.bezier(275, 353, 263, 372, 232, 362, 233, 334); osb.bezier(233, 334, 221, 335, 217, 290, 231, 291); osb.bezier(231, 291, 231, 282, 247, 279, 251, 280); //(Right Yellow Button) osb.strokeWeight(7.5); osb.fill(254, 220, 94); osb.bezier(143, 266, 135, 263, 139, 252, 140, 247); osb.bezier(140, 247, 140, 244, 149, 226, 154, 233); //(Right Arm) osb.strokeWeight(9); osb.fill(216, 57, 33); osb.bezier(163, 222, 150, 212, 132, 199, 118, 143); //(Nose) osb.fill(254, 206, 145); osb.bezier(134, 178, 123, 170, 113, 152, 121, 142); //(Right Hand) osb.noStroke(); osb.fill(247); osb.quad(118, 143, 103, 127, 115, 67, 141, 68); osb.quad(117, 143, 140, 68, 157, 80, 155, 140); osb.strokeWeight(9); osb.stroke(0); osb.bezier(118, 143, 108, 140, 103, 134, 104, 127); osb.bezier(104, 127, 80, 98, 86, 75, 116, 68); osb.bezier(116, 68, 123, 60, 136, 60, 141, 69); osb.bezier(141, 69, 143, 70, 156, 75, 157, 80); //Left Shoe osb.strokeWeight(3.5); osb.noFill(); osb.stroke(0); osb.bezier(275, 354, 281, 337, 277, 320, 272, 303); osb.bezier(236, 294, 243, 295, 240, 312, 241, 321); //Right Hand osb.strokeWeight(5); osb.noFill(); osb.bezier(140, 72, 102, 74, 140, 109, 102, 102); osb.strokeWeight(4); osb.bezier(103, 122, 110, 127, 117, 127, 125, 122); //Overalls //(Area between Straps) osb.strokeWeight(4); osb.fill(216, 57, 33); osb.quad(177, 220, 167, 234, 186, 236, 196, 223); //(Shirt under Left Arm) osb.bezier(221, 214, 200, 235, 216, 280, 252, 258); osb.strokeWeight(2); osb.stroke(216, 57, 33); osb.quad(221, 214, 250, 256, 260, 252, 228, 215); //(Left Button) osb.strokeWeight(4.7); osb.fill(254, 220, 94); osb.stroke(0, 0, 0); osb.ellipse(188, 257, 28.5, 31); osb.fill(213, 172, 67); osb.noStroke(); osb.ellipse(186, 256, 20, 22); //(Right Button) osb.strokeWeight(5); osb.fill(255, 214, 66); osb.stroke(0); osb.pushMatrix(); osb.rotate(19/360 * tau); osb.ellipse(221, 187, 12, 29); osb.popMatrix(); //Left Arm osb.fill(216, 57, 33); osb.noStroke(); osb.quad(282, 227, 226, 216, 244, 236, 256, 246); osb.stroke(0); osb.bezier(282, 228, 269, 214, 242, 204, 226, 217); osb.bezier(226, 217, 219, 226, 237, 230, 244, 236); osb.fill(0); osb.bezier(244, 236, 248, 239, 252, 242, 256, 246); //Left Hand osb.strokeWeight(4); osb.fill(247);stroke(0, 0, 0); osb.bezier(283, 229.5, 274, 231, 250, 237, 255, 254); osb.strokeWeight(5); osb.bezier(265, 250, 252, 256, 239, 288, 272, 286); osb.line(302, 243, 296, 241); osb.strokeWeight(6); osb.bezier(263, 288, 269, 301, 277, 302, 290, 300); osb.strokeWeight(4); osb.bezier(267, 279, 273, 284, 273, 288, 274, 291); osb.strokeWeight(3); osb.line(285, 261, 287, 271); osb.line(286, 261, 291, 270); osb.strokeWeight(6); osb.fill(0); osb.ellipse(289.5, 271, 1, 1); osb.strokeWeight(3); osb.line(299, 257, 301, 267); osb.line(300, 257, 305, 266); osb.strokeWeight(6); osb.fill(0); osb.ellipse(303.5, 267, 1, 1); //Face Shapes //(General Face) osb.strokeWeight(1); osb.fill(254, 206, 145); osb.stroke(254, 206, 145); osb.quad(155, 196, 245, 198, 257, 153, 160, 104); osb.triangle(155, 196, 150, 127, 160, 104); osb.triangle(236, 143, 243, 130, 160, 104); //(Sideburn) osb.fill(115, 61, 27); osb.stroke(115, 61, 27); osb.quad(254, 151, 227, 166, 228, 154, 241, 133); osb.triangle(254, 150, 237, 172, 228, 166); //Face Outline osb.strokeWeight(4); osb.fill(254, 206, 145); osb.stroke(0); //(Chin) osb.bezier(155, 196, 178, 238, 221, 223, 240, 197); //(A bit of the cap behind the ear, so that it is behind it) osb.strokeWeight(1); osb.fill(237, 55, 36); osb.stroke(237, 55, 36); osb.quad(277, 134, 288, 170, 260, 150, 234, 110); //(Ear) osb.strokeWeight(4); osb.fill(254, 206, 145); osb.stroke(0); osb.bezier(242, 197, 300, 214, 298, 142, 257, 153); osb.strokeWeight(3); osb.noFill(); osb.bezier(269, 166, 248, 172, 247, 188, 265, 189); osb.strokeWeight(2); osb.bezier(262, 176, 249, 175, 247, 188, 265, 189); //(Sideburn) osb.strokeWeight(4); osb.fill(115, 61, 27); osb.bezier(254, 150, 245, 168, 240, 170, 237, 172); osb.bezier(237, 172, 234, 176, 224, 172, 228, 166); osb.bezier(227, 165, 225, 167, 215, 157, 228, 154); osb.fill(254, 206, 145); osb.bezier(228, 154, 231, 151, 237, 148, 241, 133); //(Part of face near Right Eye) osb.strokeWeight(6); osb.bezier(160, 104, 152, 113, 150, 119, 150, 127); //(Mouth) osb.strokeWeight(4.5); osb.fill(183, 49, 24); osb.bezier(167, 199, 175, 215, 195, 228, 195, 191); //(Mustache) osb.fill(71, 33, 17); osb.noStroke(); osb.quad(138, 182, 155, 195, 194, 196, 206, 160); osb.stroke(0, 0, 0); osb.bezier(138, 182, 139, 190, 150, 196, 155, 194); osb.bezier(155, 194, 162, 199, 168, 198, 175, 195); osb.bezier(175, 195, 182, 200, 191, 200, 196, 186); osb.bezier(196, 186, 199, 183, 213, 177, 205, 160); osb.fill(254, 206, 145); osb.bezier(205, 160, 194, 164, 183, 173, 171, 170); //(Eyes) osb.pushMatrix(); osb.rotate(12/360 * tau); osb.fill(0); osb.noStroke(); osb.ellipse(185, 90, 11, 27); osb.ellipse(218, 94, 11, 27); osb.popMatrix(); //(Nose) osb.fill(0); osb.bezier(170, 145, 151, 108, 114, 132, 119, 153); osb.bezier(119, 153, 119, 191, 157, 179, 172, 170); osb.strokeWeight(1); osb.triangle(170, 145, 117, 153, 171, 170); osb.fill(254, 206, 145); osb.stroke(254, 206, 145); osb.bezier(172, 148, 157, 119, 123, 130, 124, 150); osb.bezier(124, 150, 125, 184, 160, 176, 172, 166); osb.triangle(172, 147, 125, 150, 172, 167); //Cap Shapes osb.strokeWeight(3); osb.stroke(0); osb.fill(237, 55, 36); osb.bezier(164, 83, 163, 27, 252, 34, 274, 137); //(M Circle) osb.fill(255); osb.stroke(0); osb.ellipse(191, 80.5, 41, 44); //(M) osb.fill(221, 18, 25); osb.noStroke(); osb.quad(185, 78, 187, 64, 175, 81, 180, 85); osb.quad(185, 78, 187, 64, 190, 76, 189, 86); osb.quad(195, 80, 201, 67, 190, 76, 189, 86); osb.quad(195, 80, 201, 67, 201.5, 89, 194, 90); //(Visor) osb.strokeWeight(4); osb.fill(237, 55, 36); osb.stroke(0); osb.bezier(243, 129, 228, 103, 148, 64, 119, 91); osb.bezier(243, 129, 233, 142, 189, 117, 167, 104); osb.fill(0); osb.bezier(167, 104, 148, 94, 148, 94, 119, 91); osb.bezier(119, 91, 117, 99, 130, 109, 148, 112); osb.strokeWeight(1); osb.triangle(167, 104, 119, 91, 151, 114); return osb; }; paperMarioImage.fname = "paperMarioImage"; paperMarioImage.author = "DY (darryl-yeo.com)"; paperMarioImage.title = "Paper Mario"; var mickeyMouseImage = function(width) { /* Draw "Micky Mouse" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 400). Code lifted from author Ken Arends at https://www.khanacademy.org/computer-programming/micky/2026673175 */ var naturalWidth = 400; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(4, 2); osb.background(0, 0, 0, 0); //right hand osb.fill(0); osb.ellipse(68, 159, 4, 4); osb.fill(255, 255, 255); osb.bezier(62, 179, 78, 182, 63, 126, 55, 156); //cuff osb.ellipse(33, 188, 20, 20); osb.bezier(28, 170, 26, 172, -18, 222, 24, 208); // mid digit // thumb - index finger osb.beginShape(); osb.vertex(54, 154); osb.bezierVertex(63, 130, 33, 138, 46, 118); osb.bezierVertex(42, 98, 14, 112, 32, 137); osb.bezierVertex(34, 156, -9, 183, 8, 194); osb.vertex(37, 163); osb.endShape(); // fingers' arc - pinky - palm osb.beginShape(); osb.vertex(26, 156); osb.bezierVertex(30, 155, 17, 176, 33, 188); osb.bezierVertex(6, 204, 18, 234, 46, 194); osb.bezierVertex(84, 167, 57, 126, 37, 160); osb.endShape(); //left hand osb.fill(255, 255, 255); osb.ellipse(362, 152, 20, 20); osb.bezier(361, 143, 349, 135, 419, 169, 375, 170); // mid digit // pinky though thumb, then index osb.beginShape(); osb.vertex(355, 154); osb.bezierVertex(384, 160, 393, 182, 372, 177); osb.bezierVertex(346, 160, 342, 172, 314, 160); osb.vertex(307, 135); osb.bezierVertex(311, 111, 338, 129, 330, 100); osb.bezierVertex(324, 75, 362, 97, 345, 115); osb.vertex(347, 113); osb.bezierVertex(351, 136, 400, 141, 387, 157); osb.vertex(361, 143); osb.endShape(); osb.bezier(297, 158, 324, 179, 322, 117, 293, 141); // cuff osb.bezier(298, 157, 308, 162, 307, 138, 297, 141); // arc osb.bezier(354, 130, 367, 146, 348, 172, 356, 159); // arc osb.noFill(); //tail osb.bezier(174, 244, 115, 266, 127, 316, 74, 300); osb.bezier(174, 243, 115, 266, 128, 314, 72, 300); //body osb.bezier(70, 172, 101, 181, 159, 156, 177, 208); osb.bezier(297, 141, 215, 155, 231, 153, 67, 157); osb.line(298, 157, 217, 168); //pants osb.bezier(229, 258, 213, 258, 209, 262, 201, 286); osb.bezier(200, 289, 215, 247, 226, 284, 221, 279); osb.bezier(247, 250, 298, 153, 155, 162, 171, 236); osb.bezier(197, 291, 112, 303, 186, 269, 170, 236); osb.bezier(199, 290, 110, 309, 183, 247, 200, 287); osb.bezier(258, 267, 241, 290, 220, 280, 223, 280); osb.bezier(214, 252, 207, 258, 210, 262, 201, 286); osb.noFill(); osb.ellipse(214, 213, 13, 32); osb.ellipse(241, 213, 12, 27); osb.line(258, 267, 253, 240); //ears osb.fill(0, 0, 0); osb.ellipse(73, 99, 63, 63); osb.ellipse(124, 32, 63, 63); //shoes osb.fill(255, 255, 255); osb.bezier(170, 336, 276, 392, 45, 433, 125, 338); osb.bezier(214, 322, 152, 381, 316, 391, 311, 328); osb.bezier(246, 319, 301, 297, 308, 311, 311, 328); osb.bezier(159, 342, 212, 314, 87, 319, 136, 343); osb.bezier(236, 332, 282, 306, 176, 305, 218, 332); osb.bezier(161, 334, 166, 337, 128, 340, 135, 331); osb.bezier(175, 347, 165, 341, 128, 348, 130, 354); osb.bezier(218, 318, 215, 320, 227, 334, 239, 316); //legs osb.fill(255, 255, 255); osb.line(160, 282, 133, 335); osb.line(249, 276, 238, 317); osb.line(228, 281, 218, 318); osb.line(190, 276, 160, 335); //face osb.fill(247, 211, 158); osb.ellipse(154, 105, 110, 110); osb.noFill(); osb.bezier(135, 151, 66, 106, 141, 83, 152, 109); osb.bezier(132, 141, 144, 168, 153, 169, 173, 156); osb.bezier(139, 120, 152, 132, 135, 169, 168, 152); osb.bezier(146, 143, 156, 137, 154, 155, 153, 150); osb.bezier(161, 155, 156, 139, 151, 156, 153, 150); osb.bezier(134, 120, 134, 113, 145, 115, 149, 120); osb.bezier(179, 69, 136, 26, 138, 82, 153, 109); osb.bezier(164, 63, 156, 51, 153, 77, 155, 68); osb.bezier(184, 67, 184, 72, 182, 56, 193, 66); osb.line(177, 57, 179, 69); osb.bezier(139, 119, 205, 230, 280, 66, 182, 119); osb.noStroke(); osb.fill(247, 211, 158); osb.ellipse(203, 122, 35, 20); osb.ellipse(214, 122, 29, 26); osb.ellipse(206, 123, 30, 26); osb.ellipse(190, 140, 51, 35); osb.ellipse(149, 161, 18, 7); osb.ellipse(162, 161, 18, 7); osb.ellipse(208, 129, 37, 31); osb.ellipse(199, 133, 48, 36); osb.noStroke(); osb.fill(255, 0, 0); osb.ellipse(177, 263, 8, 23); osb.ellipse(167, 284, 19, 29); osb.ellipse(191, 281, 8, 23); osb.ellipse(185, 278, 19, 29); osb.stroke(0, 0, 0); osb.fill(0, 0, 0); osb.ellipse(220, 102, 17, 29); osb.fill(255, 255, 255); osb.ellipse(218, 100, 6, 16); osb.ellipse(170, 96, 17, 40); osb.fill(0, 0, 0); osb.ellipse(170, 106, 12, 19); osb.fill(255, 255, 255); osb.bezier(192, 112, 174, 41, 218, 113, 192, 110); osb.fill(0, 0, 0); osb.ellipse(136, 162, 18, 7); osb.ellipse(171, 166, 18, 7); osb.triangle(241, 305, 248, 278, 228, 286); osb.ellipse(214, 185, 49, 22); osb.ellipse(190, 185, 49, 22); osb.ellipse(189, 200, 27, 32); osb.ellipse(182, 186, 27, 32); osb.ellipse(178, 178, 39, 22); osb.ellipse(190, 172, 57, 26); osb.ellipse(216, 187, 27, 32); osb.ellipse(222, 165, 24, -4); osb.ellipse(200, 174, 27, 32); osb.ellipse(96, 172, 28, 5); osb.rect(69, 156, 14, 17); osb.ellipse(133, 168, 35, 12); osb.ellipse(153, 171, 35, 12); osb.ellipse(126, 162, 35, 12); osb.ellipse(134, 167, 35, 12); osb.ellipse(180, 164, 35, 12); osb.ellipse(176, 162, 9, 12); osb.ellipse(112, 93, 22, 19); osb.ellipse(114, 88, 22, 19); osb.ellipse(115, 84, 22, 19); osb.ellipse(118, 79, 22, 19); osb.ellipse(123, 73, 22, 19); osb.ellipse(119, 90, 22, 19); osb.ellipse(102, 102, -16, 19); osb.ellipse(107, 96, 22, 19); osb.ellipse(135, 57, 22, 27); osb.ellipse(160, 52, 7, -3); osb.ellipse(154, 52, 7, -3); osb.ellipse(143, 52, 18, -4); osb.ellipse(146, 54, 7, -3); osb.ellipse(165, 54, 10, -4); osb.triangle(165, 56, 178, 68, 177, 56); osb.ellipse(172, 55, 7, -3); osb.ellipse(103, 112, 7, 14); osb.ellipse(103, 117, 3, 12); osb.ellipse(105, 124, 3, 12); osb.ellipse(107, 129, 2, 11); osb.ellipse(109, 131, -2, 12); osb.ellipse(111, 135, 3, 9); osb.ellipse(113, 138, 3, 8); osb.ellipse(116, 140, 3, 9); osb.ellipse(118, 142, 3, 9); osb.ellipse(121, 145, 3, 9); osb.ellipse(123, 146, 3, 8); osb.ellipse(118, 142, 3, 8); osb.ellipse(125, 148, 3, 9); osb.ellipse(128, 150, 3, 8); osb.ellipse(134, 156, 8, 10); osb.ellipse(131, 153, 3, 9); osb.ellipse(139, 159, 3, 9); osb.triangle(144, 128, 146, 143, 150, 135); osb.triangle(167, 152, 160, 154, 160, 146); osb.ellipse(149, 139, 8, 6); osb.ellipse(152, 142, 6, 4); osb.ellipse(155, 144, 6, 4); osb.ellipse(156, 146, 6, 4); osb.ellipse(158, 148, 4, 4); osb.ellipse(229, 283, -4, 2); osb.rect(74, 156, 57, 16); osb.ellipse(195, 104, 7, 15); osb.ellipse(226, 318, 16, 13); osb.ellipse(230, 315, 16, 13); osb.ellipse(231, 305, 19, 13); osb.ellipse(230, 310, 19, 13); osb.ellipse(232, 301, 19, 13); osb.ellipse(235, 289, 19, 13); osb.ellipse(234, 294, 19, 16); osb.ellipse(182, 173, 72, 23); osb.ellipse(231, 159, 59, 13); osb.ellipse(254, 156, 59, 13); osb.ellipse(273, 153, 59, 13); osb.ellipse(286, 151, 36, 13); osb.ellipse(298, 149, 15, 16); osb.ellipse(290, 147, 11, 9); osb.ellipse(130, 77, 27, 42); osb.triangle(151, 107, 144, 82, 138, 92); osb.triangle(151, 105, 114, 87, 135, 87); osb.ellipse(158, 312, 16, 42); osb.ellipse(164, 302, 13, 42); osb.ellipse(148, 332, 27, 10); osb.ellipse(145, 328, 16, -15); osb.ellipse(147, 321, 12, -15); osb.ellipse(156, 306, 16, -12); osb.ellipse(153, 312, 16, -12); osb.ellipse(174, 282, 24, -12); osb.ellipse(169, 301, 7, -24); osb.ellipse(171, 297, 11, -24); osb.ellipse(169, 287, 22, -17); osb.ellipse(157, 301, 7, -24); osb.ellipse(177, 287, 7, -24); osb.ellipse(175, 279, 13, 11); osb.ellipse(171, 288, 25, -10); osb.ellipse(181, 278, 10, -8); osb.ellipse(181, 277, 15, -8); osb.ellipse(164, 289, 15, -8); osb.ellipse(151, 315, 15, -8); osb.noStroke(); osb.fill(255, 0, 0); osb.ellipse(192, 251, 36, 46); osb.ellipse(178, 265, 21, 15); osb.ellipse(184, 266, 8, 15); osb.ellipse(175, 261, 10, 15); osb.ellipse(170, 270, 10, 10); osb.ellipse(174, 255, 5, 10); osb.ellipse(175, 249, 4, 10); osb.ellipse(250, 249, 9, 14); osb.ellipse(251, 256, 9, 14); osb.ellipse(249, 246, 9, 14); osb.ellipse(236, 272, 30, 14); osb.ellipse(232, 275, 17, 14); osb.ellipse(237, 274, 17, 14); osb.ellipse(225, 279, 7, 3); osb.ellipse(225, 276, 7, 5); osb.ellipse(254, 267, 7, 3); osb.ellipse(217, 258, 22, 22); osb.ellipse(225, 262, 22, 22); osb.ellipse(203, 262, 22, 22); osb.ellipse(199, 275, 8, 23); osb.ellipse(203, 262, 22, 22); osb.ellipse(203, 268, 8, 23); osb.ellipse(203, 262, 22, 22); osb.ellipse(194, 279, 8, 23); osb.ellipse(197, 279, 8, 23); osb.ellipse(188, 264, 8, 23); osb.ellipse(221, 207, 70, 56); osb.ellipse(204, 218, 56, 69); osb.ellipse(191, 227, 41, 71); osb.ellipse(235, 216, 45, 66); osb.ellipse(200, 254, 20, 15); osb.ellipse(207, 251, 12, 7); osb.ellipse(236, 244, 24, -17); osb.ellipse(238, 240, 24, -17); osb.ellipse(231, 250, 30, -15); osb.ellipse(242, 264, 29, -24); osb.ellipse(150, 146, 8, -8); osb.ellipse(150, 150, 4, -7); osb.ellipse(156, 152, 6, -7); osb.ellipse(152, 153, 3, -6); osb.ellipse(154, 154, 5, 4); osb.ellipse(158, 153, 3, -5); osb.ellipse(152, 153, 4, 4); osb.ellipse(148, 147, 4, 4); osb.ellipse(156, 154, 4, 4); osb.fill(255, 186, 13); osb.noStroke(); osb.ellipse(147, 375, 78, 39); osb.ellipse(160, 359, 63, 27); osb.ellipse(165, 365, 66, 35); osb.ellipse(178, 368, 37, 33); osb.ellipse(247, 351, 89, 38); osb.ellipse(271, 342, 60, 48); osb.ellipse(292, 332, 38, 48); osb.ellipse(283, 321, 46, 25); osb.ellipse(250, 340, 31, 26); osb.ellipse(248, 329, 9, -7); osb.ellipse(251, 325, 9, -7); osb.ellipse(257, 319, 11, -7); osb.ellipse(264, 317, 10, -8); osb.ellipse(254, 320, 11, -5); osb.ellipse(216, 325, 11, -7); osb.ellipse(221, 328, 11, -7); osb.ellipse(216, 336, 11, -7); osb.ellipse(238, 325, 10, -7); osb.ellipse(212, 321, 7, -7); osb.ellipse(234, 328, 11, -7); osb.ellipse(229, 329, 13, -8); osb.ellipse(222, 331, 11, -7); osb.ellipse(213, 319, 5, -7); osb.ellipse(216, 317, 3, -8); osb.ellipse(216, 325, 11, -7); osb.ellipse(229, 333, 11, -7); osb.ellipse(211, 332, 11, -7); osb.ellipse(212, 350, 8, -6); osb.ellipse(208, 339, 11, -12); osb.ellipse(207, 347, 13, -19); osb.ellipse(241, 322, 11, -7); osb.ellipse(243, 320, 7, -9); osb.ellipse(240, 317, 3, -7); osb.ellipse(223, 333, 13, -12); osb.ellipse(211, 328, 3, -4); osb.ellipse(167, 327, 3, -5); osb.ellipse(165, 333, 6, -7); osb.ellipse(168, 330, 8, -7); osb.ellipse(167, 333, 6, -7); osb.ellipse(130, 333, 7, -9); osb.ellipse(128, 333, 6, -7); osb.ellipse(134, 328, 3, -6); osb.ellipse(148, 345, 22, -15); osb.ellipse(128, 354, 26, -19); osb.ellipse(115, 360, 7, -11); osb.ellipse(113, 372, 9, 22); osb.ellipse(148, 340, 30, -6); osb.ellipse(163, 337, 6, -4); osb.ellipse(159, 339, 3, -6); osb.ellipse(162, 338, 3, -4); osb.ellipse(136, 326, 3, -3); osb.ellipse(131, 330, 6, -6); osb.ellipse(135, 338, 3, -6); osb.ellipse(137, 338, 3, 3); osb.ellipse(133, 338, 7, 6); osb.ellipse(129, 337, 3, 3); osb.ellipse(170, 344, 17, 11); osb.ellipse(161, 344, 5, 3); osb.ellipse(169, 338, 5, 3); osb.ellipse(179, 346, 8, 9); osb.ellipse(184, 351, 13, 6); osb.ellipse(184, 347, 5, 3); osb.ellipse(191, 354, 5, 4); osb.ellipse(194, 358, 3, 5); osb.ellipse(127, 344, 9, 8); osb.ellipse(123, 346, 5, 8); osb.ellipse(126, 341, 3, 8); osb.ellipse(133, 345, 9, 6); osb.fill(255, 255, 255); osb.stroke(0, 0, 0); //white ovals osb.ellipse(214, 213, 13, 32); osb.ellipse(241, 213, 12, 27); osb.fill(255, 186, 13); osb.bezier(175, 347, 165, 341, 128, 348, 130, 354); osb.noFill(); osb.bezier(229, 258, 213, 258, 209, 262, 201, 286); //pants osb.bezier(229, 258, 213, 258, 209, 262, 201, 286); osb.bezier(200, 289, 215, 247, 226, 284, 221, 279); osb.bezier(247, 250, 298, 153, 155, 162, 171, 236); osb.bezier(197, 291, 112, 303, 186, 269, 170, 236); osb.bezier(199, 290, 110, 309, 183, 247, 200, 287); osb.bezier(258, 267, 241, 290, 220, 280, 223, 280); osb.bezier(214, 252, 207, 258, 210, 262, 201, 286); osb.noFill(); osb.ellipse(214, 213, 13, 32); osb.ellipse(241, 213, 12, 27); osb.line(258, 267, 253, 240); //shoes osb.bezier(170, 336, 276, 392, 45, 433, 125, 338); osb.bezier(214, 322, 152, 381, 316, 391, 311, 328); osb.bezier(246, 319, 301, 297, 308, 311, 311, 328); osb.bezier(159, 342, 212, 314, 87, 319, 136, 343); osb.bezier(236, 332, 282, 306, 176, 305, 218, 332); osb.bezier(161, 334, 166, 337, 128, 340, 135, 331); osb.bezier(175, 347, 165, 341, 128, 348, 130, 354); osb.bezier(218, 318, 215, 320, 227, 334, 239, 316); osb.endDraw(); return osb; }; mickeyMouseImage.fname = "mickeyMouseImage"; mickeyMouseImage.author = "Ken Arends (?)"; mickeyMouseImage.title = "Mickey Mouse"; var disneyImage = function(width) { / Draw the "Disney" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 400). Code lifted directly from author Damien McNeff at https://www.khanacademy.org/cs/walter-disney/6106579474579456 */ var naturalWidth = 400; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-3, -68); osb.background(255, 255, 255, 0); osb.fill(31, 30, 28); osb.triangle(125, 200,190,70,240,70); osb.triangle(135,200,190,70,240,70); osb.triangle(135,200,190,70,240,70); osb.triangle(145,200,190,70,240,70); osb.triangle(155,200,190,70,240,70); osb.triangle(165,210,190,70,240,70); osb.fill(240, 187, 122); osb.rect(170,190,60,60); osb.ellipse(200,150,100,150); osb.fill(0, 0, 0); osb.rect(166,230,68,40); osb.rect(135,265,130,200); osb.stroke(0, 0, 0); osb.strokeWeight(40); osb.noFill(); osb.line(59,499,131,289); osb.line(269,289,398,585); osb.fill(0, 255, 255); osb.noStroke(); osb.fill(255, 255, 255); osb.strokeWeight(2); osb.stroke(0, 0, 0); osb.arc(180,140,25,15,-180,0); osb.arc(220,140,25,15,-180,0); osb.noStroke(); osb.arc(220,140,25,15,0,180); osb.arc(180,140,25,15,0,180); osb.fill(204, 0, 255); osb.ellipse(180,140,15,15); osb.ellipse(220,140,15,15); osb.fill(0, 0, 0); osb.ellipse(180,140,5,10); osb.ellipse(220,140,5,10); osb.strokeWeight(1); osb.stroke(0, 0, 0); osb.noFill(); osb.arc(200,200,20,10,0,180); osb.fill(240, 187, 122); osb.stroke(0, 0, 0); osb.triangle(200,175,195,170,205,170); osb.rect(199,150,1,10); osb.fill(13, 13, 12); osb.triangle(195,150,220,125,235,120); osb.triangle(135,210,160,110,220,70); osb.triangle(205,150,190,70,230,70); osb.triangle(245,200,220,90,240,70); osb.triangle(255,200,220,90,240,70); osb.triangle(255,200,220,90,240,70); osb.triangle(275,200,220,90,240,70); osb.triangle(235,200,220,90,240,70); osb.triangle(120,100,190,70,240,70); osb.triangle(185,150,190,70,240,70); osb.triangle(120,120,190,70,220,70); osb.triangle(125,130,190,70,240,70); osb.triangle(140,150,180,70,240,70); osb.fill(255, 255, 255); osb.ellipse(210,300,30,30); osb.ellipse(210,350,30,30); osb.ellipse(210,400,30,30); osb.rect(105,265,65,25); osb.rect(230,265,65,25); osb.fill(0, 0, 0); osb.ellipse(120,275,10,10); osb.ellipse(150,275,10,10); osb.ellipse(250,275,10,10); osb.ellipse(280,275,10,10); osb.endDraw(); return osb; }; disneyImage.fname = "disneyImage"; disneyImage.author = "Damien McNeff"; disneyImage.title = "Young Disney"; var kaHandImage = function(width) { / Draw the "Khan Hand" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 180). Code lifted directly from author Ben Alpert at https://www.khanacademy.org/cs/p/1333109432 */ var naturalWidth = 180; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-117, -157); osb.background(0, 0, 0, 0); osb.noStroke(); osb.fill(155,145,136); osb.beginShape(); osb.vertex(229,335); osb.bezierVertex(224,323,227,294,227,294); osb.bezierVertex(243,283,246,264,252,255); osb.bezierVertex(259,246,264,246,270,240); osb.bezierVertex(276,235,262,233,255,236); osb.bezierVertex(248,238,242,252,238,251); osb.bezierVertex(234,250,231,237,233,231); osb.bezierVertex(235,224,245,193,248,183); osb.bezierVertex(251,174,240,175,239,179); osb.bezierVertex(238,182,226,205,223,214); osb.bezierVertex(220,223,217,222,217,215); osb.bezierVertex(216,209,216,177,217,167); osb.bezierVertex(217,157,207,158,206,164); osb.bezierVertex(205,170,203,208,201,214); osb.bezierVertex(200,220,199,222,197,217); osb.bezierVertex(195,212,187,181,186,175); osb.bezierVertex(185,170,177,171,177,178); osb.bezierVertex(177,185,181,217,182,222); osb.bezierVertex(183,228,181,228,178,225); osb.bezierVertex(174,221,165,205,162,200); osb.bezierVertex(159,195,149,196,154,205); osb.bezierVertex(159,215,167,232,171,262); osb.bezierVertex(175,289,187,294,187,299); osb.bezierVertex(187,311,188,319,184,335); osb.endShape(CLOSE); osb.endDraw(); return osb; }; kaHandImage.fname = "kaHandImage"; kaHandImage.author = "Ben Alpert"; kaHandImage.title = "Khan Academy Hand"; var spamImage = function(width) { / Draw a Can of Spam into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 260). Code by Bob Lyon */ var naturalWidth = 260; var naturalHeight = 190; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.background(0, 0, 0, 0); osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(2, (naturalWidth - naturalHeight) / 2); / 260 by 190 / osb.ellipse(100, 100, 50, 50); osb.scale(1, 0.6); osb.fill(43, 35, 122); osb.stroke(110, 94, 94); osb.strokeWeight(9); osb.rect(0, 0, 250, 310, 30); osb.scale(1, 1/0.6); osb.stroke(42, 99, 115); osb.strokeWeight(6); osb.fill(237, 228, 237); osb.pushMatrix(); osb.translate(105, 120); osb.rotate(radians(10)); osb.ellipse(0, 0, 180, 90); osb.popMatrix(); var spamSlice = function(x, y, theta, w, h) { w = (w === undefined) ? 100 : w; h = (h === undefined) ? 50 : h; osb.pushMatrix(); osb.fill(145, 19, 19); osb.stroke(176, 48, 48); osb.strokeWeight(3); osb.translate(x, y); osb.rotate(radians(theta)); osb.rect(0, 0, w, h, 20); osb.popMatrix(); }; spamSlice(110, 60, 50); spamSlice(90, 75, 80, 70); spamSlice(80, 40, 15); spamSlice(75, 45, 15); spamSlice(70, 50, 15); spamSlice(65, 55, 15); spamSlice(60, 60, 15); osb.fill(237, 228, 237); osb.strokeWeight(2); osb.stroke(110, 94, 94); osb.rect(145, 150, 80, 20, 9); osb.fill(145, 19, 19); osb.textSize(16); osb.text("Hormel", 157, 167); osb.scale(1, 0.6); osb.fill(245, 245, 20); var sz = 100; var f = createFont("monospace", sz); osb.textFont(f, sz); osb.textSize(sz); osb.text("SPAM", 5, 97); osb.endDraw(); return osb; }; spamImage.fname = "spamImage"; spamImage.author = "Bob Lyon"; spamImage.title = "Can of Spam"; var yokoOhYesImage = function(width) { / Draw "Yoko Oh Yes" into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 220). Code lifted with tweaks from author DillingerLee at https://www.khanacademy.org/cs/yoko-oh-yes/2115075290 */ var naturalWidth = 110; width = (width === undefined) ? 220 : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.background(0, 0, 0, 0); var yokoX = -63; var yokoY = -100; osb.noStroke(); osb.fill(0, 0, 0, 100); osb.bezier(yokoX + 169, yokoY + 148, yokoX + 188, yokoY + 209, yokoX + 75, yokoY + 227, yokoX + 67, yokoY + 176); // Head / Body osb.fill(177, 240, 161); osb.bezier(yokoX + 169, yokoY + 143, yokoX + 126, yokoY + 65, yokoX + 50, yokoY + 130, yokoX + 67, yokoY + 177); osb.bezier(yokoX + 169, yokoY + 142, yokoX + 192, yokoY + 203, yokoX + 80, yokoY + 223, yokoX + 67, yokoY + 176); osb.fill(255, 255, 255); osb.ellipse(yokoX + 101, yokoY + 146, 22, 31); osb.ellipse(yokoX + 142, yokoY + 138, 20, 30); osb.fill(111, 168, 122); osb.ellipse(yokoX + 116, yokoY + 120, 8, 8); osb.ellipse(yokoX + 120, yokoY + 130, 8, 8); osb.strokeWeight(1.6); osb.stroke(111, 168, 122); osb.line(yokoX + 123, yokoY + 131, yokoX + 121, yokoY + 137); osb.stroke(142, 189, 144); osb.strokeWeight(3); osb.line(yokoX + 89, yokoY + 139, yokoX + 104, yokoY + 128); osb.line(yokoX + 150, yokoY + 127, yokoX + 138, yokoY + 122); // Pupils osb.strokeWeight(1); osb.noStroke(); osb.fill(0, 0, 0); osb.ellipse(yokoX + 106, yokoY + 150, 10, 12); osb.ellipse(yokoX + 136, yokoY + 144, 9, 11); // Mouth osb.fill(125, 51, 51); osb.bezier(yokoX + 145, yokoY + 155, yokoX + 141, yokoY + 187, yokoX + 112, yokoY + 188, yokoX + 107, yokoY + 165); // Buck Teeth fill(255, 255, 255); osb.quad(yokoX + 121, yokoY + 170, yokoX + 118, yokoY + 162, yokoX + 124, yokoY + 160, yokoX + 126, yokoY + 168); osb.quad(yokoX + 128, yokoY + 168, yokoX + 125, yokoY + 160, yokoX + 131, yokoY + 158, yokoX + 133, yokoY + 166); // Pupil Highlights osb.fill(255, 255, 255); osb.ellipse(yokoX + 137, yokoY + 144, 3, 5); osb.ellipse(yokoX + 109, yokoY + 150, 3, 5); osb.endDraw(); return osb; }; yokoOhYesImage.fname = "yokoOhYesImage"; yokoOhYesImage.author = "DillingerLee"; yokoOhYesImage.title = "Yoko Oh Yes"; var kittyCatImage = function(width) { / Draw the Kitty Cat into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 200). Code lifted directly from author Peggy Griffin at https://www.khanacademy.org/cs/kitty-cat-drawing-coloring-practice/1899492946 */ var naturalWidth = 400; width = (width === undefined) ? 200 : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.background(0, 0, 0, 0); //tail osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(59, 53, 13); osb.ellipse(306, 338, 122, 82); // haunches osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(189, 111, 15); osb.ellipse(140, 270, 200, 210); osb.ellipse(260, 270, 200, 210); //left haunch highlight osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(64,204,53,230); osb.line(53,230,47,247); osb.line(47,247,44,266); osb.line(44,266,45,280); osb.line(45,280,48,296); osb.line(48,296,53,309); //right haunch highlight osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(323,187,344,223); osb.line(344,223,351,240); osb.line(351,240,355,260); osb.line(355,260,355,268); osb.line(355,268,356,269); osb.line(356,269,353,291); osb.line(353,291,346,309); osb.line(346,309,338,324); osb.line(338,324,332,331); //tail tip osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(59, 53, 13); osb.ellipse(298, 366, 41, 35); osb.fill(107, 93, 78); osb.ellipse(302,363,25,25); osb.noStroke(); osb.fill(59, 53, 13); osb.ellipse(299, 361, 25, 25); osb.ellipse(293,362,20,20); //tail stripes osb.noStroke(); osb.fill(107, 93, 78); osb.ellipse(334, 359, 20, 20); osb.fill(59, 53, 13); osb.ellipse(330,362,20,20); osb.fill(107, 93, 78); osb.ellipse(355, 338, 20, 20); osb.fill(59, 53, 13); osb.ellipse(351,342,20,20); /======================= LEFT LEG ========================/ //left front leg osb.stroke(61, 34, 0); osb.strokeWeight(4); osb.fill(189, 111, 15); osb.rect(140,362,60,-135); osb.triangle(138,360,140,166,70,197); //left front leg highlight osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(83,223,137,350); //left front leg line osb.strokeWeight(6); osb.stroke(189, 111, 15); osb.line(139,363,139,203); osb.stroke(61, 34, 0); //left front toes bottom outline osb.ellipse(143,370,12,20); osb.ellipse(157,370,12,20); osb.ellipse(170,370,12,20); osb.ellipse(182,370,12,20); osb.ellipse(195,370,12,20); //left front toes whites osb.noStroke(); osb.fill(207, 207, 207); osb.ellipse(143,367,12,20); osb.ellipse(157,367,12,20); osb.ellipse(170,367,12,20); osb.ellipse(182,367,12,20); osb.ellipse(195,367,12,20); /======================= RIGHT LEG ========================/ //right front leg osb.fill(189, 111, 15); osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.rect(200,362,60,-135); osb.triangle(263,360,330,197,260,166); //right front leg highlight osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(327,199,257,365); osb.line(206,134,204,357); //right front leg line osb.strokeWeight(6); osb.stroke(189, 111, 15); osb.line(262,365,260,202); osb.stroke(61, 34, 0); //right front toes bottom outline osb.ellipse(207,370,12,20); osb.ellipse(219,370,12,20); osb.ellipse(232,370,12,20); osb.ellipse(245,370,12,20); osb.ellipse(257,370,12,20); //right front toes whites osb.noStroke(); osb.fill(207, 207, 207); osb.ellipse(207,367,12,20); osb.ellipse(219,367,12,20); osb.ellipse(232,367,12,20); osb.ellipse(245,367,12,20); osb.ellipse(257,367,12,20); /======================= HEAD ========================/ //left ear osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(189, 111, 15); osb.triangle(67, 82, 238, 185, 184, 7); osb.fill(59, 53, 13); osb.triangle(99, 83, 191, 185, 184, 7); //left ear outer highlight osb.noFill(); osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(147,35,68,90); osb.line(208,90,189,35); //left ear inner highlight osb.fill(133, 107, 78); osb.stroke(107, 93, 78); osb.strokeWeight(4); osb.triangle(178,20,174,72,88,112); //right ear osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(189, 111, 15); osb.triangle(199, 87, 320, 213, 303, 50); osb.fill(59, 53, 13); osb.triangle(246, 88, 288, 213, 303, 50); //right ear outer highlight osb.noFill(); osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(269,67,180,107); osb.line(304,105,303,87); //right ear inner highlight osb.fill(133, 107, 78); osb.stroke(107, 93, 78); osb.strokeWeight(4); osb.triangle(296,62,270,228,215,112); //face osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(189, 111, 15); osb.ellipse(138, 148, 191, 200); osb.ellipse(240, 179, 191, 200); osb.bezier(226,278,105,257,81,244,49,184); osb.bezier(288, 92, 78, -38, -23, 153, 213, 192); osb.noStroke(); osb.ellipse(143,149,190,201); osb.ellipse(219, 170, 171, 196); //head highlight (from left clockwise around top of head) osb.noFill(); osb.stroke(212, 145, 12); osb.strokeWeight(4); osb.line(53,113,65,91); osb.line(65,91,75,79); osb.line(75,79,92,66); osb.line(92,66,111,57); osb.line(111,57,128,54); osb.line(128,54,145,53); osb.line(145,53,170,54); osb.line(170,54,198,58); osb.line(198,58,227,67); osb.line(227,67,267,85); osb.line(267,85,292,101); osb.line(292,101,307,115); osb.line(307,115,318,130); osb.line(318,130,326,147); osb.line(326,147,330,171); osb.line(330,171,329,193); osb.line(329,193,322,218); osb.line(322,218,314,233); osb.line(314,233,306,245); /======================= FACIAL FEATURES ========================/ //nose (shape created by triangles of cheeks) osb.noStroke(); osb.fill(59, 53, 13); osb.ellipse(194,150,40,40); //nose highlight osb.fill(133, 107, 78); osb.stroke(107, 93, 78); osb.strokeWeight(4); osb.triangle(207,145,192,157,186,141); osb.stroke(117, 117, 117); osb.line(207,146,184,140); //tongue osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(199, 112, 199); osb.ellipse(178, 206, 30, 30); osb.strokeWeight(1); osb.line(176, 213, 182, 192); //left cheek osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(207, 207, 207); osb.ellipse(138, 166, 100, 100); osb.fill(189, 111, 15); osb.noStroke(); osb.triangle(84,161,206,131,115,87); //left cheek dots osb.fill(143, 142, 132); osb.ellipse(158,159,5,5); osb.ellipse(131,159,5,5); osb.ellipse(148,188,5,5); osb.ellipse(124,192,5,5); osb.ellipse(108,175,5,5); //left cheek whiskers osb.stroke(130,80,130); osb.line (158,159,51,92); osb.line (126,194,8,151); osb.line (147,186,9,107); osb.line (106,174,22,136); osb.line (131,159,37,94); //right cheek osb.stroke(61, 34, 0); osb.strokeWeight(3); osb.fill(207, 207, 207); osb.ellipse(234, 193, 100, 100); osb.fill(189, 111, 15); osb.noStroke(); osb.triangle(301,130,285,200,197,132); //right cheek dots osb.fill(143, 142, 132); osb.ellipse(217,174,5,5); osb.ellipse(237,182,5,5); osb.ellipse(251,203,5,5); osb.ellipse(209,197,5,5); osb.ellipse(229,216,5,5); //right cheek whiskers osb.stroke(130,80,130); osb.line(218,174,354,158); osb.line(238,181,374,173); osb.line(252,203,368,204); osb.line(209,196,348,190); osb.line(231,215,358,220); /======================= EYES ========================/ //left eye osb.stroke(61, 34, 0); osb.strokeWeight(2); osb.fill(207, 207, 207); osb.ellipse(123,109,40,40); //left iris osb.strokeWeight(2); osb.fill(144, 176, 194); osb.ellipse(123,107,30,30); //left iris shading osb.noFill(); osb.stroke(98, 131, 199); osb.strokeWeight(4); osb.line(116,98,125,95); osb.line(125,95,130,98); //left pupil osb.stroke(61, 34, 0); osb.strokeWeight(2); osb.fill(24, 32, 36); osb.ellipse(123,107,15,15); //left pupil white dots osb.fill(245, 248, 250); osb.ellipse(130,106,12,12); osb.noStroke(); osb.ellipse(118,108,3,3); //left pupil eyelashes osb.stroke(61, 34, 0); osb.line(106,92,99,86); osb.line(103,97,94,91); osb.line(101,101,95,100); //right eye osb.stroke(61, 34, 0); osb.strokeWeight(2); osb.fill(207, 207, 207); osb.ellipse(271,143,40,40); //right iris osb.strokeWeight(2); osb.fill(144, 176, 194); osb.ellipse(271,142,30,30); //right iris shading osb.noFill(); osb.stroke(98, 131, 199); osb.strokeWeight(5); osb.line(266,132,272,130); osb.line(272,130,280,135); //right pupil osb.stroke(61, 34, 0); osb.strokeWeight(2); osb.fill(24, 32, 36); osb.ellipse(271,142,15,15); //right pupil white dots osb.fill(245, 248, 250); osb.ellipse(278,141,12,12); osb.noStroke(); osb.ellipse(266,143,3,3); //right pupil eyelashes osb.stroke(61, 34, 0); osb.line(294,139,302,138); osb.line(294,144,307,144); osb.line(294,149,299,152); osb.endDraw(); return osb; }; kittyCatImage.fname = "kittyCatImage"; kittyCatImage.author = "Peggy Griffin"; kittyCatImage.title = "Kitty Cat"; var redAngryBirdImage = function(width) { / Draw the angry RED bird into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 300). Code lifted directly from author DY at http://www.khanacademy.org/cs/angry-birds-20/1387488668 / var naturalWidth = 300; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-27, -47); osb.background(0, 0, 0, 0); //Black Body Outline osb.strokeWeight(2); osb.stroke(0, 0, 0); //stroke(0, 0, 0); osb.fill(0, 0, 0); osb.beginShape(); osb.vertex(242, 109); osb.bezierVertex(219, 56, 184, 55, 175, 56); osb.bezierVertex(161, 59, 157, 73, 163, 82); osb.bezierVertex(141, 75, 83, 99, 140, 114); osb.bezierVertex(103, 126, 24, 255, 113, 312); osb.bezierVertex(181, 350, 272, 344, 309, 284); osb.bezierVertex(353, 205, 285, 120, 242, 109); osb.endShape(); //Tail Outline osb.stroke(16, 16, 16); osb.fill(16, 16, 16); //(Top) osb.beginShape(); osb.vertex(79, 196); osb.vertex(68, 173); osb.vertex(55, 185); osb.bezierVertex(78, 209, 60, 189, 76, 204); //(Middle) osb.vertex(41, 189); osb.vertex(33, 206); osb.bezierVertex(52, 213, 62, 213, 74, 214); osb.endShape(); //(Bottom) osb.beginShape(); osb.vertex(73, 215); osb.bezierVertex(80, 218, 67, 212, 51, 221); osb.vertex(55, 233); osb.vertex(73, 222); osb.endShape(); //Body Outline //(Light Red) osb.fill(252, 17, 84); osb.stroke(252, 17, 84); osb.beginShape(); osb.vertex(285, 299); osb.bezierVertex(346, 246, 310, 145, 242, 117); osb.bezierVertex(224, 73, 195, 62, 181, 61); osb.bezierVertex(188, 61, 127, 69, 217, 108); osb.vertex(190, 102); osb.bezierVertex(183, 98, 176, 94, 170, 88); osb.bezierVertex(149, 76, 107, 94, 129, 104); osb.bezierVertex(150, 110, 150, 110, 179, 109); osb.endShape(); //(Dark Red) osb.fill(211, 10, 50); osb.stroke(211, 10, 50); osb.beginShape(); osb.vertex(170, 88); osb.bezierVertex(156, 83, 129, 97, 129, 104); osb.bezierVertex(150, 110, 150, 110, 179, 109); osb.vertex(155, 114); osb.bezierVertex(125, 117, 37, 227, 100, 290); osb.bezierVertex(165, 346, 255, 329, 285, 299); osb.bezierVertex(343, 250, 315, 162, 231, 124); osb.bezierVertex(222, 47, 107, 62, 217, 108); osb.vertex(190, 102); osb.bezierVertex(183, 98, 176, 94, 170, 88); osb.endShape(); //Pale Body osb.fill(226, 196, 168); osb.strokeWeight(1.7); osb.stroke(226, 196, 168); osb.beginShape(); osb.vertex(115, 301); osb.bezierVertex(100, 295, 229, 214, 277, 305.8); osb.bezierVertex(241, 329, 174, 341, 115, 301); osb.endShape(); //Spots osb.fill(168, 0, 35); osb.stroke(168, 0, 35); //(1st from left) osb.beginShape(); osb.vertex(127, 239); osb.bezierVertex(135, 238, 148, 264, 130, 265); osb.bezierVertex(118, 263, 114, 240, 127, 239); osb.endShape(); //(2nd from left) osb.beginShape(); osb.vertex(157, 216.4); osb.bezierVertex(174, 220, 174, 262, 160, 259); osb.bezierVertex(150, 265, 140, 230, 157, 216.4); osb.endShape(); //(Around Right Eye) osb.beginShape(); osb.vertex(200, 203); osb.bezierVertex(181, 215, 169, 257, 195, 261); osb.bezierVertex(230, 265, 245, 230, 200, 203); osb.endShape(); //(Around Left Eye) osb.beginShape(); osb.vertex(292, 206); osb.bezierVertex(242, 233, 268, 259, 294, 255); osb.bezierVertex(301, 257, 318, 233, 292, 206); osb.endShape(); //Face //(Eye Outline) osb.strokeWeight(4); osb.fill(0); osb.stroke(0); osb.bezier(202, 203, 197, 208, 189, 219, 199, 240); osb.line(199, 232, 202, 236); osb.bezier(293, 227, 291, 226, 296, 216, 287, 208); //(Gray Shading in Right Eye) osb.fill(219); osb.stroke(219); osb.strokeWeight(1); osb.bezier(203, 206, 199, 205, 191, 224, 203, 235); osb.triangle(203, 228, 203, 235, 210, 233); //(Eyes) osb.fill(255); osb.stroke(255); osb.bezier(203, 206, 206, 206, 193, 224, 210, 233); osb.bezier(285, 208, 290, 213, 292, 223, 290, 227); osb.quad(203, 206, 210, 233, 290, 227, 285, 208); osb.triangle(208, 232, 273, 227, 251, 237); osb.fill(0); osb.stroke(0); osb.ellipse(224.5, 223, 14, 12); osb.ellipse(260, 223, 9, 9); //(Eyebrow Outline) osb.fill(0); osb.stroke(0); osb.beginShape(); osb.vertex(250, 219); osb.bezierVertex(220, 210, 198, 204, 183, 193); osb.bezierVertex(182, 189, 188, 180, 197, 172); osb.bezierVertex(218, 189, 234, 197, 251, 207); osb.bezierVertex(269, 200, 278, 193, 295, 178); osb.bezierVertex(302, 184, 309, 201, 307, 197); osb.bezierVertex(273, 215, 274, 212, 250, 219); osb.endShape(); //(Bottom Eyelids) osb.strokeWeight(4); osb.fill(168, 0, 35); osb.bezier(196, 241, 216, 232, 225, 236, 234, 237); osb.bezier(296, 229, 275, 223, 270, 231, 263, 234); //Beak osb.strokeWeight(1); osb.stroke(0); osb.fill(0); osb.triangle(249, 210, 247, 232, 251, 232); //(White... Teeth?) osb.fill(255); osb.strokeWeight(4); osb.stroke(0); osb.beginShape(); osb.vertex(249, 232); osb.bezierVertex(214, 245, 196, 270, 214, 285); osb.vertex(234, 285); osb.endShape(); //Yellow Upper Beak osb.fill(251, 186, 30); osb.beginShape(); osb.vertex(249, 232); osb.bezierVertex(221, 246, 179, 270, 251, 275); osb.bezierVertex(264, 278, 281, 276, 298, 292); osb.bezierVertex(307, 304, 307, 246, 249, 232); osb.endShape(); //Orange Lower Beak osb.fill(245, 156, 30); osb.stroke(0); osb.strokeWeight(4); osb.beginShape(); osb.vertex(215, 285); osb.bezierVertex(225, 295, 230, 297, 246, 305); osb.bezierVertex(266, 295, 263, 297, 280, 283); osb.bezierVertex(289, 279, 230, 268, 214, 285); osb.endShape(); osb.endDraw(); return osb; }; redAngryBirdImage.fname = "redAngryBirdImage"; redAngryBirdImage.author = "DY"; redAngryBirdImage.title = "Red Angry Bird"; var blueAngryBirdImage = function(width) { /* Draw the angry BLUE bird into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 300). Code lifted directly from author DY at http://www.khanacademy.org/cs/angry-birds-20/1387488668 / var naturalWidth = 300; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-38, -44); osb.background(0, 0, 0, 0); //Black Body Shapes osb.strokeWeight(1); osb.stroke(0, 0, 0); osb.fill(0, 0, 0); osb.quad(265, 101, 215, 336, 161, 95, 196, 66); osb.triangle(196, 66, 241, 72, 258, 98); osb.quad(318, 208, 328, 221, 334, 234, 314, 231); //Black Tail Shapes //(Top) osb.quad(85, 221, 49, 206, 43, 229, 95, 233); //(Bottom) osb.quad(82, 232, 51, 258, 68, 266, 89, 240); //Black Body Outline osb.strokeWeight(2); osb.bezier(196, 66, 200, 56, 220, 41, 241, 72); osb.noFill(); osb.bezier(241, 72, 250, 83, 257, 98, 265, 101); osb.fill(0, 0, 0); osb.bezier(265, 101, 326, 143, 359, 306, 215, 336); osb.bezier(215, 336, 74, 344, 35, 169, 161, 95); osb.bezier(161, 95, 147, 68, 172, 58, 196, 66); //Tail Outline //(Top) osb.bezier(85, 221, 60, 204, 55, 210, 49, 206); osb.line(49, 206, 43, 229); osb.line(43, 229, 82, 232); //(Bottom) osb.bezier(82, 232, 72, 239, 62, 246, 51, 258); osb.line(51, 258, 68, 266); osb.line(68, 266, 89, 240); //Blue Body Shapes osb.strokeWeight(1); osb.fill(102, 169, 195); osb.stroke(102, 169, 195); osb.quad(253, 101, 208, 323, 163, 106, 199, 102); osb.quad(199, 102, 181, 95, 227, 99, 253, 101); osb.triangle(227, 99, 207, 63, 253, 101); //Blue Body Outline osb.bezier(227, 99, 194, 70, 205, 65, 207, 63); osb.bezier(207, 63, 222, 54, 239, 78, 253, 101); osb.bezier(253, 101, 353, 192, 304, 320, 208, 323); osb.bezier(208, 323, 68, 327, 65, 153, 163, 106); osb.bezier(163, 106, 170, 100, 191, 104, 199, 102); osb.fill(0, 0, 0); osb.bezier(199, 102, 202, 104, 191, 97, 181, 95); osb.fill(102, 169, 195); osb.bezier(181, 95, 140, 75, 191, 63, 227, 99); //Face //(Black Shapes) osb.strokeWeight(7); osb.fill(0, 0, 0); osb.stroke(0, 0, 0); osb.quad(296, 147, 155, 171, 172, 211, 309, 227); osb.triangle(172, 211, 224, 257, 305, 226); //(Eye Outline) osb.bezier(299, 173, 308, 125, 232, 115, 237, 166); osb.bezier(228, 166, 240, 124, 155, 105, 155, 171); //(Right Cheek) osb.bezier(155, 171, 151, 184, 155, 195, 172, 211); //(Lower Beak) osb.bezier(172, 211, 182, 224, 195, 243, 224, 259); osb.bezier(224, 259, 242, 256, 275, 242, 305, 226); //(Right Eye) osb.strokeWeight(1); osb.fill(255, 255, 255); osb.stroke(255, 255, 255); osb.bezier(159, 171, 159, 121, 218, 116, 227, 164); osb.bezier(159, 171, 209, 189, 218, 173, 227, 164); osb.strokeWeight(2); osb.line(162, 171, 224, 164); //(Left Eye) osb.strokeWeight(1); osb.bezier(241, 166, 245, 119, 297, 134, 294, 172); osb.bezier(241, 166, 241, 169, 241, 170, 294, 172); osb.line(241, 166, 294, 172); //(Pupils) osb.fill(0, 0, 0); osb.stroke(0, 0, 0); osb.ellipse(216, 159, 15, 15); osb.ellipse(280, 159, 15, 15); //(Right Cheek) osb.fill(204, 79, 48); osb.stroke(204, 79, 48); osb.triangle(154, 177, 174, 207, 196, 187); osb.bezier(154, 177, 153, 189, 160, 196, 174, 207); //(Left Cheek) osb.fill(158, 61, 42); osb.stroke(158, 61, 42); osb.triangle(299, 182, 277, 179, 301, 194); osb.bezier(299, 182, 297, 181, 293, 178, 277, 179); osb.bezier(277, 179, 291, 189, 290, 190, 301, 194); //(Upper Beak) osb.fill(252, 172, 47); osb.stroke(252, 172, 47); osb.bezier(178, 213, 233, 166, 231, 147, 325, 225); osb.fill(0, 0, 0); osb.stroke(0, 0, 0); osb.bezier(178, 214, 233, 212, 280, 218, 325, 226); //(Lower Beak) osb.fill(252, 172, 47); osb.stroke(252, 172, 47); osb.triangle(184, 222, 296, 229, 220, 255); osb.bezier(184, 222, 233, 222, 231, 218, 296, 229); osb.bezier(296, 229, 263, 248, 239, 250, 220, 255); osb.bezier(220, 255, 211, 248, 193, 235, 184, 222); osb.endDraw(); return osb; }; blueAngryBirdImage.fname = "blueAngryBirdImage"; blueAngryBirdImage.author = "DY"; blueAngryBirdImage.title = "Blue Angry Bird"; var yellowAngryBirdImage = function(width) { /* Draw the angry YELLOW bird into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 304). Code lifted directly from author DY at http://www.khanacademy.org/cs/angry-birds/1101131556 */ var naturalWidth = 304; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-47, -35); osb.background(0, 0, 0, 0); osb.fill(0); osb.stroke(0); osb.strokeWeight(1); osb.beginShape(); osb.vertex(216, 100); osb.bezierVertex(255, 128, 358, 274, 350, 302); osb.bezierVertex(360, 332, 87, 343, 69, 304); osb.bezierVertex(67, 298, 80, 261, 85, 254); osb.bezierVertex(73, 258, 61, 258, 50, 251); osb.bezierVertex(67, 248, 65, 245, 70, 240); osb.bezierVertex(59, 234, 38, 217, 55, 182); osb.bezierVertex(57, 207, 61, 208, 81, 226); osb.bezierVertex(77, 216, 82, 203, 96, 191); osb.bezierVertex(91, 208, 92, 212, 102, 223); osb.bezierVertex(108, 216, 112, 190, 179, 107); osb.bezierVertex(171, 103, 168, 104, 153, 107); osb.bezierVertex(152, 102, 168, 92, 168, 93); osb.bezierVertex(151, 89, 141, 87, 131, 89); osb.bezierVertex(146, 74, 159, 76, 178, 78); osb.bezierVertex(147, 51, 136, 55, 125, 53); osb.bezierVertex(142, 43, 184, 46, 204, 69); osb.bezierVertex(205, 60, 206, 52, 206, 46); osb.bezierVertex(218, 59, 227, 82, 216, 100); osb.endShape(); //Yellow Body Outline osb.fill(246, 223, 53); osb.stroke(0, 0, 0); osb.beginShape(); osb.vertex(201, 103); osb.bezierVertex(221, 108, 318, 209, 340, 293); osb.bezierVertex(339, 306, 334, 301, 332, 305); osb.bezierVertex(339, 306, 239, 263, 153, 320); osb.bezierVertex(149, 320, 114, 321, 79, 300); osb.bezierVertex(86, 244, 182, 101, 201, 103); osb.endShape(); //White Body Outline osb.fill(255); osb.noStroke(); osb.beginShape(); osb.vertex(332, 303); osb.bezierVertex(339, 305, 239, 262, 151.8, 319.2); osb.bezierVertex(239, 326, 329, 310, 332, 303); osb.endShape(); //Eyes //(Right Eye) osb.fill(0); osb.stroke(0); osb.ellipse(210, 246, 54, 45); osb.fill(255); osb.ellipse(210, 246, 48, 38); osb.noStroke(); osb.fill(0); osb.ellipse(224.5, 246.5, 13, 11); //(Left Eye) osb.fill(0); osb.stroke(0); osb.ellipse(292, 247, 44, 37); osb.fill(255); osb.ellipse(292, 247, 39, 31); osb.noStroke(); osb.fill(0); osb.ellipse(303.5, 248, 11, 9); //Eyebrows osb.fill(176, 52, 18); osb.stroke(176, 52, 18); osb.strokeWeight(2); osb.quad(166, 200, 247, 230, 243, 241, 156, 217); osb.quad(264, 232, 337, 212, 342, 226, 266, 242); //Beak osb.fill(244, 169, 42); osb.stroke(0, 0, 0); osb.strokeWeight(5); osb.beginShape(); osb.vertex(226, 279); osb.bezierVertex(233, 267, 247, 253, 257, 247); osb.bezierVertex(288, 253, 308, 262, 326, 279); osb.bezierVertex(314, 281, 308, 277, 298, 277); osb.bezierVertex(269, 274, 243, 262, 226, 279); osb.endShape(); osb.beginShape(); osb.vertex(298, 277); osb.bezierVertex(269, 273, 246, 263, 226, 279); osb.bezierVertex(234, 288, 248, 295, 262, 298); osb.bezierVertex(276, 291, 286, 287, 300, 277); osb.endShape(); osb.endDraw(); return osb; }; yellowAngryBirdImage.fname = "yellowAngryBirdImage"; yellowAngryBirdImage.author = "DY"; yellowAngryBirdImage.title = "Yellow Angry Bird"; var greenAngryPig = function(width) { / Draw the angry GREEN pig into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 300). Code lifted directly from author DY at http://www.khanacademy.org/cs/angry-birds-20/1387488668 */ var naturalWidth = 300; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-45, -42); osb.background(0, 0, 0, 0); //Crown Outline osb.fill(254, 232, 52); osb.stroke(0); osb.strokeWeight(2.4); //(Yellow Side) osb.beginShape(); osb.vertex(238, 140); osb.vertex(203, 134); osb.bezierVertex(213, 90, 213, 78, 212, 43); osb.vertex(233, 84); osb.vertex(253, 61); osb.vertex(257, 90); osb.endShape(); //(Orange Side) osb.fill(250, 212, 49); osb.beginShape(); osb.vertex(256, 90); osb.bezierVertex(266, 85, 277, 79, 301, 72); osb.bezierVertex(263, 97, 261, 132, 255, 148); osb.vertex(237, 140); osb.endShape(); //Pearls osb.fill(37, 131, 236); osb.noStroke(); //(Left) osb.beginShape(); osb.vertex(210, 100); osb.bezierVertex(215, 104, 214, 108, 208, 114); osb.bezierVertex(202, 110, 202, 103, 210, 100); osb.endShape(); //(Center) osb.ellipse(238, 111.5, 16, 17); //(Right) osb.beginShape(); osb.vertex(266, 114); osb.bezierVertex(271, 116, 269, 128, 262, 126); osb.bezierVertex(259, 128, 257, 116, 266, 114); osb.endShape(); //Pearl Sparkles osb.fill(195, 255, 254); //(Left) osb.ellipse(210, 105.6, 3, 3); //(Center) osb.ellipse(241.1, 108.5, 3, 3); //(Right) osb.ellipse(266.8, 119.7, 3, 3); //Extra Pearl Outline osb.noFill(); osb.stroke(0); osb.strokeWeight(2.4); //(Right) osb.bezier(208, 114, 202, 110, 202, 103, 210, 100); osb.arc(210, 107, 14, 14, -244, -92); //(Left) osb.arc(263, 120, 14, 14, -63, 97); osb.fill(116, 225, 84); osb.stroke(0); osb.strokeWeight(5); //Head osb.beginShape(); osb.vertex(191, 134); osb.bezierVertex(302, 132, 326, 220, 318, 261); osb.bezierVertex(304, 341, 211, 340, 191, 340); osb.bezierVertex(48, 334, 59, 224, 99, 179); osb.bezierVertex(118, 153, 148, 132, 191, 134); osb.endShape(); //Ears //(Right) osb.beginShape(); osb.vertex(104, 178); osb.bezierVertex(92, 175, 70, 165, 83, 144); osb.bezierVertex(101, 126, 115, 147, 118, 163); osb.endShape(); //(Left) osb.beginShape(); osb.vertex(160, 140); osb.bezierVertex(156, 138, 139, 103, 168, 96); osb.bezierVertex(186, 93, 195, 113, 189, 137); osb.endShape(); //Earholes osb.fill(20, 57, 15); osb.noStroke(); //(Right) osb.beginShape(); osb.vertex(107, 168); osb.bezierVertex(114, 162, 107, 139, 93, 151); osb.bezierVertex(90, 153, 86, 169, 107, 168); osb.endShape(); //(Left) osb.beginShape(); osb.vertex(173, 136); osb.bezierVertex(165, 133, 156, 117, 173, 114); osb.bezierVertex(186, 114, 184, 133, 173, 136); osb.endShape(); osb.fill(48, 97, 29); osb.noStroke(); //Eyebrows //(Right) osb.beginShape(); osb.vertex(96, 197); osb.bezierVertex(97, 186, 116, 177, 124, 197); osb.bezierVertex(108, 188, 105, 193, 96, 197); osb.endShape(); //(Left) osb.beginShape(); osb.vertex(254, 181); osb.bezierVertex(263, 156, 283, 175, 282, 176); osb.bezierVertex(288, 183, 271, 167, 254, 181); osb.endShape(); //Eye/Chin Shadows osb.fill(90, 179, 60); osb.noStroke(); //(Under Right Eye) osb.ellipse(110.5, 255, 45, 39); //(Under Left Eye) osb.ellipse(283.5, 243, 45, 39); //(Under Chin) osb.ellipse(196, 272, 83, 77); osb.fill(255); osb.stroke(104, 154, 30); osb.strokeWeight(5); //Right Eye osb.ellipse(106.8, 235, 56, 58); //Left Eye osb.ellipse(286, 220, 56, 56); //Mouth osb.fill(143, 204, 39); osb.bezier(158, 268, 183, 300, 210, 300, 235, 268); //Snout osb.fill(167, 231, 46); osb.beginShape(); osb.vertex(196.5, 170); osb.bezierVertex(247, 170, 293, 241, 235, 268); osb.bezierVertex(210, 275, 183, 275, 158, 268); osb.bezierVertex(101, 239, 151, 170, 196.5, 170); osb.endShape(); //Nostrils osb.fill(21, 26, 18); osb.noStroke(); //(Right) osb.beginShape(); osb.vertex(189, 212); osb.bezierVertex(202, 249, 174, 253, 163, 229); osb.bezierVertex(153, 200, 179, 205, 189, 212); osb.endShape(); //(Left) osb.beginShape(); osb.vertex(209, 216); osb.bezierVertex(212, 206, 233, 203, 234, 219); osb.bezierVertex(223, 246, 209, 244, 209, 216); osb.endShape(); osb.fill(0); osb.noStroke(); //Right Pupil osb.ellipse(94.9, 237, 14, 14); //Left Pupil osb.ellipse(296, 221.3, 14, 14); osb.endDraw(); return osb; }; greenAngryPig.fname = "greenAngryPig"; greenAngryPig.author = "DY"; greenAngryPig.title = "Green Angry Pig"; var blackAngryBomb = function(width) { / Draw the angry BLACK bird bomb into an image buffer and return that image. The image is a SQUARE whose width and height are "width" (default 328). Code lifted directly from author DY at https://www.khanacademy.org/cs/a/1590557912 / var naturalWidth = 328; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(-50, -17); osb.background(0, 0, 0, 0); //Body Outline osb.fill(0); osb.noStroke(); osb.beginShape(); osb.vertex(201, 99); osb.bezierVertex(197, 79, 193, 31, 208, 18); osb.bezierVertex(218, 21, 232, 25, 243, 37); osb.bezierVertex(219, 67, 219, 79, 218, 101); osb.bezierVertex(244, 101, 325, 128, 320, 244); osb.bezierVertex(319, 259, 315, 284, 304, 300); osb.bezierVertex(258, 368, 162, 348, 112, 312); osb.bezierVertex(74, 283, 73, 243, 76, 213); osb.bezierVertex(77, 183, 105, 96, 201, 99); osb.endShape(); //Belly osb.fill(67); osb.beginShape(); osb.vertex(124, 311); osb.bezierVertex(196, 244, 253, 246, 297, 295); osb.bezierVertex(264, 345, 176, 351, 124, 311); osb.endShape(); //Eye Rings //(Right) osb.fill(54); osb.beginShape(); osb.vertex(128, 170); osb.bezierVertex(127, 140, 161, 134, 165, 136); osb.vertex(189, 153); osb.bezierVertex(200, 165, 188, 192, 171, 192); osb.bezierVertex(164, 196, 129, 193, 128, 170); osb.endShape(); //(Left) osb.fill(54); osb.beginShape(); osb.vertex(278, 135); osb.bezierVertex(296, 147, 306, 171, 293, 177); osb.bezierVertex(286, 170, 283, 170, 279, 168); osb.vertex(257, 165); osb.vertex(251, 165); osb.bezierVertex(249, 156, 249, 149, 257, 143); osb.endShape(); //Forehead Mark osb.translate(226, 125); osb.rotate(19); osb.fill(255); osb.stroke(181); osb.strokeWeight(3); osb.ellipse(0, 0, 31, 21); osb.rotate(-19); osb.translate(-226, -125); //Eyes osb.fill(255); osb.strokeWeight(4); osb.stroke(0); osb.ellipse(168, 154, 41, 38); osb.ellipse(272, 153, 32, 32); osb.strokeWeight(14); osb.point(179, 152); osb.strokeWeight(12); osb.point(279, 152); //Eyebrows osb.noStroke(); //(Right) osb.fill(194, 68, 22); osb.quad(308, 119, 309, 131, 255, 144, 252, 133); //(Left) osb.fill(159, 57, 16); osb.quad(122, 115, 116, 127, 187, 144, 192, 134); //Upper Beak osb.fill(253, 173, 42); osb.beginShape(); osb.vertex(209, 182); osb.bezierVertex(216, 174, 221, 170, 228, 167); osb.bezierVertex(240, 168, 284, 163, 296, 188); osb.bezierVertex(269, 182, 239, 169, 209, 182); osb.endShape(); //Lower Beak osb.fill(253, 173, 42); osb.beginShape(); osb.vertex(200, 197); osb.bezierVertex(220, 179, 256, 181, 281, 190); osb.bezierVertex(266, 223, 260, 235, 216, 230); osb.bezierVertex(210, 223, 203, 207, 200, 197); osb.endShape(); //Fuse osb.fill(253, 191, 45); osb.beginShape(); osb.vertex(209, 23); osb.bezierVertex(215, 24, 227, 30, 235, 36); osb.vertex(222, 54); osb.vertex(212, 44); osb.vertex(203, 44); osb.bezierVertex(203, 39, 205, 30, 209, 23); osb.endShape(); osb.endDraw(); return osb; }; blackAngryBomb.fname = "blackAngryBomb"; blackAngryBomb.author = "DY"; blackAngryBomb.title = "Black Angry Bomb"; / * DeKhan is a library with five static functions: * loopDetect(f) returns a function like f with no loop detection code. * * renew(f) returns a function like f with the "new" keyword reinserted. * * applyRegExp(f, rExp, replacement) returns a function like f where the * caller specifies replacmenet arguments, rExp and replacement. * * printText(source) prints source via println in a broswer sensitive fashion. * * print(f, prefix, suffix) prints the (nearly) original source * of function f along with optional prefix and suffix strings. / var DeKhan = (function() { / Regular expressions derived from Element118 delag() function. / var plusPlusExp = new RegExp("__env__\\.KAInfiniteLoopCount\\+\\+;\\n", "g"); var ifClauseExp = new RegExp("\\n\\sif \$__env__\\.KAInfiniteLoopCount > 1000\$ {[\\s]+__env__\\.KAInfiniteLoopProtect\$'[^']'\$;[^}]+}", "g"); var newExp = new RegExp("__env__\\.PJSCodeInjector\\.applyInstance\$(\\S+), '\\S+'\$", "g"); var envExp = new RegExp("__env__\\.", "g"); var noBreakSpace = "\u00a0"; / primenumbers7532@gmail.com / var lineBreak = String.fromCharCode(10); / Larry Serflaten for IE Windows / var spaceExp = new RegExp(" ", "g"); var newlineExp = new RegExp("\\n", "g"); var wasFrameCount = frameCount; frameCount = function() { frameCount = wasFrameCount; return this; }; var globals = frameCount(); var metIpseMecum = (0 \|\| arguments).callee; / Given source code, return a function in the global scope. / var conjureFunctionFrom = function (source) { / Copied from Element118 delag() function. / return Object.constructor('return (function(__env__) {return ' + source + ';});')()(globals); }; return { / Return a function like f without any loop detection. / loopDetect: function(f) { var source = f.toString(); source = source.replace(plusPlusExp, ""); source = source.replace(ifClauseExp, ""); return conjureFunctionFrom(source); }, / Return a function like f where the caller supplies the filter. / applyRegExp: function(f, rExp, replacement) { var source = f.toString(); source = source.replace(rExp, replacement); return conjureFunctionFrom(source); }, / Return a function like f that uses the keyword "new" again. / renew: function(f) { return this.applyRegExp(f, newExp, "new $1"); }, / * Print completely deKhanified function f source out via println. * All arguments are optional. / print: function(f, prefix, suffix) { f = f \|\| metIpseMecum; prefix = prefix \|\| ""; suffix = suffix \|\| ""; f = this.loopDetect(f); f = this.renew(f); var source = f.toString(); source = source.replace(envExp, ""); source = prefix + source + suffix; this.printText(source); }, / Print source line(s) out via println. / printText: function(source) { source = source \|\| " "; / blank line if nothing else... / source = source.replace(spaceExp, noBreakSpace); source = source.replace(newlineExp, lineBreak); println(source); }, }; })(); / Library / var images, mirrors, imageFuncs; var imgSz, thumbSz, cols, slop, rows, current; / Initialize everything on (re)start / var init = function() { var x, y, i, r, c; imageMode(CENTER); rectMode(CENTER); textAlign(CENTER, CENTER); images = []; mirrors = []; imageFuncs = [ kaHandImage, yokoOhYesImage, kittyCatImage, spamImage, redAngryBirdImage, blueAngryBirdImage, yellowAngryBirdImage, blackAngryBomb, greenAngryPig, woodyImage, disneyImage, mickeyMouseImage, paperMarioImage, timmyTurnerImage, ruffRuffmanImage ]; current = undefined; imgSz = 150; thumbSz = 60; cols = floor(width / thumbSz); slop = (width - cols thumbSz) / cols; rows = ceil(imageFuncs.length / cols); y = slop/2 + thumbSz/2; for (r = i = 0; r < rows; r++) { x = slop/2 + thumbSz/2; for (c = 0; c < cols && i < imageFuncs.length; c++, i++) { imageFuncs[i].y = y; imageFuncs[i].x = x; x += slop + thumbSz; } y += slop + thumbSz; } }; /* * Render the thumbnails and info associated with * the mouse location. If the user clicked on a * thumbnail, return the index of the clicked * image. / var renderThumbs = function(infoOnly) { var x, y, t, a, mOver; for (var i = 0; i < images.length; i++) { x = imageFuncs[i].x; y = imageFuncs[i].y; t = images[i]; if (! infoOnly) { image(t, x, y, thumbSz, thumbSz); } if (dist(mouseX, mouseY, x, y) < thumbSz/2) { mOver = i; } } if (images.length < imageFuncs.length) { i = images.length; images[i] = imageFuncs[i](imgSz); mirrors[i] = mirrorImage(images[i]); loop(); return; } if (mOver >= 0) { if (infoOnly) { i = mOver; x = imageFuncs[i].x; y = imageFuncs[i].y; t = imageFuncs[i].title; a = imageFuncs[i].author; stroke(0); noFill(); textSize(12); rect(x, y, thumbSz, thumbSz); y += thumbSz/2 + 6 + 3 + 6; i = 10 + max(textWidth(t), textWidth(a)); x = constrain(imageFuncs[mOver].x, i/2, width - i/2); fill(255, 255, 255); rect(x, y, i, 12 + 6 + 12); y -= 7; fill(0); text(t, x, y); y += 15; text(a, x, y); } if (mouseIsPressed) { return mOver; } } }; / * Render the "current" image and its mirror * image. Returns true iff the user clicked * on the "Code" button. / var renderImages = function() { var wantsCode = false; var x, y, bSz = 20; if (current >= 0) { y = 265; x = 100; image(images[current], x, y); x = width - 100; image(mirrors[current], x, y); / render a button / x = width/2; if (dist(mouseX, mouseY, x, y) < bSz/2) { strokeWeight(3); fill(180, 240, 170); if (mouseIsPressed) { fill(50, 250, 50); if (frameCount > renderImages.frameCount + 20) { wantsCode = true; renderImages.frameCount = frameCount; } } } else { strokeWeight(2); fill(200, 230, 200); } stroke(0); ellipse(x, y, bSz, bSz); fill(0); y +=bSz; text("Code", x, y); } return wantsCode; }; renderImages.frameCount = frameCount; / Dump some example code / var dumpExample = function(fname) { var lines = [ "var img = " + fname + "(200);", "//img = mirrorImage(img);", "image(img, 100, 100);", ]; DeKhan.printText(lines.join("\n")); }; / Dump code for the "current" image / var dumpCode = function() { var fname = imageFuncs[current].fname \|\| "img"; DeKhan.print(mirrorImage, "var mirrorImage = ", "; \n"); DeKhan.print(imageFuncs[current], "var " + fname + " = ", "; \n"); dumpExample(fname); }; / Called numerous times per second by Procesing.js. / draw = function() { noLoop(); background(255, 255, 255); var i = renderThumbs(); if (i >= 0) { current = i; } var code = renderImages(); renderThumbs(true); if (code) { dumpCode(); } }; mouseMoved = mousePressed = mouseReleased = loop; init(); / Let's light this candle! */ // I am honored any time anybody uses my code for any purpose. // Copy freely! All my programs are at // https://www.khanacademy.org/profile/BobLyon/programs
Folds	12,36,39,54,57,338,343,1152,1157,1262,1267,1584,1589,1985,1990,2078,2083,2133,2138,2207,2212,2295,2300,2686,2691,2886,2891,3018,3023,3136,3141,3332,3337,3462,3467,3480,3481,3550
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBj1h5SeBQw
Votes	300
Spin-Offs	11
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"1387488668","title":"Angry Birds: Red 2.0","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bob Lyon
Author Name	BobLyon
Author ID	kaid_1116520053705160540512971
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739281559227
Updated	4 months ago, 1744844889457
Source Deleted	unknown