Viewing Program

Program Data

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

Title	Funics #29 (Primavera)
ID	4646037371174912
Created	4 years ago, 1622550787676
Updated	4 years ago, 1623138183297
Code	/ Funics #29 June 2021 - For Primavera challenge 5 :) - This took literally so long, but I am happy how it turned out. - Showing y'all what I can do with bezierVertex and vertex. - And of coarse, credit to Loading Artist, this is his comic, recreated by me. Like this? Subscribe here: https://www.khanacademy.org/cs/i/4646317380288512 / var bin = function(x, y) { pushMatrix(); translate(x, y); // Bin contents strokeWeight(2); fill(139, 181, 147); beginShape(); vertex(190, 183); vertex(174, 169); vertex(161, 175); vertex(167, 184); endShape(); stroke(0); fill(53, 54, 56); beginShape(); vertex(190, 192); bezierVertex(90, 113, 285, 176, 188, 192); endShape(); noStroke(); fill(215, 216, 219); beginShape(); vertex(190, 167); bezierVertex(133, 132, 259, 186, 188, 166); endShape(); ellipse(184, 166, 10, 10); stroke(0); fill(67, 117, 72); beginShape(); vertex(132, 163); vertex(136, 179); vertex(154, 182); vertex(150, 160); bezierVertex(146, 148, 150, 164, 139, 143); vertex(137, 123); bezierVertex(125, 120, 139, 144, 133, 154); vertex(132, 164); endShape(); fill(90, 105, 150); beginShape(); vertex(127, 187); bezierVertex(135, 132, 229, 198, 140, 194); endShape(); noStroke(); fill(215, 216, 219); ellipse(152, 170, 24, 6); ellipse(156, 173, 10, 6); // Bin strokeWeight(3); fill(158, 156, 158); beginShape(); vertex(129, 188); vertex(138, 275); vertex(197, 275); vertex(207, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Bin 2nd fill noStroke(); fill(112, 108, 112, 110); beginShape(); vertex(129, 188); vertex(138, 275); vertex(167, 275); vertex(164, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Pattern strokeWeight(3); stroke(199, 193, 199); line(204, 205, 191, 193); line(202, 221, 173, 193); line(200, 241, 150, 192); line(197, 259, 131, 194); line(192, 274, 134, 216); line(174, 274, 135, 234); line(157, 274, 135, 252); // These point the other way line(133, 205, 149, 193); line(134, 221, 170, 193); line(136, 241, 193, 192); line(138, 259, 202, 205); line(141, 274, 202, 220); line(159, 274, 201, 238); line(178, 272, 199, 255); // Bin (2nd part) stroke(0); noFill(); beginShape(); vertex(129, 188); vertex(138, 275); vertex(197, 275); vertex(207, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Banana peel hanging over bin strokeWeight(2); stroke(0); fill(209, 217, 94); beginShape(); vertex(162, 204); bezierVertex(161, 161, 219, 193, 163, 199); endShape(); noStroke(); fill(79, 53, 46); ellipse(175, 189, 3, 8); ellipse(179, 186, 9, 6); ellipse(173, 192, 3, 7); ellipse(167, 193, 4, 8); // "Trash" sticker thing on the bin strokeWeight(3); stroke(0); fill(71, 70, 71); beginShape(); vertex(129, 189); vertex(135, 248); vertex(200, 248); vertex(204, 215); vertex(134, 215); endShape(); // Thing on the floor strokeWeight(2); stroke(0); fill(161, 163, 161); beginShape(); vertex(132, 270); bezierVertex(146, 275, 180, 283, 139, 283); vertex(132, 278); vertex(132, 270); endShape(); // Another thing on the floor strokeWeight(2); stroke(0); fill(41, 41, 41); beginShape(); vertex(205, 271); vertex(205, 279); vertex(186, 277); vertex(200, 259); vertex(210, 267); vertex(206, 269); endShape(); fill(133, 199, 141); ellipse(152, 282, 10, 8); // Text textSize(18); var f = createFont("Trebuchet MS Bold"); textFont(f); fill(255); text("TRASH", 140, 238); popMatrix(); }; //[ strokeWeight(3); // Top Left fill(196, 120, 85); rect(17, 16, 275, 275, 1); // Top Right fill(197, 234, 252); rect(310, 16, 274, 275, 1); // Bottom Left fill(196, 120, 85); rect(16, 310, 276, 275, 1); // Bottom right fill(133, 133, 133); rect(310, 310, 276, 275, 1); //] All panels //[ // 1st Panel noStroke(); fill(224, 138, 101); rect(146, 35, 60, 25, 6); rect(173, 66, 60, 25, 6); rect(106, 66, 60, 25, 6); rect(182, 205, 60, 25, 6); rect(226, 173, 54, 26, 5); rect(248, 205, 43, 25, 6); rect(254, 205, 37, 25); // 2nd Panel noStroke(); fill(224, 138, 101); rect(211, 361, 60, 25, 6); rect(173, 392, 60, 25, 6); rect(240, 392, 50, 25, 6); rect(254, 392, 37, 25); rect(25, 538, 50, 25, 6); //] All Panel bricks (except 4) //[ // Floor stroke(0); fill(133, 133, 133); rect(17, 236.5, 275, 55, 1); pushMatrix(); rotate(-29); translate(-140, 77); // Bin shadow noStroke(); fill(13, 13, 13, 180); beginShape(); vertex(190, 183); vertex(174, 169); vertex(161, 175); vertex(167, 184); vertex(190, 192); bezierVertex(90, 113, 285, 176, 188, 192); vertex(132, 163); vertex(136, 179); vertex(154, 182); vertex(150, 160); bezierVertex(144, 148, 150, 164, 139, 143); vertex(137, 123); bezierVertex(121, 120, 139, 144, 136, 156); vertex(131, 169); vertex(121, 180); bezierVertex(116, 207, 229, 198, 140, 191); vertex(129, 192); vertex(137, 219); vertex(197, 240); vertex(207, 168); endShape(); popMatrix(); // Bin bin(5, -13); //] 1st Panel street floor and bin //[ // Face strokeWeight(3.5); stroke(0); fill(255); beginShape(); vertex(19, 16); vertex(62, 17); bezierVertex(133, 87, 96, 268, 51, 292); vertex(19, 293); endShape(); // Eye ellipse(70, 158, 79, 188); ellipse(99, 170, 20, 37); // Face shadow noStroke(); fill(13, 13, 13, 180); beginShape(); vertex(19, 16); vertex(56, 17); bezierVertex(129, 87, 96, 268, 42, 291); vertex(19, 291); endShape(); //] 1st Panel Sam //[ // Leg strokeWeight(10); stroke(0); noFill(); arc(260, 131, 84, 267, 51, 113); // Body strokeWeight(3.5); fill(207, 39, 207); stroke(0); beginShape(); vertex(291, 241); vertex(255, 234); bezierVertex(307, 148, 280, 189, 291, 163); endShape(); // Streaks from the thing strokeWeight(3); stroke(255); noFill(); arc(278, 166, 156, 100, -151, -81); arc(129, 204, 185, 240, -67, -31); // The thing pushMatrix(); translate(-14, 0); strokeWeight(2); stroke(0); fill(255, 255, 255); beginShape(); vertex(146, 98); vertex(141, 84); vertex(149, 77); bezierVertex(150, 115, 149, 60, 150, 71); vertex(168, 83); vertex(164, 95); vertex(146, 99); endShape(); popMatrix(); //] The girl and the thing (1st Panel) //[ // Clouds pushMatrix(); scale(0.7); translate(336, 79); noStroke(); fill(255, 255, 255); arc(381, 102, 90, 90, 181, 361); arc(424, 103, 80, 80, 181, 361); arc(335, 102, 30, 30, 181, 361); arc(467, 103, 50, 50, 181, 361); popMatrix(); // Clouds pushMatrix(); scale(0.9); translate(37, -26); noStroke(); fill(255, 255, 255); arc(381, 102, 90, 80, 181, 361); arc(424, 103, 70, 70, 181, 361); arc(335, 102, 40, 40, 181, 361); arc(461, 103, 20, 20, 181, 361); popMatrix(); // Wall stroke(0); fill(196, 120, 85); rect(522, 16, 62, 275, 1); scale(1.4); translate(210, -40); // Bin contents strokeWeight(2); stroke(0); fill(90, 105, 150); beginShape(); vertex(174, 192); bezierVertex(138, 151, 232, 170, 201, 192); endShape(); // The bottle pushMatrix(); rotate(14); translate(90, -42); stroke(0); fill(67, 117, 72); beginShape(); vertex(132, 163); vertex(136, 186); vertex(154, 183); vertex(150, 164); bezierVertex(146, 148, 150, 164, 139, 143); vertex(137, 123); bezierVertex(125, 120, 139, 144, 133, 154); vertex(132, 164); endShape(); popMatrix(); strokeWeight(2); fill(139, 181, 147); beginShape(); vertex(197, 191); vertex(174, 171); vertex(161, 184); vertex(167, 197); endShape(); fill(53, 54, 56); beginShape(); vertex(130, 187); bezierVertex(95, 145, 229, 144, 170, 194); endShape(); // Bin strokeWeight(2); fill(158, 156, 158); beginShape(); vertex(129, 188); vertex(138, 248); vertex(208, 245); vertex(208, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Bin 2nd fill noStroke(); fill(112, 108, 112, 110); beginShape(); vertex(130, 188); vertex(137, 246); vertex(186, 246); vertex(185, 191); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Pattern strokeWeight(2.5); stroke(199, 193, 199); line(204, 205, 191, 193); line(202, 221, 173, 193); line(200, 241, 150, 192); line(178, 243, 131, 194); // These point the other way line(133, 205, 149, 193); line(134, 221, 170, 193); line(136, 241, 193, 192); line(163, 235, 202, 205); line(141, 241, 202, 220); line(159, 238, 201, 238); // Bin (2nd part) stroke(0); noFill(); beginShape(); vertex(129, 188); vertex(135, 248); vertex(208, 248); vertex(208, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // "Trash" sticker thing on the bin strokeWeight(2.5); stroke(0); fill(71, 70, 71); beginShape(); vertex(129, 189); vertex(135, 248); vertex(208, 248); vertex(208, 215); vertex(134, 215); endShape(); // Text textSize(18); var f = createFont("Trebuchet MS Bold"); textFont(f); fill(255); text("SH", 136, 238); //] 2nd Panel wall, bin and clouds //[ // Jacket stroke(0); fill(70, 99, 242); beginShape(); vertex(25, 247); bezierVertex(49, 51, 18, 279, 109, 156); bezierVertex(97, 159, 79, 234, 94, 247); endShape(); // Body stroke(0); fill(255); beginShape(); vertex(54, 247); bezierVertex(74, 51, 94, 279, 37, 156); bezierVertex(96, 150, 74, 234, 77, 247); endShape(); // Shadows noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(25, 249); bezierVertex(26, 125, 82, 279, 25, 171); bezierVertex(85, 150, 34, 234, 44, 247); endShape(); // Right arm noFill(); strokeWeight(10); stroke(0); beginShape(); vertex(95, 195); bezierVertex(142, 216, 80, 221, 96, 240); endShape(); // Shoulder piece strokeWeight(2.5); stroke(0); fill(70, 99, 242); beginShape(); vertex(81, 196); bezierVertex(135, 185, 84, 180, 112, 198); vertex(105, 207); endShape(); line(104, 207, 91, 202); // Head strokeWeight(2.5); stroke(0); fill(255); ellipse(70, 153, 96, 93); // Right eye pushMatrix(); rotate(20); translate(81, -36); ellipse(73, 157, 31, 52); ellipse(71, 157, 7, 7); noFill(); line(60, 166, 87, 156); line(58, 155, 87, 148); popMatrix(); // Left eye pushMatrix(); translate(-4, 0); noFill(); arc(58, 161, 46, 38, -26, 222); ellipse(67, 162, 7, 7); line(36, 164, 79, 167); line(36, 155, 79, 159); line(42, 148, 85, 152); line(86, 148, 85, 152); popMatrix(); // Mouth noFill(); arc(65, 183, 41, 7, 169, 334); arc(68, 168, 46, 38, 81, 109); // Shadow on face noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(61, 118); bezierVertex(93, 95, -13, 167, 81, 197); bezierVertex(8, 223, 1, 95, 75, 108); endShape(); // Left arm noFill(); strokeWeight(10); stroke(0); beginShape(); vertex(65, 195); bezierVertex(53, 214, 4, 233, 23, 194); endShape(); // Shoulder piece strokeWeight(2); stroke(0); fill(70, 99, 242); beginShape(); vertex(45, 198); bezierVertex(41, 189, 44, 164, 16, 191); vertex(25, 204); endShape(); line(24, 205, 31, 202); // Shadow on shoulder noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(45, 198); bezierVertex(41, 189, 44, 164, 16, 191); vertex(25, 204); endShape(); //] 2nd Panel Sam //[ // Bin shadow pushMatrix(); rotate(-20); scale(0.7); translate(-460, 359); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(190, 183); vertex(174, 169); vertex(161, 175); vertex(167, 184); vertex(190, 192); bezierVertex(83, 126, 285, 177, 188, 174); vertex(132, 163); vertex(136, 179); vertex(154, 182); vertex(150, 160); bezierVertex(144, 148, 150, 164, 139, 143); vertex(137, 123); bezierVertex(121, 120, 139, 144, 136, 156); vertex(131, 169); vertex(121, 180); bezierVertex(116, 207, 229, 198, 140, 191); vertex(129, 192); vertex(137, 219); vertex(197, 240); vertex(207, 168); endShape(); popMatrix(); // Other part pushMatrix(); scale(0.8); translate(-217, 324); // Bin contents strokeWeight(2); fill(139, 181, 147); beginShape(); vertex(190, 183); vertex(174, 169); vertex(161, 175); vertex(167, 184); endShape(); stroke(0); fill(53, 54, 56); beginShape(); vertex(190, 192); bezierVertex(90, 113, 285, 176, 188, 192); endShape(); noStroke(); fill(215, 216, 219); beginShape(); vertex(190, 167); bezierVertex(133, 132, 259, 186, 188, 166); endShape(); ellipse(184, 166, 10, 10); stroke(0); fill(67, 117, 72); beginShape(); vertex(132, 163); vertex(136, 179); vertex(154, 182); vertex(150, 160); bezierVertex(146, 148, 150, 164, 139, 143); vertex(137, 123); bezierVertex(125, 120, 139, 144, 133, 154); vertex(132, 164); endShape(); fill(90, 105, 150); beginShape(); vertex(127, 187); bezierVertex(135, 132, 229, 198, 140, 194); endShape(); noStroke(); fill(215, 216, 219); ellipse(152, 170, 24, 6); ellipse(156, 173, 10, 6); // Bin strokeWeight(3); fill(158, 156, 158); beginShape(); vertex(135, 216); vertex(138, 247); vertex(197, 248); vertex(207, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Bin shadow thing noStroke(); fill(112, 108, 112, 110); beginShape(); vertex(129, 188); vertex(138, 245); vertex(167, 244); vertex(164, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Pattern strokeWeight(3); stroke(199, 193, 199); line(204, 205, 191, 193); line(202, 221, 173, 193); line(200, 241, 150, 192); line(176, 239, 131, 194); // These point the other way line(133, 205, 149, 193); line(134, 221, 170, 193); line(136, 241, 193, 192); line(155, 243, 202, 205); // Bin (2nd part) stroke(0); noFill(); beginShape(); vertex(128, 188); vertex(138, 246); vertex(200, 245); vertex(207, 188); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); // Banana peel hanging over bin strokeWeight(2); stroke(0); fill(209, 217, 94); beginShape(); vertex(162, 204); bezierVertex(161, 161, 219, 193, 163, 199); endShape(); noStroke(); fill(79, 53, 46); ellipse(175, 189, 3, 8); ellipse(179, 186, 9, 6); ellipse(173, 192, 3, 7); ellipse(167, 193, 4, 8); // "Trash" sticker thing on the bin strokeWeight(3); stroke(0); fill(71, 70, 71); beginShape(); vertex(129, 189); vertex(135, 248); vertex(200, 248); vertex(204, 215); vertex(134, 215); endShape(); // Text textSize(18); var f = createFont("Trebuchet MS Bold"); textFont(f); fill(255); text("TRASH", 140, 238); popMatrix(); //] 3rd Panel bin //[ strokeCap(SQUARE); strokeWeight(10); stroke(0); line(-158, 419, -152, 458); strokeCap(ROUND); line(-150, 442, -101, 451); // Other bin strokeWeight(3); fill(71, 70, 71); beginShape(); vertex(-170, 376); vertex(-134, 434); vertex(-86, 411); vertex(-105, 348); bezierVertex(-96, 332, -204, 356, -195, 387); endShape(); noFill(); arc(-73, 424, 301, 156, -126, -103); strokeWeight(5); stroke(255, 100); line(-103, 374, -109, 356); line(-99, 387, -101, 381); // Sam's jacket strokeWeight(2.5); stroke(0); fill(70, 99, 242); beginShape(); vertex(-162, 386); bezierVertex(-196, 362, -86, 445, -159, 452); vertex(-165, 452); bezierVertex(-225, 362, -182, 445, -187, 370); endShape(); // Sam's body strokeWeight(2.5); stroke(0); fill(255); beginShape(); vertex(-162, 386); bezierVertex(-196, 362, -86, 445, -159, 452); vertex(-138, 435); bezierVertex(-192, 362, -150, 426, -187, 370); endShape(); // Right arm noFill(); strokeCap(ROUND); strokeWeight(10); stroke(0); beginShape(); vertex(-120, 377); bezierVertex(-134, 396, -177, 402, -153, 398); endShape(); // Shoulder piece pushMatrix(); translate(-252, 204); strokeWeight(2.5); stroke(0); fill(70, 99, 242); beginShape(); vertex(82, 195); bezierVertex(98, 185, 93, 180, 105, 199); vertex(92, 204); endShape(); popMatrix(); // Shadows noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(-162, 386); bezierVertex(-184, 360, -99, 444, -146, 447); vertex(-172, 459); bezierVertex(-211, 396, -196, 443, -193, 344); endShape(); // Sam's head strokeWeight(2.5); stroke(0); fill(255); arc(-196, 373, 74, 70, -91, 92); // Right eye pushMatrix(); rotate(-17); translate(-340, 143); ellipse(73, 157, 21, 32); strokeWeight(2); ellipse(76, 166, 7, 7); popMatrix(); // Left eye arc(-196, 372, 24, 38, -91, 92); strokeWeight(2); ellipse(-189, 379, 7, 7); // Mouth strokeWeight(2); stroke(0); line(-169, 385, -198, 396); fill(245, 161, 161); arc(-197, 395, 16, 16, -89, -28); //] 3rd Panel Sam & other bin //[ // Floor strokeWeight(2); stroke(0); fill(196, 120, 85); rect(11, 261, 57, 124, 1); // Sam strokeWeight(2); stroke(0); fill(255); ellipse(61, 349, 30, 30); strokeWeight(1.5); ellipse(60, 361, 6, 14); ellipse(60, 345, 6, 14); ellipse(61, 361, 3, 3); ellipse(61, 345, 3, 3); line(65, 355, 66, 338); strokeWeight(2); stroke(0); fill(196, 120, 85); rect(68, 261, 140, 151, 1); // Sam's hands strokeWeight(3); line(71, 360, 70, 359); line(72, 354, 70, 352); // 4th Panel bricks noStroke(); fill(224, 138, 101); rect(139, 304, 30, 13, 4); rect(172, 304, 30, 13, 4); rect(158, 288, 30, 13, 4); rect(93, 384, 30, 13, 4); rect(73, 270, 30, 13, 4); rect(86, 287, 30, 13, 4); // Other bin's shadow pushMatrix(); rotate(-24); scale(0.6); translate(-269, 493); noStroke(); fill(48, 47, 48, 250); noStroke(); beginShape(); vertex(129, 144); vertex(137, 220); vertex(180, 237); vertex(207, 175); bezierVertex(159, 147, 208, 162, 130, 154); endShape(); popMatrix(); // Bin shadow pushMatrix(); rotate(-29); scale(0.6); translate(-246, 519); noStroke(); fill(48, 47, 48, 250); beginShape(); vertex(190, 183); vertex(174, 169); vertex(161, 175); vertex(167, 184); endShape(); beginShape(); vertex(190, 192); bezierVertex(90, 113, 285, 176, 188, 192); endShape(); beginShape(); vertex(132, 163); vertex(136, 179); vertex(154, 182); vertex(150, 160); bezierVertex(146, 148, 150, 164, 139, 143); vertex(137, 123); bezierVertex(125, 120, 139, 144, 133, 154); vertex(132, 164); endShape(); beginShape(); vertex(127, 187); bezierVertex(135, 132, 229, 198, 140, 194); endShape(); // Bin noStroke(); beginShape(); vertex(129, 191); vertex(137, 219); vertex(180, 240); vertex(207, 168); bezierVertex(159, 199, 133, 187, 131, 188); endShape(); popMatrix(); pushMatrix(); scale(0.6); bin(126, 430); popMatrix(); // Other bin pushMatrix(); scale(0.7); rotate(25); translate(524, 50); strokeWeight(2.5); fill(71, 70, 71); beginShape(); vertex(-170, 376); vertex(-134, 434); vertex(-86, 411); vertex(-105, 348); bezierVertex(-94, 332, -195, 372, -169, 376); endShape(); noFill(); arc(-76, 484, 301, 274, -127, -101); fill(255); quad(-141, 414, -96, 393, -103, 370, -153, 395); popMatrix(); // Text pushMatrix(); textSize(7.5); var f = createFont("Arial black"); textFont(f); fill(0); text("MONEY", 108, 403); popMatrix(); // Shadows noStroke(); fill(18, 18, 18, 110); quad(69, 413, 69, 261, 11, 263, 12, 404); //] 4th Panel things // Logo //[ pushMatrix(); rotate(-6); scale(0.03); translate(-1029, 8161); noStroke(); fill(0); ellipse(309, 325, 350, 350); pushMatrix(); translate(0, -26); fill(255, 132, 0); triangle(300, 219, 210, 415, 164, 431); popMatrix(); pushMatrix(); translate(-102, -6); quad(495, 387, 267, 412, 300, 384, 514, 360); popMatrix(); pushMatrix(); translate(-85, 56); quad(497, 297, 516, 367, 486, 361, 463, 303); popMatrix(); pushMatrix(); translate(64, -26); triangle(386, 368, 176, 372, 164, 394); popMatrix(); pushMatrix(); translate(-207, -15); quad(509, 220, 444, 366, 473, 361, 518, 248); popMatrix(); pushMatrix(); translate(-207, -15); quad(576, 220, 617, 361, 582, 360, 547, 248); popMatrix(); pushMatrix(); translate(-207, -77); quad(510, 282, 575, 282, 556, 313, 502, 313); popMatrix(); popMatrix(); //]
Folds	18,186,188,208,210,233,235,277,279,306,308,350,352,496,498,619,621,792,794,902,904,1050,1053,1102
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP34vbGgCAw
Votes	407
Spin-Offs	4
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Ace
Author Name	AceDev
Author ID	kaid_21815918665385404677508
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739365513826
Updated	4 months ago, 1744828448052
Source Deleted	unknown