Viewing Program

Program Data

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

Title	Funics #30
ID	5240645432066048
Created	4 years ago, 1624365003756
Updated	4 years ago, 1625556756516
Code	/ Funics #30 June 2021 - Yay, Funics #30, finally. This took so long xD - A comic by Loading Artist, recreated by me. Like this? Subscribe here: https://www.khanacademy.org/cs/i/4646317380288512 / { var scene = 0; draw = function() { if(scene === 0){ strokeWeight(10); stroke(255); fill(255, 102, 0); rect(0, 0, 600, 600); rect(120, 157, 338, 74); textSize(60); var f = createFont("Trebuchet MS Bold"); textFont(f); fill(255); text("FUNICS #30", 126, 215); text("FUNICS #30", 127, 215); textSize(35); fill(255); text("< Click to view >", 151, 539); text("< Click to view >", 152, 539); // Logo { pushMatrix(); rotate(-6); scale(0.38); translate(345, 728); strokeWeight(36); stroke(255); fill(255, 102, 0); ellipse(307, 337, 400, 400); 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(-215, -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(); } } if(scene === 1) { noStroke(); fill(255); rect(0, 0, 700, 700); stroke(0); //[ var continents = function(x,y,sz) { fill(60, 207, 67); noStroke(); pushMatrix(); scale(sz); beginShape(); vertex(x+-36, y+-15); bezierVertex(x+-7, y+9, x+-34, y+49, x+-40, y+34); bezierVertex(x+-62, y+7, x+-54, y+-18, x+-38, y+-40); bezierVertex(x+-7, y+-21, x+14, y+-39, x+-28, y+-18); endShape(); popMatrix(); }; var continentsdrk = function(a,b,s) { noStroke(); pushMatrix(); scale(s); fill(204, 130, 90); beginShape(); vertex(a, b); bezierVertex(a+37, b+22, a+-15, b+3, a+31, b+42); bezierVertex(a+83, b+-9, a+-6, b+31, a+27, b+-43); bezierVertex(a+28, b+-15, a+-58, b+-54, a+45, b+-7); vertex(a+4, b+-54); vertex(a, b); endShape(); popMatrix(); }; var gR = function(x, y) { translate(x, y); noStroke(); fill(124, 187, 95); rect(312, 245, 271, 45, 1); // Long grass noFill(); strokeWeight(3); stroke(143, 208, 113); line(347, 259, 345, 250); line(353, 259, 355, 250); stroke(124, 187, 95); line(422, 247, 418, 237); line(426, 248, 429, 239); line(533, 247, 531, 240); line(537, 247, 538, 240); line(480, 247, 481, 240); line(327, 247, 322, 239); line(324, 247, 333, 238); stroke(143, 208, 113); line(516, 285, 513, 278); line(518, 285, 522, 275); line(437, 276, 431, 266); line(441, 276, 444, 269); // Rocks strokeWeight(2.5); stroke(0); fill(168, 135, 104); bezier(358, 285, 347, 267, 399, 290, 359, 286); bezier(532, 277, 566, 298, 532, 234, 531, 276); fill(122, 98, 75); bezier(417, 261, 363, 270, 403, 202, 417, 261); bezier(312, 236, 347, 253, 302, 243, 312, 249); }; //] Variables //[ strokeWeight(3); // Top Left fill(179, 235, 252); rect(17, 16, 275, 275, 1); // Top Right rect(310, 16, 274, 275, 1); // Two bottom left ones rect(16, 310, 275, 275, 1); // Bottom right fill(0, 0, 0); rect(310, 310, 276, 275, 1); pushMatrix(); translate(342, 438); scale(0.1); var c1 = color(0, 0, 0); var c2 = color(214, 214, 214); for (var i = 0; i < 584; i += 2) { strokeWeight(600); stroke(lerpColor(c1,c2, i / 600)); rect(0, i, 2121, i); } popMatrix(); //] All panels //[ noStroke(); fill(224, 248, 255); arc(57, 96, 63, 51, 180, 360); // 1 arc(113, 96, 79, 115, 181, 360); arc(167, 96, 63, 65, 181, 360); arc(201, 96, 24, 15, 181, 360); arc(290, 164, 98, 115, 181, 270); // 2 arc(234, 161, 63, 65, 181, 360); pushMatrix(); scale(0.9); translate(339, -7); noStroke(); arc(57, 96, 63, 51, 180, 360); // 1 arc(113, 96, 79, 115, 181, 360); arc(167, 96, 63, 65, 181, 360); arc(201, 96, 24, 15, 181, 360); arc(309, 164, 119, 115, 182, 270); // 2 arc(234, 164, 63, 65, 181, 360); popMatrix(); pushMatrix(); scale(0.9); translate(32, 315); noStroke(); arc(57, 96, 63, 51, 180, 360); // 1 arc(113, 96, 79, 115, 181, 360); arc(167, 96, 63, 65, 181, 360); arc(201, 96, 24, 15, 181, 360); arc(290, 164, 98, 115, 181, 270); // 2 arc(234, 161, 102, 80, 181, 360); arc(-11, 161, 95, 65, 270, 360); // 3 popMatrix(); //] All panel clouds //[ // Stef's back arm noFill(); strokeWeight(10); stroke(0); line(127, 246, 202, 243); // Sign strokeWeight(3); stroke(0); fill(6, 22, 69); beginShape(); vertex(250, 234); vertex(244, 116); vertex(146, 122); vertex(153, 238); endShape(CLOSE); fill(150, 96, 42); beginShape(); vertex(199, 290); vertex(200, 237); vertex(190, 237); vertex(190, 290); endShape(); // Earth stroke(0); fill(87, 130, 241); arc(199, 182, 70, 70, 91, 271); fill(240, 156, 110); arc(199, 182, 70, 70, 272, 449); continents(306, 281, 0.65); continentsdrk(307, 281, 0.65); pushMatrix(); rotate(-3); translate(-12, 11); textSize(39); var f = createFont("Trebuchet MS Bold"); fill(0); textFont(f); fill(255); text("S", 156, 156); text("A", 175, 156); text("V", 197, 156); text("E", 220, 156); textSize(23); fill(0); text("THE", 176, 174); textSize(27); fill(255); text("E", 159, 227); text("A", 175, 226); text("R", 192, 225); text("T", 205, 226); text("H", 222, 226); popMatrix(); // Shoulder piece strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(104, 233); bezierVertex(143, 279, 133, 229, 136, 232); vertex(90, 231); endShape(); // Jacket strokeWeight(4); stroke(0); fill(255, 0, 9); beginShape(); vertex(40, 290); vertex(84, 238); vertex(130, 230); vertex(102, 290); endShape(); // Shadows noStroke(); fill(18, 18, 8, 110); beginShape(); vertex(40, 290); vertex(84, 238); vertex(106, 230); vertex(63, 290); endShape(); // Right arm noFill(); strokeWeight(10); stroke(0); line(125, 259, 202, 254); // Shoulder piece strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(97, 269); bezierVertex(144, 279, 125, 248, 126, 253); vertex(94, 255); endShape(); // Head strokeWeight(3.5); stroke(0); fill(255); ellipse(103, 203, 100, 100); // Right eye pushMatrix(); rotate(-22); translate(-15, 66); strokeWeight(3); ellipse(73, 157, 35, 52); strokeWeight(2.5); ellipse(70, 151, 10, 10); popMatrix(); // Left eye pushMatrix(); translate(-4, 0); strokeWeight(3); noFill(); ellipse(88, 190, 55, 55); strokeWeight(2.5); ellipse(92, 185, 10, 10); popMatrix(); // Mouth pushMatrix(); rotate(36); translate(143, -42); strokeWeight(3); fill(94, 39, 72); ellipse(73, 154, 37, 62); // Teeth fill(255); beginShape(); vertex(73, 123); bezierVertex(110, 159, 55, 83, 55, 157); vertex(78, 134); endShape(CLOSE); // Tongue fill(218, 143, 165); beginShape(); vertex(73, 184); bezierVertex(105, 128, 53, 157, 67, 182); endShape(); // Shadows noStroke(); fill(94, 39, 72, 123); beginShape(); vertex(73, 184); //vertex(67, 184); bezierVertex(91, 158, 34, 154, 68, 182); endShape(); popMatrix(); pushMatrix(); rotate(-7); translate(-26, 9); noStroke(); fill(218, 143, 165); //ellipse(104, 226, 19, 8); popMatrix(); // Shadow on face noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(89, 156); bezierVertex(164, 145, -13, 167, 101, 256); bezierVertex(14, 223, 67, 160, 68, 167); endShape(); //] 1st Panel sign & Stef //[ pushMatrix(); gR(0, 0); popMatrix(); // Legs noFill(); strokeWeight(9); stroke(0); line(401, 197, 386, 242); line(371, 190, 346, 211); line(329, 200, 346, 211); // Stef's body strokeWeight(4); stroke(0); fill(255); beginShape(); vertex(440, 140); bezierVertex(465, 125, 395, 214, 402, 196); bezierVertex(366, 182, 327, 200, 403, 135); endShape(); // Stef's jacket strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(426, 140); vertex(393, 181); bezierVertex(378, 168, 327, 206, 403, 135); endShape(); beginShape(); vertex(440, 142); bezierVertex(459, 125, 400, 216, 404, 186); vertex(440, 131); endShape(); // Body shadow noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(417, 140); vertex(360, 190); bezierVertex(378, 177, 327, 209, 403, 135); endShape(); // Arm noFill(); strokeWeight(9); stroke(0); line(415, 153, 488, 113); // Sign pushMatrix(); rotate(-14); translate(334, 62); scale(0.8); strokeWeight(3); stroke(0); fill(6, 22, 69); beginShape(); vertex(250, 234); vertex(244, 120); vertex(146, 122); vertex(153, 238); endShape(CLOSE); fill(150, 96, 42); beginShape(); vertex(199, 290); vertex(200, 237); vertex(190, 237); vertex(190, 290); endShape(CLOSE); // Earth stroke(0); fill(87, 130, 241); arc(199, 182, 70, 70, 91, 271); fill(240, 156, 110); arc(199, 182, 70, 70, 272, 449); continents(306, 281, 0.65); continentsdrk(307, 281, 0.65); popMatrix(); // Sam's head strokeWeight(4); stroke(0); fill(255); ellipse(434, 110, 85, 85); // Arm noFill(); strokeWeight(9); stroke(0); line(410, 153, 489, 164); // Shoulder piece pushMatrix(); translate(311, -109); strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(94, 267); bezierVertex(126, 279, 106, 256, 115, 258); vertex(94, 255); endShape(); popMatrix(); // Shoulder shadow pushMatrix(); translate(311, -109); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(86, 267); bezierVertex(126, 279, 106, 256, 115, 265); vertex(94, 259); endShape(); popMatrix(); // Shadow on face pushMatrix(); translate(353, -95); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(55, 169); bezierVertex(92, 158, -6, 209, 91, 246); bezierVertex(-3, 247, 63, 159, 38, 196); endShape(); popMatrix(); // Left eye strokeWeight(2); stroke(0); fill(0); ellipse(416, 103, 10, 10); ellipse(464, 100, 10, 10); // Mouth strokeWeight(3.5); stroke(0); line(447, 107, 437, 110); pushMatrix(); rotate(-15); translate(329, 74); scale(0.8); textSize(46); var f = createFont("Trebuchet MS Bold"); fill(0); textFont(f); fill(255); text("S", 156, 156); text("A", 175, 156); text("V", 197, 156); text("E", 220, 156); textSize(23); fill(0); text("THE", 176, 174); textSize(27); fill(255); text("E", 159, 227); text("A", 175, 226); text("R", 192, 225); text("T", 205, 226); text("H", 222, 226); popMatrix(); // Legs noFill(); strokeWeight(3.5); stroke(0); line(410, 218, 400, 228); line(414, 230, 402, 233); //] 2nd Panel grass, rocks & Stef //[ gR(-294, 294); // Sign strokeWeight(3); stroke(0); fill(221, 174, 102); beginShape(); vertex(585, 262); vertex(585, 241); vertex(571, 242); vertex(552, 262); endShape(CLOSE); strokeWeight(2); fill(150, 96, 42); beginShape(); vertex(570, 291); vertex(585, 259); vertex(584, 254); vertex(564, 291); endShape(CLOSE); // Legs pushMatrix(); rotate(3); translate(95, 15); noFill(); strokeWeight(9); stroke(0); line(406, 202, 341, 227); line(371, 186, 349, 172); line(347, 172, 346, 211); // Stef's body strokeWeight(4); stroke(0); fill(255); beginShape(); vertex(438, 140); bezierVertex(464, 125, 412, 214, 402, 207); bezierVertex(386, 182, 325, 200, 403, 136); endShape(); // Stef's jacket strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(426, 132); vertex(377, 181); bezierVertex(395, 168, 325, 206, 403, 137); endShape(); beginShape(); vertex(452, 136); bezierVertex(448, 109, 424, 240, 392, 184); vertex(444, 131); endShape(); // Head strokeWeight(4); stroke(0); fill(255); ellipse(434, 110, 85, 85); // Arm noFill(); strokeWeight(9); stroke(0); line(437, 153, 455, 204); line(465, 205, 456, 205); // Shadow on face pushMatrix(); rotate(-135); translate(-461, 22); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(59, 169); bezierVertex(75, 165, -2, 215, 96, 246); bezierVertex(1, 264, 45, 167, 36, 189); endShape(); popMatrix(); // Shoulder piece pushMatrix(); translate(334, -109); strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(117, 275); bezierVertex(117, 250, 96, 256, 96, 261); vertex(101, 274); endShape(CLOSE); noStroke(); fill(255, 0, 0); rect(92, 268, 10, 5); popMatrix(); // Stef's body shadow noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(430, 156); bezierVertex(448, 159, 406, 213, 401, 206); bezierVertex(351, 169, 390, 232, 431, 149); endShape(); // Shoulder shadow pushMatrix(); translate(334, -109); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(117, 275); bezierVertex(117, 250, 96, 256, 104, 261); vertex(109, 274); endShape(); popMatrix(); // Eyes strokeWeight(2); stroke(0); fill(0); ellipse(402, 120, 8, 10); ellipse(431, 126, 9, 10); popMatrix(); //] 3rd Panel grass, rocks, sign & Stef //[ gR(-294, 294); // Sign strokeWeight(3); stroke(0); fill(221, 174, 102); beginShape(); vertex(585, 262); vertex(585, 241); vertex(571, 242); vertex(552, 262); endShape(CLOSE); strokeWeight(2); fill(150, 96, 42); beginShape(); vertex(570, 291); vertex(585, 259); vertex(584, 254); vertex(564, 291); endShape(CLOSE); // Legs pushMatrix(); rotate(3); translate(95, 15); noFill(); strokeWeight(9); stroke(0); line(406, 202, 341, 227); line(371, 186, 349, 172); line(347, 172, 346, 211); // Stef's body strokeWeight(4); stroke(0); fill(255); beginShape(); vertex(438, 140); bezierVertex(464, 125, 412, 214, 402, 207); bezierVertex(386, 182, 325, 200, 403, 136); endShape(); // Stef's jacket strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(426, 132); vertex(377, 181); bezierVertex(395, 168, 325, 206, 403, 137); endShape(); beginShape(); vertex(452, 136); bezierVertex(448, 109, 424, 240, 392, 184); vertex(444, 131); endShape(); // Head strokeWeight(4); stroke(0); fill(255); ellipse(434, 110, 85, 85); // Arm noFill(); strokeWeight(9); stroke(0); line(437, 153, 455, 204); line(465, 205, 456, 205); // Shadow on face pushMatrix(); rotate(-135); translate(-461, 22); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(59, 169); bezierVertex(75, 165, -2, 215, 96, 246); bezierVertex(1, 264, 45, 167, 36, 189); endShape(); popMatrix(); // Shoulder piece pushMatrix(); translate(334, -109); strokeWeight(2.5); stroke(0); fill(255, 0, 0); beginShape(); vertex(117, 275); bezierVertex(117, 250, 96, 256, 96, 261); vertex(101, 274); endShape(CLOSE); noStroke(); fill(255, 0, 0); rect(92, 268, 10, 5); popMatrix(); // Stef's body shadow noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(430, 156); bezierVertex(448, 159, 406, 213, 401, 206); bezierVertex(351, 169, 390, 232, 431, 149); endShape(); // Shoulder shadow pushMatrix(); translate(334, -109); noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(117, 275); bezierVertex(117, 250, 96, 256, 104, 261); vertex(109, 274); endShape(); popMatrix(); // Eyes strokeWeight(2); stroke(0); fill(0); ellipse(402, 120, 8, 10); ellipse(431, 126, 9, 10); popMatrix(); //] 3rd Panel grass, rocks, sign & Stef //[ pushMatrix(); translate(890, -294); // Stef's back arm noFill(); strokeWeight(15); stroke(0); line(133, 203, 195, 221); // Body strokeWeight(4); stroke(0); fill(255); beginShape(); vertex(40, 291); bezierVertex(44, 279, 39, 248, 76, 205); vertex(135, 213); bezierVertex(122, 249, 115, 237, 119, 290); endShape(); // Jacket strokeWeight(4); stroke(0); fill(255, 0, 0); beginShape(); vertex(39, 291); bezierVertex(44, 279, 39, 248, 73, 205); vertex(117, 213); bezierVertex(92, 249, 98, 237, 95, 290); endShape(); beginShape(); vertex(107, 291); bezierVertex(111, 279, 99, 248, 127, 205); vertex(135, 213); bezierVertex(122, 249, 115, 237, 119, 290); endShape(); // Shadows noStroke(); fill(18, 18, 8, 110); beginShape(); vertex(55, 293); bezierVertex(71, 292, 47, 248, 97, 203); vertex(135, 222); bezierVertex(122, 249, 115, 237, 119, 290); endShape(); // Head strokeWeight(4.6); stroke(0); fill(255); ellipse(115, 170, 130, 117); // Right arm noFill(); strokeWeight(15); stroke(0); beginShape(); vertex(85, 215); bezierVertex(95, 287, 87, 269, 137, 201); endShape(); // Right eye pushMatrix(); translate(-19, -10); scale(1.1); noFill(); strokeWeight(4); stroke(0); line(141, 162, 172, 162); noStroke(); fill(0, 0, 0); arc(94, 161, 24, 18, 1, 180); // Left eye arc(150, 161, 21, 18, 1, 180); noFill(); strokeWeight(4); stroke(0); line(84, 162, 126, 162); // Mouth strokeWeight(4); stroke(0); noFill(); arc(128, 185, 59, -34, 1, 180); strokeWeight(2.5); arc(130, 163, 59, 27, 76, 108); popMatrix(); // Shadow on face noStroke(); fill(18, 18, 18, 110); ellipse(120, 174, 117, 108); // Shoulder piece strokeWeight(3.4); stroke(0); fill(255, 0, 0); beginShape(); vertex(75, 232); bezierVertex(68, 194, 94, 200, 99, 224); vertex(103, 234); endShape(CLOSE); pushMatrix(); noStroke(); fill(255, 0, 0); rect(69, 221, 10, 6); popMatrix(); // Shoulder shadow noStroke(); fill(18, 18, 18, 110); beginShape(); vertex(83, 232); bezierVertex(74, 197, 94, 200, 99, 224); vertex(103, 234); endShape(CLOSE); // Sign strokeWeight(3); stroke(0); fill(221, 174, 102); beginShape(); vertex(236, 291); bezierVertex(238, 253, 280, 238, 247, 231); vertex(233, 235); vertex(183, 238); vertex(167, 246); vertex(170, 230); vertex(160, 221); vertex(163, 212); vertex(157, 199); vertex(121, 200); vertex(128, 291); endShape(); // Shadows noStroke(); fill(18, 18, 8, 110); beginShape(); vertex(236, 291); bezierVertex(238, 253, 280, 238, 245, 243); vertex(190, 249); vertex(187, 238); vertex(167, 244); vertex(170, 230); vertex(160, 221); vertex(163, 215); vertex(157, 203); vertex(125, 203); vertex(132, 291); endShape(); // Stef's back arm noFill(); strokeWeight(15); stroke(0); line(234, 248, 229, 249); strokeWeight(3); fill(6, 22, 69); beginShape(); vertex(225, 250); bezierVertex(238, 253, 280, 238, 247, 231); vertex(233, 235); vertex(183, 238); vertex(189, 246); vertex(186, 252); endShape(CLOSE); // Hand part strokeWeight(15); stroke(0); line(140, 205, 140, 202); // Stef's back arm noFill(); strokeWeight(15); stroke(0); line(237, 246, 198, 222); //] 4th Panel sign & Stef //[ pushMatrix(); rotate(-6); scale(0.05); translate(-349, -200); strokeWeight(38); stroke(0); fill(255, 102, 0); ellipse(309, 337, 400, 400); pushMatrix(); translate(0, -26); strokeWeight(8); fill(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(); //] Logo } }; mouseClicked = function(){ scene++; }; }// All code
Folds	14,1122
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3K7cqnCQw
Votes	322
Spin-Offs	5
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	10 months ago, 1739377772445
Updated	8 months ago, 1744828945185
Source Deleted	unknown