Fruit Sort Frenzy

{"name":"Fruit Sort Frenzy","description":"Help the fruit sorter keep up with the fruity chaos in this fun and challenging sorting game!","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-07-07T20:34:26.882003Z","updated_at":"2024-07-07T20:34:26.882005Z","user_id":60,"status":"PUBLIC","parent_id":2124,"id":2139,"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 basketX, basketY;\nlet basketWidth = 40;\nlet basketHeight = 20;\nlet isJumping = false;\nlet jumpSpeed = 0;\nlet gravity = 0.6;\nlet fruits = []; // Array to hold falling fruits\nlet fruitTypes = ['apple', 'orange']; // Types of fruits\nlet platforms = []; // Array to hold the positions of the grassy platforms\nlet score = 0; // Variable to keep track of the score\n\n\n\nlet playerImage;\n\nfunction preload() {\n playerImage = loadImage(\"@asset('player')\");\n}\n\n\n\nfunction setup() {\n createCanvas(800, 600);\n background(135, 206, 235); // Set background color to light blue (RGB: 135, 206, 235)\n\n // Initial basket position\n basketX = width / 2;\n basketY = height - 50;\n\n // Define platform positions\n platforms = [\n { x: 100, y: 450, width: 150, height: 20 },\n { x: 300, y: 350, width: 150, height: 20 },\n { x: 500, y: 250, width: 150, height: 20 },\n { x: 700, y: 150, width: 150, height: 20 }\n ];\n\n // Drawing trees\n drawTree(50, 100); // New tree\n drawTree(100, 100);\n drawTree(200, 100); // New tree\n drawTree(300, 100);\n drawTree(400, 100); // New tree\n drawTree(500, 100);\n drawTree(600, 100); // New tree\n drawTree(700, 100);\n drawTree(750, 100); // New tree\n}\n\nfunction draw() {\n background(135, 206, 235); // Reapply background color to ensure it stays blue\n // Draw grassy ground\n fill(34, 139, 34); // Set color to green\n rect(0, height - 50, width, 50); // Draw a rectangle at the bottom of the screen\n\n // Draw platforms\n for (let platform of platforms) {\n rect(platform.x, platform.y, platform.width, platform.height);\n }\n\n // Redraw trees\n drawTree(50, 100); // New tree\n drawTree(100, 100);\n drawTree(200, 100); // New tree\n drawTree(300, 100);\n drawTree(400, 100); // New tree\n drawTree(500, 100);\n drawTree(600, 100); // New tree\n drawTree(700, 100);\n drawTree(750, 100); // New tree\n\n // Draw basket character\n drawBasketCharacter();\n\n // Display score\n textSize(32);\n fill(0); // black color for the text\n text(\"Score: \" + score, width - 150, 50); // Display score in the top right corner\n\n // Handle movement\n handleMovement();\n\n // Add new fruits at random intervals\n if (frameCount % 60 === 0 && random() < 0.5) {\n let fruitType = random(fruitTypes);\n let treeX = random([50, 100, 200, 300, 400, 500, 600, 700, 750]);\n fruits.push({ x: treeX, y: 120, type: fruitType });\n }\n\n // Update and draw falling fruits\n for (let i = fruits.length - 1; i >= 0; i--) {\n let fruit = fruits[i];\n fruit.y += 2; // Fruit falling speed\n\n // Check for collision with the basket\n if (fruit.y > basketY - 10 && fruit.y < basketY + 10 && fruit.x > basketX - basketWidth / 2 && fruit.x < basketX + basketWidth / 2) {\n if (fruit.type === 'apple') {\n score += 1; // Increment score by 1 for apple\n } else if (fruit.type === 'orange') {\n score += 2; // Increment score by 2 for orange\n }\n fruits.splice(i, 1); // Remove the fruit from the array\n continue;\n }\n\n if (fruit.type === 'apple') {\n drawApple(fruit.x, fruit.y);\n } else if (fruit.type === 'orange') {\n drawOrange(fruit.x, fruit.y);\n }\n }\n}\n\nfunction drawTree(x, y) {\n // Draw trunk\n fill(139, 69, 19); // brown color for the trunk\n beginShape();\n vertex(x - 10, y + 50); // bottom left\n vertex(x - 5, y + 10); // left branch\n vertex(x - 15, y - 20); // left top branch\n vertex(x - 5, y - 20); // left top\n vertex(x - 2, y + 10); // right branch\n vertex(x + 2, y + 10); // right branch\n vertex(x + 5, y - 20); // right top branch\n vertex(x + 15, y - 20); // right top\n vertex(x + 5, y + 10); // right branch\n vertex(x + 10, y + 50); // bottom right\n endShape(CLOSE);\n\n // Draw leaves\n fill(34, 139, 34); // green color for the leaves\n ellipse(x, y, 60, 60);\n ellipse(x - 20, y + 10, 50, 50);\n ellipse(x + 20, y + 10, 50, 50);\n ellipse(x - 10, y - 20, 40, 40);\n ellipse(x + 10, y - 20, 40, 40);\n\n // Draw apples and oranges on the tree\n drawFruits(x, y);\n}\nfunction drawFruits(x, y) {\n // Apple positions\n let fruitPositions = [\n { x: x - 15, y: y - 10, type: 'apple' },\n { x: x + 15, y: y - 5, type: 'orange' },\n { x: x, y: y + 10, type: 'apple' }\n ];\n\n for (let pos of fruitPositions) {\n if (pos.type === 'apple') {\n drawApple(pos.x, pos.y);\n } else if (pos.type === 'orange') {\n drawOrange(pos.x, pos.y);\n }\n }\n}\n\nfunction drawApple(x, y) {\n fill(255, 0, 0); // red color for the apples\n ellipse(x, y, 10, 10);\n\n // Draw stem\n fill(139, 69, 19); // brown color for the stem\n rect(x - 1, y - 8, 2, 5);\n\n // Draw highlight\n fill(255, 255, 255, 150); // white color with some transparency\n ellipse(x - 2, y - 2, 3, 3);\n}\n\nfunction drawOrange(x, y) {\n fill(255, 165, 0); // orange color for the oranges\n ellipse(x, y, 12, 12); // slightly larger than apples\n\n // Draw highlight\n fill(255, 255, 255, 150); // white color with some transparency\n ellipse(x - 2, y - 2, 3, 3);\n}\n\nfunction drawBasketCharacter() {\n // Head\n fill(255, 224, 189); // skin color for the head\n ellipse(basketX, basketY - 20, 20, 20); // head\n\n // Hair\n fill(0); // black color for the hair\n ellipse(basketX, basketY - 28, 24, 12); // top hair\n\n // Eyes\n fill(255); // white color for the eyes\n ellipse(basketX - 5, basketY - 22, 6, 6); // left eye\n ellipse(basketX + 5, basketY - 22, 6, 6); // right eye\n fill(0); // black color for the pupils\n ellipse(basketX - 5, basketY - 22, 3, 3); // left pupil\n ellipse(basketX + 5, basketY - 22, 3, 3); // right pupil\n\n // Nose\n fill(255, 204, 153); // slightly darker skin color for the nose\n ellipse(basketX, basketY - 18, 3, 3); // nose\n\n // Mouth (smiling)\n fill(255, 0, 0); // red color for the mouth\n arc(basketX, basketY - 14, 8, 5, 0, PI); // smiling mouth\n\n // Body with clothes\n fill(0, 0, 255); // blue color for the shirt\n rect(basketX - 10, basketY - 10, 20, 20); // upper body (shirt)\n fill(0, 255, 0); // green color for the pants\n rect(basketX - 10, basketY + 10, 20, 20); // lower body (pants)\n\n // Arms\n fill(255, 224, 189); // skin color for the arms\n rect(basketX - 20, basketY - 10, 10, 5); // left arm\n rect(basketX + 10, basketY - 10, 10, 5); // right arm\n fill(139, 69, 19); // brown color for the basket\n rect(basketX - 5 - basketWidth / 2, basketY, basketWidth, basketHeight); // basket\n\n // Legs\n fill(255, 224, 189); // skin color for the legs\n rect(basketX - 8, basketY + 30, 5, 10); // left leg\n rect(basketX + 3, basketY + 30, 5, 10); // right leg\n}\n\n// function keyPressed() {\n// if (keyCode === LEFT_ARROW || key === 'A') {\n// basketX -= 20;\n// } else if (keyCode === RIGHT_ARROW || key === 'D') {\n// basketX += 20;\n// } else if (keyCode === UP_ARROW || key === 'W') {\n// if (!isJumping) {\n// isJumping = true;\n// jumpSpeed = -10;\n// }\n// }\n// }\n\n// Add variables for horizontal speed and acceleration\nlet basketSpeedX = 0;\nconst acceleration = 2;\nconst maxSpeed = 10;\n\nfunction handleMovement() {\n // Handle jumping\n if (isJumping) {\n basketY += jumpSpeed;\n jumpSpeed += gravity;\n\n let onPlatform = false;\n\n for (let platform of platforms) {\n // Check if basket is landing on the platform from above\n if (basketY + 20 >= platform.y && basketY + 20 <= platform.y + platform.height && basketX + basketWidth / 2 >= platform.x && basketX - basketWidth / 2 <= platform.x + platform.width) {\n onPlatform = true;\n basketY = platform.y - 20; // Position basket on top of platform\n isJumping = false;\n jumpSpeed = 0;\n break;\n }\n }\n\n // If not on any platform and reaches the bottom of the screen\n if (!onPlatform && basketY >= height - 50) {\n basketY = height - 50;\n isJumping = false;\n jumpSpeed = 0;\n }\n } else {\n // Check if the basket character walks off a platform\n let onPlatform = false;\n for (let platform of platforms) {\n if (basketY + 20 === platform.y && basketX + basketWidth / 2 >= platform.x && basketX - basketWidth / 2 <= platform.x + platform.width) {\n onPlatform = true;\n break;\n }\n }\n // If the character is not on any platform, start falling\n if (!onPlatform) {\n isJumping = true;\n jumpSpeed = 0;\n }\n }\n\n // Handle horizontal movement with acceleration\n if (keyIsDown(LEFT_ARROW) || keyIsDown(65)) {\n basketSpeedX -= acceleration;\n }\n if (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) {\n basketSpeedX += acceleration;\n }\n // Apply deceleration when no keys are pressed\n if (!keyIsDown(LEFT_ARROW) && !keyIsDown(RIGHT_ARROW) && !keyIsDown(65) && !keyIsDown(68)) {\n if (basketSpeedX > 0) {\n basketSpeedX -= acceleration;\n } else if (basketSpeedX < 0) {\n basketSpeedX += acceleration;\n }\n // Stop completely if speed is very low\n if (Math.abs(basketSpeedX) < acceleration) {\n basketSpeedX = 0;\n }\n }\n\n // Cap the speed at maxSpeed\n if (basketSpeedX > maxSpeed) {\n basketSpeedX = maxSpeed;\n } else if (basketSpeedX < -maxSpeed) {\n basketSpeedX = -maxSpeed;\n }\n\n // Update basket position based on speed\n basketX += basketSpeedX;\n\n // Handle jumping\n if ((keyIsDown(UP_ARROW) || keyIsDown(87)) && !isJumping) {\n isJumping = true;\n jumpSpeed = -11;\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Fruit Sort Frenzy\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"name":"starfish-pixelArt","cloudinary_id":"n1msmymn1oloqhziyal9","resource_type":"image","id":16693,"project_id":2139,"created_at":"2024-08-07T19:53:02.470888Z","deleted":false}],"messages_sent":6,"comments":[],"steps":[]}