Emoji Adventure Game

{"name":"Ginny Painting","description":"","photo":"","view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-11-06T23:34:05.117224Z","updated_at":"2024-11-06T23:34:05.117227Z","user_id":60,"status":"PRIVATE","parent_id":4396,"id":4456,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"let colorSlider;\n\nlet erasing = false;\n\nlet droplets = [];\n\nlet sound;\n\nfunction preload() {\n //sound = loadSound(\"@asset('Heartbreak')\"); // Load the audio file\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n\n // Draw the left half of the canvas in blue\n noStroke();\n fill(0, 0, 255); // Blue color\n rect(0, 0, windowWidth / 2, windowHeight); // Draws the blue rectangle on the left half\n\n // Optionally, if you want to keep the other half a different color, you can do so like this:\n fill(200); // Gray or any other color\n rect(windowWidth / 2, 0, windowWidth / 2, windowHeight); // Draws the other half\n\n colorSlider = select('#colorSlider'); // Select the slider from HTML\n\n if (sound) {\n sound.loop(); // Play the sound in a loop\n }\n}\n\nfunction draw() {\n if (mouseIsPressed && mouseY > 20) { // Check if mouse is pressed and not on the slider\n if (erasing) {\n // Erase droplets that are within the eraser's reach\n for (let i = droplets.length - 1; i >= 0; i--) {\n let droplet = droplets[i];\n let distance = dist(mouseX, mouseY, droplet.x, droplet.y);\n if (distance < 20) { // If the droplet is close enough to the eraser\n droplets.splice(i, 1); // Remove the droplet\n }\n }\n } else {\n let colorValue = colorSlider.value(); // Get color value from slider\n fill(colorValue, 100, 150); // Use the color value to set the fill color\n noStroke();\n\n // Draw and store multiple circles along the path\n let steps = 10; // Number of steps to take between frames\n for (let i = 0; i < steps; i++) {\n let x = lerp(pmouseX, mouseX, i / steps);\n let y = lerp(pmouseY, mouseY, i / steps);\n ellipse(x, y, 20, 20);\n droplets.push({ x: x, y: y, color: [colorValue, 100, 150] }); // Store droplet details\n }\n }\n }\n\n // Update and draw all droplets\n for (let i = 0; i < droplets.length; i++) {\n let droplet = droplets[i];\n droplet.y += 2; // Move the droplet downwards to simulate dripping\n\n // Transition color to dark blue\n let transitionFactor = map(droplet.y, 0, height, 1, 0); // Map y position to a transition factor\n let transitionColor = [\n droplet.color[0] * transitionFactor, // Adjust hue\n droplet.color[1] * transitionFactor, // Adjust saturation\n 255 * (1 - transitionFactor) // Transition to dark blue\n ];\n\n fill(transitionColor);\n ellipse(droplet.x, droplet.y, 20, 20);\n }\n\n // Display a hand emoji at the mouse position when erasing\n if (erasing && mouseY > 20) {\n textSize(32); // Set text size for the emoji\n text('✋', mouseX, mouseY); // Draw the hand emoji at the mouse position\n }\n}\n\n","style.css":"body { margin: 0; font-family: Arial, sans-serif; background-color: #f0f0f0; }\n\ncanvas { display: block; }","index.html":"\n\n\n\n \n \n Emoji Adventure Game\n \n \n \n \n\n\n\n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}