Viewing Program

Program Data

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

Title	Bakery
ID	6667770215219200
Created	4 years ago, 1622248230549
Updated	2 years ago, 1692557875696
Code	/* * * * * * * * * * * * * * * started: 5.22.21 \| finished: 5.28.21 code created by: m 🌸 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) reference image: (https://www.pinterest.com/pin/75153887517818368/) notes: * Please don't copy any code or remove the credits at the top. * Used Microsoft Paint's dropper tool and "Edit Colors" tool to get some of the RGB numbers updates & fixes: - (5/29) * Edited food angles, strokes * Clarified code with comments * Fixed counters' angles * Fixed the weird, small arm - (5/30) * Added delivery box - (5/31) * counter bottom edging * * * * * * * * * * * * * * / background(255, 244, 225); //stand 1 strokeWeight(2); stroke(76, 32, 20); fill(120, 72, 68); rect(391,183,4,165,3); strokeWeight(2); stroke(76, 32, 20); fill(120, 72, 68); rect(427,190,4,165,3); //white shelves on the stands var minishelves = function(){ fill(247, 247, 247); beginShape(); vertex(357, 212); vertex(357, 215); vertex(415, 227); vertex(437, 216); vertex(437, 213); vertex(384, 200); endShape(CLOSE); fill(132, 92, 83); bezier(409,225,401,213,403,234,412,228); pushMatrix(); translate(-40,-8); bezier(409,225,401,213,403,234,412,228); popMatrix(); }; //stand 2 pushMatrix(); translate(-237,-50); strokeWeight(2); stroke(76, 32, 20); fill(120, 72, 68); rect(391,183,4,165,3); strokeWeight(2); stroke(76, 32, 20); fill(120, 72, 68); rect(427,190,4,165,3); minishelves(); translate(0,45); minishelves(); translate(0,45); minishelves(); popMatrix(); //food on the stands var foods = function(){ strokeWeight(1); stroke(122, 122, 122); var Mcookie = function(){ fill(237, 225, 178); ellipse(400,200,10,15); fill(102, 73, 15); arc(400,200,10,15,193,368); }; var packages = function(){ fill(237, 219, 164); strokeWeight(1); stroke(153, 153, 153); beginShape(); vertex(399,233); vertex(412,236); vertex(412,245); vertex(401,251); vertex(387,248); vertex(386,240); endShape(CLOSE); strokeWeight(1.5); stroke(255, 115, 115); line(394,248,394,242); line(406,235,393,242); line(401,245,387,243); line(401,245,411,240); stroke(122, 122, 122); }; /var bag = function(){ strokeWeight(1); stroke(61, 61, 61); fill(240, 220, 195); quad(401,286,388,282,383,303,400,307); quad(401,286,400,306,403,303,406,302); fill(255, 173, 173); quad(392,284,390,297,396,298,398,285); beginShape(); vertex(392,284); vertex(389,300); vertex(393, 297); vertex(395,301); vertex(398,285); endShape(CLOSE); fill(158, 104, 100); ellipse(393,292,7,7); };/ pushMatrix(); scale(0.9); translate(141,-124); rotate(24); Mcookie(); translate(12,-2); Mcookie(); translate(12,-2); Mcookie(); translate(12,-2); Mcookie(); popMatrix(); pushMatrix(); translate(0,92); pushMatrix(); scale(0.9); translate(141,-124); rotate(24); Mcookie(); translate(12,-2); Mcookie(); translate(12,-2); Mcookie(); translate(12,-2); Mcookie(); popMatrix(); popMatrix(); /pushMatrix(); translate(-8,-5); bag(); translate(30,7); bag(); translate(-20,-1); bag(); popMatrix();/ pushMatrix(); translate(-14,7); packages(); translate(20,1); packages(); translate(-11,-10); packages(); popMatrix(); //clear boxes stroke(140, 140, 140); strokeWeight(1); fill(235, 235, 235,70); beginShape(); vertex(370, 209); vertex(368, 205); vertex(379, 186); vertex(428, 197); vertex(429, 204); vertex(418, 220); endShape(CLOSE); pushMatrix(); translate(0,92); stroke(140, 140, 140); strokeWeight(1); fill(247, 247, 247,60); beginShape(); vertex(370, 209); vertex(368, 205); vertex(379, 186); vertex(428, 197); vertex(429, 204); vertex(418, 220); endShape(CLOSE); popMatrix(); }; pushMatrix(); translate(-239,-51); foods(); popMatrix(); //shelf backing (the big pink one) strokeWeight(3); stroke(76, 32, 20); fill(255, 202, 208); quad(195,113,195,236,355,273,355,143); //shelf inner walls stroke(229, 152, 160); fill(255, 202, 208); line(221,122,221,237); line(254,122,254,245); line(319,122,319,268); stroke(224, 224, 224); fill(235, 235, 235); quad(201,180,221,170,260,178,242,187); quad(305,199,320,188,260,178,242,187); quad(305,199,320,188,356,194,355,208); pushMatrix(); translate(-4,55); noStroke(); fill(242, 242, 242); quad(201,180,221,170,260,178,242,187); quad(305,207,320,191,260,178,242,196); quad(305,204,320,191,356,199,365,217); popMatrix(); stroke(229, 152, 160); fill(255, 202, 208); quad(239,248,255,250,255,99,239,112); quad(305,264,320,271,321,113,307,112); //shadows noStroke(); fill(255, 156, 169,90); quad(219,169,237,171,239,125,196,112); pushMatrix(); translate(0,69); quad(219,155,237,160,237,119,196,111); translate(58,11); quad(219,158,248,162,247,120,196,111); translate(0,-72); quad(219,171,248,174,247,120,196,111); translate(64,11); quad(219,171,248,178,247,120,196,111); translate(0,73); quad(219,159,248,171,247,120,196,111); popMatrix(); //shelf top fill(249, 239, 238); strokeWeight(3); stroke(76, 32, 20); beginShape(); vertex(358, 137); vertex(189, 103); vertex(189, 112); vertex(356, 147); vertex(390, 146); vertex(390, 121); endShape(CLOSE); strokeWeight(3); stroke(76, 32, 20); quad(220,86,190,103,357,138,389,121); //paw decoration fill(249, 239, 238); bezier(292,115,297,115,301,117,306,128); bezier(292,115,286,106,282,104,274,107); bezier(256,107,260,103,267,100,274,107); bezier(256,107,245,106,243,113,241,114); strokeWeight(5); stroke(249, 239, 238); line(246,115,301,127); noStroke(); fill(255, 194, 194); pushMatrix(); translate(55,-48); rotate(12); arc(249,127,39,19,180,360); popMatrix(); pushMatrix(); translate(55,-48); rotate(12); arc(254,114,8,8,194,366); rotate(2); arc(273,110,8,8,215,387); rotate(-28); arc(165,208,8,8,194,366); arc(151,207,8,8,175,340); popMatrix(); //candy boxes on shelf strokeWeight(1); stroke(143, 33, 108); fill(255, 178, 178); quad(248,182,248,188,273,193,273,187); quad(248,182,266,177,290,182,273,187); quad(272,193,290,188,290,182,273,187); stroke(181, 164, 118); fill(240, 226, 189); quad(256,170,256,181,268,183,268,172); quad(277,170,277,181,268,183,268,172); quad(256,170,271,164,281,166,268,172); fill(232, 117, 131); stroke(102, 57, 2); quad(270,179,294,194,306,188,283,172); quad(270,179,294,194,292,199,270,185); quad(306,187,294,194,292,199,303,193); //brown box on shelf strokeWeight(1); stroke(94, 44, 1); fill(148, 105, 83); beginShape(); vertex(296, 217); vertex(302, 212); vertex(260, 203); vertex(252, 207); endShape(); fill(125, 89, 74); beginShape(); vertex(296, 216); vertex(296, 254); vertex(252, 245); vertex(252, 206); endShape(); fill(99, 68, 52); quad(296,254,296,216,302,212,303,248); //shelf cookie things var COoKieS = function(){ pushMatrix(); scale(1.15); translate(-31,-31); pushMatrix(); scale(0.8); translate(55,57); fill(153, 107, 28); stroke(82, 54, 32); arc(222,227,19,14,4,187); arc(222,223,19,14,4,187); arc(222,218,19,14,4,187); arc(222,219,19,14,188,364); popMatrix(); //cookie wrapper/box :p stroke(140, 140, 140); strokeWeight(1); fill(235, 235, 235,140); beginShape(); vertex(210, 215); vertex(209, 233); vertex(225,236); vertex(233, 231); vertex(233,213); vertex(218, 210); endShape(CLOSE); //bow fill(255, 219, 219); bezier(225,214,214,231,203,221,223,213); bezier(223,214,210,200,206,225,223,213); pushMatrix(); scale(-1); translate(-444,-427); bezier(223,214,210,190,206,211,223,213); bezier(223,214,210,200,206,225,223,213); popMatrix(); ellipse(222,214,5,5); noStroke(); fill(255, 255, 255); popMatrix(); }; //messy code COoKieS(); pushMatrix(); translate(118,27); COoKieS(); popMatrix(); //shelf sign strokeWeight(2); stroke(76, 32, 20); fill(242, 242, 242); line(258,133,258,129); line(292,136,292,142); quad(299,143,299,172,250,162,250,133); strokeWeight(1); line(293,152,282,150); line(293,158,282,156); line(293,164,282,162); line(257,144,267,146); noStroke(); fill(237, 144, 135); quad(266,150,266,160,255,158,255,148); //shelf side strokeWeight(2); stroke(76, 32, 20); fill(255, 202, 208); beginShape(); vertex(319, 371); vertex(391, 333); vertex(391,127); vertex(353, 147); vertex(353,269); vertex(319, 285); endShape(); //shelf front strokeWeight(2); stroke(76, 32, 20); fill(255, 222, 226); beginShape(); vertex(319, 371); vertex(167, 315); vertex(167,248); vertex(319, 285); endShape(); //shelf counter fill(242, 242, 242); beginShape(); vertex(196, 233); vertex(165, 251); vertex(321,285); vertex(353, 269); endShape(); //stand 1 minishelves strokeWeight(2); stroke(76, 32, 20); minishelves(); pushMatrix(); translate(0,45); minishelves(); translate(0,45); minishelves(); popMatrix(); foods(); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} //counter noStroke(); fill(254, 222, 227); quad(44,385,44,302,256,345,256,429); fill(253, 210, 207); quad(307,319,306,402,256,429,256,345); strokeWeight(2); stroke(255, 191, 191); line(45,372,257,417); line(338,372,257,417); line(45,375,257,421); line(338,375,257,421); //inside counter strokeWeight(2); stroke(223, 140, 152); fill(242, 175, 190); quad(60,365,95,339,170,355,170,390); line(95,321,95,339); noStroke(); fill(253, 193, 203); quad(60,317,63,318,63,361,60,363); quad(69,358,69,319,74,320,74,352); quad(79,321,84,322,84,333,79,336); quad(88,323,94,323,94,337,88,338); quad(98,322,103,325,103,340,98,338); pushMatrix(); translate(10,2); quad(98,322,103,325,103,340,98,338); translate(10,3); quad(98,322,103,325,103,340,98,338); translate(10,2); quad(98,322,103,325,103,340,98,338); translate(10,2); quad(98,322,103,325,103,340,98,338); translate(10,2); quad(98,322,103,325,103,340,98,338); translate(10,2); quad(98,322,103,325,103,340,98,338); popMatrix(); fill(227, 174, 174,90); quad(57,313,87,342,170,360,170,337); //cakes var cakes1 = function(){ stroke(76, 32, 20); fill(250, 250, 250); rect(75,342,35,20,10); arc(93,356,34,18,4,187); arc(93,347,34,-21,-9,185); fill(255, 145, 145); bezier(102,346,113,339,96,339,103,338); bezier(102,346,99,347,96,344,103,338); bezier(92,346,99,347,96,340,93,338); bezier(92,346,96,347,85,344,93,338); bezier(83,346,88,347,90,340,82,337); bezier(83,346,84,347,78,344,83,337); noFill(); stroke(230, 230, 230); arc(93,353,31,16,4,187); arc(93,349,31,16,4,187); }; cakes1(); pushMatrix(); translate(33,7); cakes1(); translate(34,7); cakes1(); popMatrix(); noStroke(); fill(254, 222, 227); quad(186,333,183,378,170,390,170,337); //window in counter strokeWeight(3); stroke(255, 255, 255); fill(219, 219, 219,40); quad(61,317,61,363,167,386,167,340); noFill(); stroke(76, 32, 20); quad(57,313,57,366,170,390,170,337); noStroke(); fill(255, 255, 255,190); quad(151,342,116,372,123,376,158,352); quad(161,362,140,381,131,380,156,358); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} //counter outside noFill(); strokeWeight(2); stroke(226, 156, 172); quad(186,391,238,401,240,355,186,344); quad(190,389,234,397,236,359,190,351); stroke(237, 168, 177); quad(266,354,266,398,298,382,299,337); quad(269,358,269,393,295,380,295,344); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} //counter top fill(255, 255, 255); stroke(199, 165, 164); beginShape(); vertex(313, 318); vertex(257, 347); vertex(41, 303); vertex(41, 292); vertex(257, 338); vertex(313, 309); endShape(CLOSE); quad(41,292,99,263,312,309,257,337); //runner fill(245, 245, 245); stroke(76, 32, 20); beginShape(); vertex(241, 376); vertex(244,329); vertex(290,304); vertex(238, 293); vertex(187, 317); vertex(186, 368); endShape(); noStroke(); rect(188,365,52,14); rect(194,372,42,14); rect(209,376,14,14); strokeWeight(2); stroke(76, 32, 20); bezier(241,376,240,386,230,392,224,387); bezier(209,387,208,387,217,397,224,387); bezier(209,387,206,390,196,390,195,382); bezier(186,353,184,373,187,384,195,382); //ignore /noStroke(); fill(255, 194, 194); pushMatrix(); translate(55,-48); rotate(12); arc(260,383,8,8,347,515); rotate(2); arc(261,379,8,8,347,515); arc(248,381,8,8,365,538); arc(237,377,8,8,389,554); popMatrix(); bezier(214,354,183,332,205,385,214,374); bezier(213,354,248,344,221,381,210,374); / //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} //register noStroke(); fill(113, 74, 63); triangle(252,314,251,279,269,305); fill(132, 92, 83); stroke(76, 32, 20); quad(251,315,251,281,213,273,213,308); fill(113, 74, 63); bezier(252,281,276,281,275,304,266,307); line(266,307,251,315); strokeWeight(6); stroke(152, 111, 103); line(217,300,231,282); strokeWeight(5); line(232,300,238,292); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} strokeWeight(1.4); stroke(76, 32, 20); //chocolate var chocolate = function(){ fill(237, 206, 147); quad(207,297,203,308,231,314,235,303); fill(228, 112, 129); quad(212,298,207,308,227,312,230,303); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} }; pushMatrix(); translate(10,-3); chocolate(); translate(-4,2); chocolate(); translate(-3,2); chocolate(); popMatrix(); fill(251, 202, 209); quad(238,322,197,314,197,306,238,314); quad(245,309,245,317,238,322,238,314); //little cart cupcake holder thing fill(132, 92, 83); stroke(76, 32, 20); rect(344,327,5,75,2); noFill(); strokeWeight(4); pushMatrix(); translate(41,-24); bezier(327,434,343,430,267,414,284,425); popMatrix(); //wheels noStroke(); fill(82, 32, 22); ellipse(327,434,10,10); ellipse(284,425,10,10); ellipse(369,412,10,10); //container thingies strokeWeight(2); stroke(76, 32, 20); fill(109, 65, 66); quad(288,395,326,403,362,387,325,375); quad(288,351,326,360,362,344,325,334); //cupcakes var cupcakes1 = function(){ stroke(76, 32, 20); strokeWeight(1.8); fill(235, 159, 202); rect(297,347,17,17); fill(242, 237, 181); ellipse(306,347,18,11); fill(250, 220, 220); strokeWeight(1.1); arc(306,346,15,9,0,180); strokeWeight(2); bezier(313,346,317,344,311,339,307,336); bezier(298,346,295,344,304,336,307,337); noStroke(); quad(298,346,307,347,313,346,307,336); }; pushMatrix(); cupcakes1(); translate(17,-5); cupcakes1(); translate(18,2); cupcakes1(); translate(-16,9); cupcakes1(); translate(-17,37); cupcakes1(); translate(17,-5); cupcakes1(); translate(18,2); cupcakes1(); translate(-16,9); cupcakes1(); popMatrix(); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) / //} stroke(76, 32, 20); fill(132, 92, 83); strokeWeight(2); beginShape(); vertex(364, 387); vertex(364, 404); vertex(327, 421); vertex(288, 412); vertex(288, 395); vertex(327, 404); endShape(CLOSE); fill(113, 75, 65); noStroke(); quad(338,399,339,415,332,418,332,403); quad(345,397,346,411,342,412,341,399); fill(161, 120, 112); quad(290,397,292,398,292,412,290,412); quad(362,389,360,390,360,405,363,403); //container holder thing pushMatrix(); translate(0,-43); fill(132, 92, 83); stroke(76, 32, 20); strokeWeight(2); beginShape(); vertex(364, 387); vertex(364, 404); vertex(327, 421); vertex(288, 412); vertex(288, 395); vertex(327, 404); endShape(CLOSE); fill(113, 75, 65); noStroke(); quad(338,399,339,415,332,418,332,403); quad(345,397,346,411,342,412,341,399); fill(161, 120, 112); quad(290,397,292,398,292,412,290,412); quad(362,389,360,390,360,405,363,403); popMatrix(); fill(132, 92, 83); stroke(76, 32, 20); rect(305,350,5,75,2); noFill(); strokeWeight(4); bezier(327,434,343,430,267,414,284,425); //Box strokeWeight(1); stroke(245, 219, 174); fill(255, 233, 199); beginShape(); vertex(125, 257); vertex(125, 288); vertex(176, 299); vertex(177, 268); endShape(); fill(240, 217, 170); beginShape(); vertex(125, 257); vertex(142, 245); vertex(191, 256); vertex(177, 269); endShape(); beginShape(); vertex(175,268); vertex(190,256); vertex(190,289); vertex(175,299); endShape(); strokeWeight(1); stroke(255, 166, 166); fill(255, 166, 166); beginShape(); vertex(143, 261); vertex(142, 292); vertex(154, 294); vertex(155, 264); endShape(); stroke(255, 181, 181); fill(255, 181, 181); beginShape(); vertex(142, 261); vertex(158, 249); vertex(172, 252); vertex(156, 264); endShape(); stroke(255, 199, 199); fill(255, 166, 166); bezier(154,260,169,223,104,248,157,258); pushMatrix(); rotate(135); translate(-86,-550); bezier(154,260,169,223,104,248,157,258); popMatrix(); ellipse(158,254,10,10); //{ / code created by: m 🌻 (@LearningJavascript) my user id: (kaid_1057843468150787587122392) */ //}
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3Y04nsCww
Votes	210
Spin-Offs	4
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	m m
Author Name	LearningJavascript
Author ID	kaid_1057843468150787587122392
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739460505015
Updated	10 months ago, 1739460513678
Source Deleted	unknown