Viewing Program

Program Data

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

Title	cuptoast & crumb (animated)
ID	6610149358223360
Created	3 years ago, 1661457751503
Updated	3 years ago, 1661458631085
Code	/* for 'Project: Animal Attack' :P based on a gif of the youtuber Cuptoast. i like her art style so i tried it. finished -- 8/25/22 reference - https://c.tenor.com/ByXGWlSdP3IAAAAC/cuptoast-crumb.gif / // color variables { var orange = color(243, 120, 66); var purple = color(147, 85, 85); var white = color(252, 241, 229); var yellow = color(248, 197, 89); var boxFrontColor = color(220, 145, 102); var boxSideColor = color(210, 107, 68); var skinColor = color(248, 207, 167); var lineColor = color(70, 53, 53); // } // 'stretch' level. 0 to 1 var animate = 1; frameRate(10); // creates randomness var r = function() { return random(-1, 1); }; // single curveVertex with randomness and stretch parameters var v = function(x, y, n, m) { curveVertex(x + (animaten \|\| 0) + r(), y + (animatem \|\| 0) + r()); }; // double curveVertex for ends of paths. // because the first and last curveVertex calls are not show as part of the path. var vv = function(x, y, n) { curveVertex(x + (animaten \|\| 0), y); curveVertex(x + (animaten \|\| 0), y); }; // the hampster outlines are put in functions because i use 'em twice var hampster = function() { beginShape(); vv(148, 405); v(152, 360, -4); // left cheek v(148, 351, -11); v(116, 345, -8); v(119, 314, -7); v(143, 307, -7); // left ear v(139, 304, -4); v(133, 297, -5); v(132, 279, -4, 3); v(147, 264, -4, 3); v(169, 264, -2, 3); v(179, 272, -1, 0); v(184, 274, 0); v(203, 273); // right ear v(222, 275, 1); v(229, 275, 2, 1); v(240, 266, 3, 4); v(259, 264, 4, 5); v(277, 277, 3, 3); v(278, 294, 4); v(269, 305, 9); v(269, 309, 8); // right cheek v(288, 312, 11); v(299, 322, 15); v(291, 341, 13); v(267, 345, 16); v(262, 351, 6); v(262, 378, 1); vv(260, 405); endShape(); }; var hampsterArms = function() { // left beginShape(); vv(152 - animate4, 358 + animate3); v(138, 371, 4); v(134, 385, 4); v(141, 393, 5, 2); v(151, 391, 4); v(159, 383, 3); vv(166, 380); endShape(); // right beginShape(); vv(222, 363); v(213, 371, 3); v(206, 385, 6); v(212, 393, 4, 2); v(223, 391, 5, 2); v(230, 382, 3, 2); vv(233, 380); endShape(); }; draw = function() { // more whitespace haha // make some noise for transformation functions!!! pushMatrix(); translate(33, 37); scale(0.9); //noLoop(); animate = constrain(sq((sin(frameCount47)0.5 + 0.5))2, 0, 1.5); background(252, 235, 197); strokeWeight(14); stroke(lineColor); // yellow sweater { fill(yellow); beginShape(); vv(146, 234); v(108, 264, -8); v(74, 279, -7); v(42, 301, -4); v(27, 340, -5); v(39, 380, -5); v(71, 396, -4); v(106, 395); v(115, 392); vv(107, 429); v(236, 413); v(249, 393); v(249, 390); v(307, 401); v(353, 393, 7); v(381, 363, 6); v(378, 316, 5); v(352, 285, 7); v(314, 269, 5); v(289, 251); vv(276, 234); endShape(); // } // hampster body { fill(white); noStroke(); hampster(); // face color details fill(purple); ellipse(151 - animate3, 280 + animate2, 50, 40); fill(orange); ellipse(255 + animate6, 286, 50, 40); stroke(orange); line(100, 320, 140 - animate6, 318 + r()); line(100, 338, 143 - animate6, 339 + r()); stroke(purple); line(300, 320, 270 + animate6, 318 + r()); line(300, 338, 268 + animate6, 339 + r()); stroke(lineColor); noFill(); hampster(); // } // hampster arms { fill(white); noStroke(); hampsterArms(); ellipse(163, 368, 20, 20); fill(orange); ellipse(149 + animate4, 378 + animate2, 20, 20); ellipse(219 + animate4, 378 + animate*3, 20, 20); stroke(lineColor); noFill(); hampsterArms(); // } // hampster face { // left eye noFill(); beginShape(); vv(173, 304, -3); vv(172, 306, -5); endShape(); // right eye beginShape(); vv(235, 307, 3); vv(236, 309, 6); endShape(); // hampster mouth fill(224, 117, 135); beginShape(); vv(199, 313); v(186, 314, -6); v(179, 323, -11); v(196, 328, -6); v(220, 327, 6); v(224, 320, 11); v(212, 314, 6); vv(205, 313); endShape(CLOSE); //ellipse(200, 320, 40, 40); // } // sweater left cuff { fill(yellow); beginShape(); vv(45, 349, -4); v(52, 326, -3); v(76, 317, -3); v(91, 335, -2); v(98, 361, -2); v(82, 376, -2); v(68, 377, -5); v(53, 368, -3); vv(45, 349, -4); endShape(); // lines on cuff beginShape(); vv(49, 347, 0); vv(77, 333, 13); endShape(); beginShape(); vv(62, 368, -5); vv(77, 353, -4); endShape(); // } // sweater right cuff { fill(yellow); beginShape(); vv(363, 349, 5); v(361, 326, 4); v(339, 317, 6); v(320, 335, 3); v(306, 361, 4); v(313, 379, 8); v(339, 381, 4); v(355, 368, 7); vv(363, 349, 5); endShape(); // lines on cuff beginShape(); vv(356, 350, 6); vv(341, 338, -5); endShape(); beginShape(); vv(337, 373, 10); vv(332, 359, -4); endShape(); // } // left hand { fill(skinColor); beginShape(); vv(67, 341, -7); v(72, 321, -8); v(90, 304, -4); v(118, 303, 0); // fingers v(118, 315, -10); v(104, 320, -5); v(126, 321, -9); v(126, 333, -9); v(110, 339, -7); v(126, 341, -9); v(126, 353, -9); v(110, 358, -5); v(93, 364, -5); v(73, 357, -4); vv(67, 341, -7); endShape(); // neck beginShape(); vv(174, 235); v(179, 249); v(190, 262); v(206, 263); v(223, 255); vv(234, 235); endShape(); // } // right hand { fill(skinColor); beginShape(); vv(343, 341, 7); v(343, 321, 6); v(330, 303, 3); v(297, 303, 10); // fingers v(293, 317, 10); v(310, 320, 9); v(289, 319, 9); v(288, 333, 9); v(303, 338, 7); v(285, 337, 8); v(284, 351, 8); v(300, 356, 7); v(315, 363, 5); v(334, 357, 6); vv(343, 341, 7); endShape(); // } // neckline { beginShape(); vv(174, 235); v(179, 249); v(190, 262); v(206, 263); v(223, 255); vv(234, 235); endShape(); // } // i made the box slightly bigger for cuter proportions pushMatrix(); translate(-16, -9); scale(1.05); // side of box { fill(boxSideColor); beginShape(); vv(293, 31); v(325, 48); v(335, 73); v(337, 150); v(333, 195); v(320, 212); vv(295, 229); endShape(); // } // front of box { fill(boxFrontColor); beginShape(); vv(97, 32); v(200, 25); v(285, 31); v(297, 50); v(300, 171); v(296, 216); v(281, 231); v(200, 233); v(112, 230); v(97, 207); v(90, 95); vv(93, 32); endShape(); // } // box face { pushMatrix(); strokeWeight(13); translate(-30, -18); scale(1.14); // right eye beginShape(); vv(161, 153); v(166, 158); v(165, 163); v(158, 160); vv(158, 153); endShape(); // left eye beginShape(); vv(235, 153); v(239, 152); v(242, 161); v(237, 161); vv(235, 153); endShape(); // mouth/nose UwU beginShape(); vv(183, 168); v(192, 170); v(201, 158); v(196, 158); v(211, 167); vv(221, 164); endShape(); popMatrix(); // } // box ears { fill(purple); beginShape(); vv(98, 32); v(98, 73); v(108, 98); v(149, 82); v(172, 49); v(145, 32); vv(100, 32); endShape(); fill(orange); beginShape(); vv(291, 30); v(293, 73); v(278, 102); v(240, 77); v(221, 54); v(231, 41); v(264, 31); vv(289, 30); endShape(); // } popMatrix(); popMatrix(); }; /// aaaahhhhhh that took foreeever
Folds	27,39,50,52,55,57,61,64,68,109,110,139,162,190,193,220,221,238,239,269,272,299,300,327,329,366,367,392,394,405,413,424,425,450,452,489,490,522
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKOj1fzeCww
Votes	230
Spin-Offs	9
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"project-animal-attack","title":"Project: Animal attack","deleted":"false","official":"true"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	soap.
Author Name	intelligentsoap
Author ID	kaid_2090456066160557410785044
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739459892304
Updated	10 months ago, 1739459900212
Source Deleted	unknown