Viewing Program

Program Data

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

Title	sugar and spice
ID	5930335453790208
Created	4 years ago, 1621605982633
Updated	4 years ago, 1640881575830
Code	/ the quote is from 'my youth' by nct dream. if you have any ideas for future graphics, please tell me, since im running a bit low on ideas. thank you ^-^ started - 5.18.21 finished - 5.19.21 released - 5.21.21 sub page if anyone wants - https://www.khanacademy.org/computer-programming/sub-page/5724611334782976 / //variables and setup var lightBulb = function (x, y, r, size){ pushMatrix(); translate(x, y); rotate(r); scale(size); noStroke(); fill(92, 66, 48); rect(197, 191, 5, 7); fill(163, 137, 118); ellipse(200, 200, 10, 10); for(var glowVar = 0; glowVar < 31; glowVar+= 1){ fill(163, 137, 118, 5); ellipse(201, 199, glowVar, glowVar); } popMatrix(); }; var fairyLights = function(x, y, sx, sy){ pushMatrix(); translate(x, y); scale(sx, sy); noFill(); stroke(66, 47, 34); arc(200, 91, 200, 200, 39, 147); lightBulb(0, 0, 0); lightBulb(22, -50, 15); lightBulb(65, -106, 33); lightBulb(-30, 94, -24); lightBulb(-9, 163, -43); popMatrix(); }; var cookie = function (x, y, size){ pushMatrix(); translate(x, y); scale(size); noStroke(); fill(176, 138, 111); rect(332, 311, 50, 7, 20); fill(112, 72, 33); triangle(381, 312, 330, 319, 382, 319); stroke(92, 66, 48); strokeWeight(3); point(335, 315); point(347, 313); point(374, 313); point(363, 312); popMatrix(); }; var cookieBundle = function(x, y, size){ pushMatrix(); translate(x, y); scale(size); cookie(0, 0, 1); cookie(0, 7, 1); cookie(0, 14, 1); cookie(0, 21, 1); cookie(0, 28, 1); stroke(255, 255, 255); noFill(); strokeWeight(2); line(357,344,357,306); bezier(356, 310, 423, 300, 361, 285, 357, 309); bezier(357, 310, 305, 299, 361, 288, 357, 309); popMatrix(); }; var coffeePitcher = function(x, y, size){ pushMatrix(); translate(x,y); scale(size); noStroke(); fill(101, 99, 106); quad(203, 350, 250, 350, 244, 334, 213, 334); rect(213,314,44,20); fill(59, 59, 59); quad(307, 334, 319, 350, 270, 350, 257, 334); rect(263,314,44,20); fill(75, 75, 75); quad(263, 334, 270, 350, 245, 350, 236, 334); rect(237, 314, 26.4, 20); fill(163, 137, 118); rect(213, 200, 93, 44); fill(92, 66, 48); rect(213, 244, 94, 70); fill(61, 40, 26); rect(292, 244, 6, 50, 20); rect(245, 244, 25, 70); fill(166, 66, 1 ,80); quad(270, 280, 270, 315, 213, 315, 213, 299); fill(147, 137, 112); rect(302, 305, 5, 10); rect(302, 196, 5, 10); fill(133, 121, 104); rect(288, 305, 15, 10); rect(278, 196, 10, 119); rect(288, 196, 15, 10); fill(141, 149, 133); rect(213, 305, 65, 10); rect(242, 196, 10, 119); rect(213, 196, 65, 10); fill(255, 255, 255, 80); rect(219, 205, 15, 100); fill(49, 36, 27); rect(307, 186, 20, 10); rect(307, 305, 20, 10); rect(344, 213, 10, 78); noFill(); stroke(49,36,27); strokeWeight(10); arc(324, 216, 50, 50, -85, 6); arc(324, 285, 50, 50, 9, 98); noStroke(); fill(31, 22, 17); rect(274, 186, 33, 10); fill(51, 36, 21); rect(251, 186, 23, 10); fill(115, 76, 48); rect(228, 186, 23, 10); fill(52, 33, 25); rect(213, 186, 15, 10); fill(143, 63, 17); rect(212, 183, 94, 3); fill(71, 68, 67); rect(211, 169, 68, 15); fill(33, 33, 33); rect(274, 169, 32, 15); fill(35, 24, 15); arc(258, 169, 94, 44, 179, 362); ellipse(258, 135, 20, 20); rect(256, 138, 4, 10); popMatrix(); }; var shootingStar = function(x,y){ fill(255, 255, 255, 20); noStroke(); beginShape(); vertex(x-80, y-20); vertex(x-79, y-22); vertex(x+6, y-100); endShape(); }; var cottoncandyclouds = function (x, y, size){ pushMatrix(); translate(x, y); scale(size); noStroke(); rect(200, 200, 102, 12, 19); ellipse(214, 200, 200, 20); ellipse(227, 195, 250, 25); ellipse(248, 195, 250, 25); ellipse(270, 195, 305, 35); ellipse(290, 200, 200, 20); popMatrix(); }; var mountainRange = function() { var incAmount = 0.01; for (var t = 0; t < incAmountwidth; t += incAmount) { var n = noise(t); var y = map(n, -1, 1, 0, height/2); rect(t100, 430-y, 1, y - 111); } }; var sunRoof = function(x, y, sx, sy){ pushMatrix(); translate(x, y); scale(sx, sy); stroke(0, 0, 0); strokeWeight(0.3); fill(92, 66, 48); quad(210, 280, 190, 280, 176, 330, 197, 330); quad(250, 280 , 231, 280, 219, 330, 250, 330); rect(177, 329, 173, 15); fill(61, 40, 26); quad(231, 280, 207, 280, 196, 330, 221, 330); rect(250, 280, 24, 49); rect(196.5, 329, 25, 15); rect(250, 329, 24, 15); rect(305, 329, 26, 15); fill(92, 66, 48); quad(274, 280, 295, 280, 305, 330, 274, 330); quad(334, 280, 322, 280, 330, 330, 350, 330); fill(61, 40, 26); quad(322, 280, 295, 280, 305, 330, 331, 330); popMatrix(); }; var streetLamps = function (x, y, size){ pushMatrix(); translate(x,y); scale(size); noStroke(); for(var glowVar = 0; glowVar < 70; glowVar+= 1){ fill(191, 157, 133, 8); ellipse(199, 105, glowVar, glowVar); } fill(69,42,30); arc(199, 213, 20, 20, 180, 360); rect(194, 194, 10, 15); rect(196, 184, 6, 11); rect(197,125,3,66); rect(195, 116, 7, 11); rect(194, 89, 10, 6); stroke(94, 94, 94); fill(191, 157, 133); rect(189, 94, 20, 20, 5); popMatrix(); }; smooth(); randomSeed(0); enableContextMenu(); var windows = function () { noStroke(); fill(255, 255, 255); rect(111, 183, 180, 44); rect(94, 312, 151, 62); rect(266, 333, 43, 74); }; var insideCoffeeShop = function () { for (var i = 0; i + 37 < height; i++) { noStroke(); fill(lerpColor( color(92, 66, 48), color(247, 235, 205), i / height)); rect(0, i + 171, width, 153); } for (var i = 0; i + 300 < height; i++) { noStroke(); fill(lerpColor( color(92, 66, 48), color(247, 235, 205), i / height)); rect(0, i + 288, width, 153); } fairyLights(48, 101, 0.6, 0.5); fairyLights(114, 101, 0.6, 0.5); fairyLights(33, 252, 0.5, 0.4); fairyLights(124, 252, 0.5, 0.4); //shelves fill(92, 66, 48); rect(94, 364, 151, 5); cookieBundle(25, 259, 0.3); cookieBundle(-32, 225, 0.4); coffeePitcher(158, 294, 0.2); cookie(5, 204, 0.5); cookie(1, 198, 0.5); cookie(5, 192, 0.5); }; insideCoffeeShop(); var filling = get(0, 0, 600, 600); background(0, 0, 0); windows(); var masking = get(0, 0, 600, 600); filling.mask(masking); var scenery = function (x, y, w, h) { //sky for (var i = 0; i < height; i++) { noStroke(); fill(lerpColor( color(92, 66, 48), color(194, 181, 148), i / height)); rect(0, i, width, 150); } //sun for(var sun = 0; sun < 281; sun++) { pushMatrix(); translate(391, 228); fill(255, 255, 255, 10); rotate(random(0, 360)); ellipse(50, 5, random(5, 221), random(5, 36)); popMatrix(); } //clouds for(var i = 0; i < 100; i++) { fill(194, 181, 148, 10); cottoncandyclouds(random(-377, 600), random(-185, 629)); } filter(BLUR, 4); //stars for(var i = 0; i < 500; i++) { strokeWeight(random(0.1, 2)); stroke(224, 227, 236, random(20, 180)); point(random(0, 400), random(0, 500)); } for(var i = 0; i < 200; i++) { shootingStar(random(0, 660), random(0, 550)); } //stone road fill(115); rect(0, 300, 400, 200); for(var i = 0; i < 9000; i++) { fill(115, 115, 115); strokeWeight(0.7); stroke(224, 227, 236, 50); ellipse(random(0, 400), random(325, 502), random(5, 10), 5); } //mountains noStroke(); fill(61, 40, 26); mountainRange(); //fence for (var a = 0; a < 86; a++) { var lineX = 0 + (a5); stroke(0, 0, 0); strokeWeight(0.2); fill(194, 181, 148); rect(lineX, 300, random(4, 6), 25); } //coffee shop fill(97, 97, 97); rect(50, 408, 300, 20, 1); fill(156, 119, 91); rect(62, 123, 275, 285); stroke(92, 66, 48); strokeWeight(1); fill(163, 137, 118); rect(61, 112, 20, 296, 3); rect(320, 112, 20, 296, 3); fill(92, 66, 48); rect(62, 237, 277, 5); rect(52, 243, 297, 7); rect(57, 256, 285, 7); fill(61, 40, 26); quad(61, 241, 338, 241, 343, 245, 54, 245); rect(62, 250, 277, 7); rect(91, 309, 158, 68); rect(261, 329, 52, 78); image(filling, x, y, w, h); fill(156, 119, 91); rect(264, 398, 46, 9); fill(61, 40, 26); quad(264, 332, 264, 408, 275, 402, 275, 339); quad(310, 332, 310, 408, 299, 402, 299, 339); fairyLights(227, 301, 0.3, 0.2); //window for (var a = 0; a < 13; a++) { var lineX = 111 + (a15); stroke(163, 137, 118); rect(lineX, 184, 0.3, 38); } for (var a = 0; a < 3; a++) { var lineY = 194 + (a15); fill(92, 66, 48); rect(117, lineY, 170, 0.3); } for (var a = 0; a < 29; a++) { var lineX = 113 + (a6); stroke(36, 30, 20); rect(lineX, 219, 6, 17); } fill(92, 66, 48); rect(110, 176, 5, 60); rect(285, 176, 5, 60); rect(246, 176, 5, 60); rect(197, 176, 5, 60); rect(150, 176, 5, 60); rect(112, 176, 177, 8); fill(61, 40, 26); rect(96, 162, 207, 18); noStroke(); fill(255, 255, 255, 40); rect(94, 312, 151, 62); quad(208, 311, 243, 354, 244, 365, 201, 312); quad(224, 312, 243, 332, 244, 342, 217, 313); //sun roof sunRoof(-324, 94, 2, 0.6); sunRoof(-246, -114, 1.7, 0.7); //fairy lights for (var a = 0; a < 23; a++) { var lineX = -67 + (a15); lightBulb(lineX, 198, 0, 0.5); } for (var a = 0; a < 20; a++) { var lineX = -41 + (a15); lightBulb(lineX, 23, 0, 0.5); } //coffe sign pushMatrix(); translate(0, -25); fill(61, 40, 26); textAlign(CENTER, CENTER); textFont(createFont("Courier Bold"), 13); text("sugar and spice", 200, 161); textFont(createFont("Courier"), 10); text(" - coffee shop -", 197, 175); popMatrix(); //shadows and details fill(46, 46, 46, 80); quad(352, 429, 480, 500, 166, 500, 50, 428); stroke(92, 66, 48); noFill(); rect(82, 128, 20, 10, 2); rect(102, 128, 20, 10, 2); rect(92, 138, 20, 10, 2); rect(299, 138, 20, 10, 2); rect(290, 149, 20, 10, 2); rect(83, 185, 20, 10, 2); rect(295, 185, 20, 10, 2); rect(291, 222, 20, 10, 2); rect(83, 195, 12, 10, 2); rect(308, 195, 12, 10, 2); rect(83, 381, 12, 10, 2); rect(92, 391, 20, 10, 2); rect(212, 388, 12, 10, 2); rect(96, 381, 20, 10, 2); rect(198, 378, 20, 10, 2); rect(218, 378, 20, 10, 2); rect(299, 307, 20, 10, 2); //streetlamps streetLamps(219, 276, 0.7); streetLamps(-97, 276, 0.7); //frame noStroke(); fill(156, 119, 91); rect(0, 0, 30, 500); rect(370, 0, 30, 500); rect(0, 0, 400, 30); rect(0, 440, 470, 70); fill(92, 66, 48); textFont(createFont("Courier"), 13); textAlign(CENTER, CENTER); text("all the memories that have passed \n become more precious \n when i realize i can never go back to them", 200, 467); //logo var x = 15; var y = 473; noFill(); strokeWeight(2); stroke(236, 194, 88, 120); arc(x, y, 20, 10, -340, 20); fill(236, 194, 88); line(x-10, y+3, x-10, y+10); line(x-5 ,y+6, x-5, y+19); line(x+5, y+5, x+5, y+19); line(x+10, y-1, x+10, y+10); line(x, y+5, x, y+15); }; scenery(0, 0, 600, 600); { if (keyCode === UP) { var thumbnail = get(); background(255); image(thumbnail, 50, 0, 300, 500); } } //thumbnail code - credit to ami-ari and NitOwl
Folds	13,33,34,52,53,75,76,97,98,187,188,201,202,218,219,227,228,258,259,287,623,631
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP2QvbPECgw
Votes	170
Spin-Offs	0
Type	PJS
Width	400
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	angel
Author Name	drowsyangelll
Author ID	kaid_261723798353502715735166
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739450975448
Updated	10 months ago, 1739450975448
Source Deleted	unknown