Viewing Program

Program Data

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

Title	Pasta! [INTERACTION]
ID	5919917551042560
Created	1 years ago, 1716043700357
Updated	11 months ago, 1736084344965
Code	/*---------------------------Quantum Cat-Presents-------------------------------* ___ _ _ ( _`\ ( )_ ( ) \| \|_) ) _ _ ___ \| ,_) _ _ \| \| \| ,__/'/'_` )/',__)\| \| /'_` )\| \| \| \| ( (_\| \|\__, \\| \|_ ( (_\| \|\| \| (_) `\__,_)(____/`\__)`\__,_)(_) (_) Press the buttons and click to pour sauce, sprinkle cheese, and make meatballs :) After you're done, eat your masterpiece! *----------------------------------------------------------------------------------/ // Display frameRate(40); smooth(); textFont(createFont('cursive')); // Variables var r = -27; // Rotation of pitcher var tipped = false; // If tipped var clicked = false; // If clicked var pushed = 'None'; // What button is pushed var sauceColor = [color(255, 0, 0), color(242, 119, 119), color(207, 0, 0)]; // Pesto/Tomato var saucePushed = 'None'; // What sauce is active var meatballs = []; // Meatballs array var cheese = []; // Cheese array var basil = []; // Basil array var mushrooms = []; // Mushroom array // Noodles var noodle = function(tx, ty, r, s, type) { this.tx = tx; this.ty = ty; this.r = r; this.s = s; this.type = type; this.sauced = false; this.light = color(255, 204, 0); this.dark = color(204, 143, 0); this.inter = lerpColor(this.light, this.dark, 0.5); this.height = 15; this.width = 50; }; noodle.prototype.getSauced = function(sauceColor) { // If the end of sauce is touching the noodle turn red/green if(mouseX >= this.tx && mouseX <= this.tx + this.height && mouseY + 100 >= this.ty && mouseY + 100 <= this.ty + this.width && tipped) { this.sauceColor = sauceColor; this.sauced = true; } }; noodle.prototype.draw = function() { // Turn red/green if sauced if(this.sauced) { this.light = this.sauceColor[0]; this.dark = this.sauceColor[2]; this.inter = lerpColor(this.light, this.dark, 0.5); } pushStyle(); strokeWeight(1); // Two types of noodles if(this.type === 1) { stroke(this.light); pushMatrix(); // Main shape fill(this.light); beginShape(); translate(this.tx, this.ty); rotate(this.r); scale(this.s); vertex(0, 0); vertex(0, 50); vertex(19, 63); vertex(19, -14); bezierVertex(26, -21, -1, -9, 0, 0); endShape(); // Inside shading fill(this.dark); beginShape(); vertex(19, -14); bezierVertex(26, -21, -1, -9, 0, 0); vertex(0, 0); bezierVertex(11, 0, 13, -1, 19, -14); endShape(); // Medium shading fill(this.inter); beginShape(); vertex(10, -1); bezierVertex(6, -2, 10, 0, 19, -11); vertex(19, 65); vertex(10, 55); endShape(); // Dark shading fill(this.dark); beginShape(); vertex(19, -11); vertex(19, 65); vertex(15, 55); vertex(15, -7); endShape(); popMatrix(); } if(this.type === 2) { pushMatrix(); stroke(this.light); translate(this.tx, this.ty); rotate(this.r); scale(this.s); // Main body fill(this.light); beginShape(); vertex(2, 20); vertex(-2, -3); vertex(35, -22); bezierVertex(44, -22, 46, -12, 44, -3); endShape(); // Inside shading fill(this.dark); beginShape(); vertex(0, -3); bezierVertex(9, 4, 9, 22, 0, 20); bezierVertex(-16, 23, -7, -7, 0, -3); endShape(); // Medium shading fill(this.inter); beginShape(); vertex(7, 7); vertex(44, -13); vertex(45, -9); vertex(8, 11); endShape(); // Dark shading fill(this.dark); beginShape(); vertex(7, 16); vertex(44, -4); vertex(45, -9); vertex(8, 11); endShape(); popMatrix(); } popStyle(); }; // Store all the noodles var noodles = [ new noodle(101, 240, -130, 1, 1), new noodle(262, 275, 44, 1, 1), new noodle(153, 272, 164, 1, 2),// new noodle(301, 213, 33, 1, 1), new noodle(267, 211, -174, 1, 2),// new noodle(167, 231, -96, 1, 2),// new noodle(289, 237, -9, 1, 1), new noodle(260, 237, -53, 1, 1), new noodle(175, 235, 94, 1, 1), new noodle(164, 226, 186, 1, 2),// new noodle(147, 240, -59, 1, 1), new noodle(118, 257, 114, 1, 1), new noodle(233, 265, 180, 1, 1),// new noodle(200, 255, -27, 1, 1), new noodle(200, 273, 134, 1, 1), new noodle(82, 250, 0, 1, 2),// new noodle(109, 275, -59, 1, 1), new noodle(260, 241, 39, 1, 1), new noodle(200, 285, -147, 1, 2),// new noodle(100, 229, -34, 1, 1), new noodle(262, 264, -50, 1, 1), new noodle(330, 250, 164, 1, 2),// new noodle(258, 241, 113, 1, 1), new noodle(169, 240, 0, 1, 2),// new noodle(218, 208, 39, 1, 1), new noodle(268, 209, 70, 1, 1), new noodle(218, 195, 58, 1, 2), // new noodle(169, 205, -47, 1, 1), new noodle(250, 242, 62, 1, 1), new noodle(260, 240, 96, 1, 2),// new noodle(130, 200, 9, 1, 1), new noodle(212, 257, 59, 1, 2),// new noodle(310, 246, 246, 1, 2) ]; // If an object is touching the ground var touchingGround = function(x, y, maxFall, maxFall2, pastaFall) { // Fall on table if(y > maxFall && (x >= 316 \|\| x <= 75)) { return true; } // Fall on top of pasta if((y > pastaFall) && y <= 270 && (x>=60 && x<=330)) { return true; } // Fall below pasta if(y > maxFall2 && (x >= 60 && x <= 315)) { return true; } return false; }; // Meatball var Meatball = function(x, y) { this.x = x; this.y = y; this.maxFall = 275 + random(0, 30); this.maxFall2 = 380 + random(-20, 10); this.pastaFall = 180 + random(0, 50); this.move = 9.81; this.sauced = false; }; Meatball.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); scale(1.2); // Because the size never works out right :P // Shape { fill(154, 94, 93); beginShape(); vertex(-23, -7); vertex(-19, -11); vertex(-18, -15); vertex(-15, -16); vertex(-11, -16); vertex(-11, -19); vertex(-7, -17); vertex(-6, -18); vertex(0, -20); vertex(5, -18); vertex(11, -18); vertex(16, -14); vertex(17, -11); vertex(18, -10); vertex(22, -6); vertex(21, -5); vertex(22, 0); vertex(24, 5); vertex(23, 9); vertex(24, 10); vertex(23, 14); vertex(20, 15); vertex(18, 18); vertex(17, 20); vertex(12, 22); vertex(9, 21); vertex(8, 22); vertex(6, 23); vertex(2, 24); vertex(0, 22); vertex(-1, 23); vertex(-4, 23); vertex(-7, 22); vertex(-14, 21); vertex(-16, 20); vertex(-17, 18.5); vertex(-21, 17); vertex(-20, 14.1); vertex(-22, 14); vertex(-22, 8); vertex(-24.5, 4); vertex(-24, 0); vertex(-22, -2); endShape(CLOSE); } // Shading { // Light Shade fill(181, 138, 138); beginShape(); vertex(-10, -14); vertex(-18, -6); vertex(-20, 4); vertex(-12, -5); vertex(-7, -7); endShape(); // Medium Shade fill(136, 70, 67); beginShape(); vertex(10, -18); vertex(15, -14); vertex(17, -9); vertex(22, 7); vertex(18, 17); vertex(10, 20); vertex(8, 22); vertex(-3, 23); bezierVertex(-16, 22, 1, 20, 2, 20); bezierVertex(-10, 14, 12, 14, 9, 14); bezierVertex(-3, 9, 7, 5, 9, 0); bezierVertex(12, -6, -7, -6, 12, -12); endShape(); // Dark Shade fill(109, 47, 46); beginShape(); vertex(21, -7); vertex(23, 14); vertex(17, 19); vertex(9, 21); vertex(2, 24); bezierVertex(0, 22, 12, 16, 10, 18); bezierVertex(6, 21, 9, 10, 14, 15); bezierVertex(23, 15, 6, 7, 13, 0); bezierVertex(25, -1, 7, -11, 14, -12); endShape(); } // Sauce if(this.sauced === true) { // Sauce { fill(this.sauceColor[0]); beginShape(); endShape(); pushMatrix(); translate(7, -8); scale(0.2); beginShape(); curveVertex(-152, 20); curveVertex(-155,-26); curveVertex(-114,-47); curveVertex(-45,-78); curveVertex(37,-45); curveVertex(73,0); curveVertex(62,33); curveVertex(11,18); curveVertex(-25,52); curveVertex(-58,54); curveVertex(-80,11); curveVertex(-111,-2); curveVertex(-150,7); curveVertex(-155,-27); curveVertex(-110,-44); endShape(); popMatrix(); } // Sauce Shading { // Light fill(this.sauceColor[1]); pushMatrix(); translate(-2, 0); scale(0.2); beginShape(); curveVertex(-60,-98); curveVertex(-30,-90); curveVertex(-45,-62); curveVertex(-84,-49); curveVertex(-89,-68); curveVertex(-66, -76); curveVertex(-45,-92); curveVertex(-29,-90); curveVertex(-46,-66); endShape(); popMatrix(); // Dark fill(this.sauceColor[2]); pushMatrix(); translate(15,-10); scale(0.07); beginShape(); curveVertex(-66,11); curveVertex(16,23); curveVertex(-58,-63); curveVertex(9,-57); curveVertex(74,24); curveVertex(77,70); curveVertex(46,97); curveVertex(-10,70); curveVertex(-57,62); curveVertex(-69,23); curveVertex(-17, 34); curveVertex(16,23); curveVertex(28,-74); endShape(); popMatrix(); } } popMatrix(); }; Meatball.prototype.update = function(sauceColor) { if(dist(this.x, this.y, mouseX, mouseY+100) < 20 && tipped) { this.sauced = true; this.sauceColor = sauceColor; } this.draw(sauceColor); if(touchingGround(this.x, this.y, this.maxFall, this.maxFall2, this.pastaFall) === false) { this.y += this.move; } }; // Cheese var Cheese = function(x, y) { this.x = x; this.y = y; this.width = 20; this.height = 5; this.rot = random(0, 360); this.maxFall = 275 + random(0, 50); this.maxFall2 = 380 + random(-10, 20); this.pastaFall = 200 + random(0, 50); }; Cheese.prototype.draw = function() { fill(255, 243, 176); pushMatrix(); translate(this.x, this.y); rotate(this.rot); rect(0, 0, this.width, this.height); popMatrix(); }; Cheese.prototype.update = function() { this.draw(); if(touchingGround(this.x, this.y, this.maxFall, this.maxFall2, this.pastaFall) === false) { this.y += 2; } }; // Basil var Basil = function(x, y) { this.x = x; this.y = y; this.width = 20; this.height = 10; this.rot = random(0, 360); this.maxFall = 275 + random(0, 50); this.maxFall2 = 380 + random(-10, 20); this.pastaFall = 200 + random(0, 50); }; Basil.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); rotate(this.rot); // Light side fill(119, 166, 0); beginShape(); vertex(-5, 6); bezierVertex(-11, -8, 5, -11, 9, -10); endShape(); // Dark side fill(73, 122, 0); beginShape(); vertex(9, -10); bezierVertex(12, 5, -5, 7, -5, 6); endShape(); popMatrix(); }; Basil.prototype.update = function() { this.draw(); if(touchingGround(this.x, this.y, this.maxFall, this.maxFall2, this.pastaFall) === false) { this.y += 2; } }; // Mushroom var Mushroom = function(x, y) { this.x = x; this.y = y; this.width = 50; this.height = 50; this.rot = random(0, 360); this.maxFall = 275 + random(0, 50); this.maxFall2 = 380 + random(-10, 20); this.pastaFall = 200 + random(0, 50); }; Mushroom.prototype.draw = function() { pushMatrix(); translate(this.x, this.y); scale(0.7); //scale(3.2); rotate(this.rot); // Body fill(199, 140, 98); beginShape(); vertex(7, 22); bezierVertex(5, 25, 16, 32, 22, 22); vertex(22, 23); bezierVertex(38, -9, -38, -10, -27, 23); bezierVertex(-26, 30, -11, 31, -11, 23); vertex(-11, 22); bezierVertex(-13, 27, -11, 37, -10, 39); bezierVertex(-8, 43, 7, 45, 6, 39); bezierVertex(9, 30, 7, 16, 8, 26); endShape(); // Brown details fill(105, 58, 10); // Left beginShape(); vertex(-11, 24); bezierVertex(-11, 20, -20, 20, -18, 25); bezierVertex(-27, 18, -17, 13, -11, 17); bezierVertex(-9, 17, -9, 25, -11, 24); endShape(); // Right beginShape(); vertex(8, 23); bezierVertex(9, 18, 18, 20, 16, 24); bezierVertex(23, 19, 14, 9, 7, 18); bezierVertex(5, 21, 8, 25, 8, 23); endShape(); popMatrix(); }; Mushroom.prototype.update = function() { this.draw(); if(touchingGround(this.x, this.y, this.maxFall, this.maxFall2, this.pastaFall) === false) { this.y += 4; } }; // Fork var Fork = function(x, y) { stroke(186, 186, 186); strokeWeight(1); fill(133, 133, 133); pushMatrix(); translate(x, y); beginShape(); vertex(0, 0); bezierVertex(14, -35, 80, -60, 73, -61); vertex(57, -60); vertex(60, -61); bezierVertex(-1, -38, -7, 7, -8, -4); vertex(-8, -4); bezierVertex(-39, -2, -50, 33, -68, 47); vertex(-62, 51); vertex(-26, 9); vertex(-23, 11); vertex(-56, 52); vertex(-51, 53); vertex(-18, 14); vertex(-15, 15); vertex(-46, 54); vertex(-40, 56); vertex(-10, 16); vertex(-7, 17); vertex(-37, 57); vertex(-28, 58); bezierVertex(-38, 57, 20, 16, 0, 0); endShape(); popMatrix(); noStroke(); }; // Other functions var Dish = function() { // Bowl var bowl = function() { noStroke(); // Bowl Shape fill(229, 232, 255); beginShape(); vertex(55, 260); bezierVertex(133, 287, 223, 299, 345, 260); bezierVertex(368, 378, 114, 444, 55, 260); endShape(); // Light Shading fill(245, 246, 255); beginShape(); vertex(55, 260); bezierVertex(60, 280, 99, 341, 111, 341); bezierVertex(100, 319, 120, 332, 131, 332); bezierVertex(101, 314, 87, 296, 135, 306); bezierVertex(100, 295, 100, 275, 123, 281); vertex(104, 275); endShape(); // Medium Shading fill(208, 215, 245); beginShape(); vertex(315, 273); vertex(314, 333); vertex(264, 365); vertex(222, 375); bezierVertex(265, 364, 255, 345, 235, 347); bezierVertex(298, 343, 270, 324, 252, 324); bezierVertex(258, 319, 291, 308, 236, 302); bezierVertex(260, 295, 276, 295, 259, 281); endShape(); // Dark Shading fill(185, 192, 235); beginShape(); vertex(345, 260); bezierVertex(353, 295, 333, 342, 264, 366); bezierVertex(293, 348, 310, 329, 272, 337); bezierVertex(323, 309, 280, 310, 260, 309); bezierVertex(332, 297, 295, 282, 285, 285); bezierVertex(361, 273, 271, 277, 313, 270); endShape(); }; // Shadow for(var i = 0; i<=40; i+=0.4) { fill(0, 0, 0, 4.5); ellipse(156+i2.8, 331, i8, i3); } // Other side of bowl fill(147, 155, 201); ellipse(201, 263, 284, 52); // Noodles for(var n = 0; n<noodles.length; n++) { noodles[n].getSauced(sauceColor); noodles[n].draw(); } bowl(); }; var Saucer = function(tx, ty, r, tipped, sauceColor) { pushMatrix(); pushStyle(); // Body translate(tx, ty); rotate(r); strokeWeight(2); stroke(15, 205, 212); fill(87, 255, 249, 100); beginShape(); vertex(0, 0); bezierVertex(13, 12, 77, 12, 80, 0); bezierVertex(77, -10, 13, -10, 0, 0); vertex(10, 15); vertex(18, 90); vertex(76, 90); vertex(80, 0); endShape(); // Handle beginShape(); vertex(80, 0); vertex(100, 0); vertex(100, 40); vertex(78, 40); vertex(78, 31); vertex(91, 31); vertex(91, 8); vertex(79, 8); endShape(); // Sauce noStroke(); fill(sauceColor[0]); beginShape(); if(tipped === false) { vertex(19, 89); vertex(75, 89); bezierVertex(78, 82, 53, 79, 13, 33); } else { vertex(57, 89); vertex(19, 89); vertex(11, 13); vertex(0, -3); vertex(15, -7); } endShape(); popStyle(); popMatrix(); }; var Background = function() { // Background color background(220, 255, 178); // Stripes on wall pushStyle(); stroke(216, 250, 173); strokeWeight(20); for(var i = -50; i<=400; i+=37) { line(i, 300, i+75, 0); } popStyle(); //Table fill(186, 117, 60); rect(0, 275, 400, 125); //Placemat fill(240, 189, 141); quad(-30, 385, 430, 385, 365, 285, 35, 285); }; var eatFood = function() { // Where the fork touches the food var forkX = mouseX-30; var forkY = mouseY+50; // Check if fork touching food for(var n = 0; n<noodles.length; n++) { if(forkX >= noodles[n].tx && forkX <= noodles[n].tx + noodles[n].width && forkY >= noodles[n].ty && forkY <= noodles[n].ty + noodles[n].height) { noodles.splice(n, 1); return; } } for(var m = 0; m<meatballs.length; m++) { if(dist(forkX, forkY, meatballs[m].x, meatballs[m].y) <= 20) { meatballs.splice(m, 1); return; } } for(var c = 0; c<cheese.length; c++) { if(forkX >= cheese[c].x && forkX <= cheese[c].x + cheese[c].width+10 && forkY >= cheese[c].y && forkY <= cheese[c].y + cheese[c].height+10) { cheese.splice(c, 1); } } for(var b = 0; b<basil.length; b++) { if(forkX >= basil[b].x && forkX <= basil[b].x + basil[b].width+10 && forkY >= basil[b].y && forkY <= basil[b].y + basil[b].height+10) { basil.splice(b, 1); } } for(var m = 0; m<mushrooms.length; m++) { if(forkX >= mushrooms[m].x && forkX <= mushrooms[m].x + mushrooms[m].width+10 && forkY >= mushrooms[m].y && forkY <= mushrooms[m].y + mushrooms[m].height+10) { mushrooms.splice(m, 1); } } }; var everythingEaten = function() { return mushrooms.length === 0 && basil.length === 0 && cheese.length === 0 && meatballs.length === 0 && noodles.length === 0; }; // Button object var Button = function(config) { this.x = config.x; this.y = config.y; this.pushed = config.pushed; this.text = config.text; this.textSize = config.textSize; this.width = 60; this.height = 35; }; Button.prototype.draw = function() { // Change color when pressed if(pushed === this.text \|\| saucePushed === this.text) { fill(97, 156, 20); } else { fill(127, 184, 57); } // Draw rect(this.x, this.y, this.width, this.height, 50); textAlign(CENTER, CENTER); textSize(this.textSize); fill(255, 255, 255); textLeading(13); text(this.text, this.x + (this.width/2)+1, this.y + (this.height/2)-1); }; Button.prototype.clicked = function() { if(!everythingEaten() && mouseX >= this.x && mouseX <= this.x + this.width && mouseY >= this.y && mouseY <= this.y + this.height && clicked) { if(this.text === 'Tomato' \|\| this.text === 'Pesto') { saucePushed = this.text; } else { pushed = this.text; } } }; Button.prototype.update = function() { this.draw(); this.clicked(); }; // Buttons var meatballB = new Button({ x: 265, y: 10, text: 'Meatballs', textSize: 13 }); var sauceB = new Button({ x: 330, y: 10, text: 'Sauce', textSize: 15 }); var cheeseB = new Button({ x: 199, y: 10, text: 'Cheese', textSize: 15, }); var basilB = new Button({ x: 134, y: 10, text: 'Basil', textSize: 17, }); var mushroomB = new Button({ x: 69, y: 10, text: 'Mush\nrooms', textSize: 14, }); var eatB = new Button({ x: 5, y: 10, text: 'Eat!', textSize: 17, }); var tomatoB = new Button({ x: 330, y: 50, text: 'Tomato', textSize: 15, }); var pestoB = new Button({ x: 330, y: 90, text: 'Pesto', textSize: 16, }); var buttons = [meatballB, sauceB, cheeseB, basilB, mushroomB, eatB]; // Draw everything draw = function() { // Draw background + dish Background(); Dish(); // Draw Buttons for(var b = 0; b<buttons.length; b++) { buttons[b].update(); } // Draw food for(var m = 0; m<meatballs.length; m++) { meatballs[m].update(sauceColor); } for(var c = 0; c<cheese.length; c++) { cheese[c].update(); } for(var m = 0; m<mushrooms.length; m++) { mushrooms[m].update(); } for(var b = 0; b<basil.length; b++) { basil[b].update(); } // Activites if(pushed === 'Sauce') { tomatoB.update(); pestoB.update(); if(saucePushed === 'Pesto') { sauceColor = [color(31, 181, 31), color(37, 196, 37), color(44, 150, 44)]; } if(saucePushed === 'Tomato') { sauceColor = [color(255, 0, 0), color(255, 61, 61), color(207, 0, 0)]; } if(mouseIsPressed) { if(r>-70) { r--; } else { pushStyle(); strokeWeight(15); stroke(sauceColor[0]); line(mouseX, mouseY, mouseX, mouseY + 100); popStyle(); tipped = true; } } else { tipped = false; if(r<-25) { r++; } } Saucer(mouseX, mouseY, r, tipped, sauceColor); } if(pushed === 'Meatballs' && clicked && mouseY >= 40) { meatballs.push(new Meatball(mouseX, mouseY)); } if(pushed === 'Cheese' && mouseIsPressed && mouseY >= 40) { for(var i = 0; i<random(1, 7); i++) { cheese.push(new Cheese(mouseX + random(-15, 15), mouseY + random(-10, 10))); } } if(pushed === 'Basil' && clicked && mouseY >= 40) { basil.push(new Basil(mouseX, mouseY)); } if(pushed === 'Mush\nrooms' && clicked && mouseY >= 40) { mushrooms.push(new Mushroom(mouseX, mouseY)); } if(pushed === 'Eat!') { Fork(mouseX, mouseY); eatFood(); } if(everythingEaten()) { textSize(45); fill(0); text('Yummy!', 200, 131); textSize(20); text('Click to Restart', 200, 179); if(clicked) { Program.restart(); } } // Reset clicked clicked = false; }; // Clicky mouseClicked = function() { clicked = true; };
Folds	35,48,49,55,56,161,164,198,201,215,218,227,228,404,405,415,418,428,429,436,437,443,446,455,456,475,476,481,484,493,494,537,538,544,547,579,582,648,649,702,703,723,724,757,758,760,763,771,772,791,792,803,804,808,811,817,818,823,824,829,830,835,836,841,842,847,848,853,854,859,863,958
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOu1o4TCCgw
Votes	175
Spin-Offs	3
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"project-whats-for-dinner","title":"Project: What's for dinner?","deleted":"false","official":"true"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Quantum Cat 📡
Author Name	JadePanther
Author ID	kaid_9428127706426004539463954
Author Profile Access	COACH

Archive Data

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