Emoji Adventure Game

{"name":"Emoji Adventure Game","description":"Embark on a colorful journey in the Emoji Adventure Game! Navigate through whimsical landscapes, dodging obstacles and collecting points while bringing your favorite emojis to life. Master your character's moves using simple controls and enjoy the thrill of engaging gameplay as you explore this vibrant world!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-01-18T17:05:56.015645Z","updated_at":"2025-01-18T17:05:56.015647Z","user_id":212,"status":"PRIVATE","parent_id":5530,"id":5531,"user":{"username":"gamerboy121417","id":212,"password_hash":null,"updated_at":"2024-09-23T19:57:26.098028Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"cbf33666-c055-4c6b-8a2b-d4b5307dd86b","created_at":"2024-09-23T19:57:26.098025Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"// Create a ball instance\nlet ball;\n\nlet paddle;\n\nlet wasdBar;\n\nlet tenDBar;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight, WEBGL); // Use WEBGL mode for 3D\n ball = new Ball(); // Initialize the ball\n paddle = new Paddle(); // Initialize the paddle\n wasdBar = new WASDBar(); // Initialize the WASD bar\n tenDBar = new TenDBar(); // Initialize the TenD bar\n}\n\nfunction draw() {\n background(30, 30, 30); // Dark gray background\n ball.update(); // Update the ball's position\n ball.display(); // Display the ball\n paddle.update(); // Update the paddle's position\n paddle.display(); // Display the paddle\n tenDBar.update(); // Update the TenD bar's position\n tenDBar.display(); // Display the TenD bar\n}\n\n// Ball class to represent the bouncing ball\nclass Ball {\n constructor() {\n this.x = random(-width / 2, width / 2); // Random starting position on the canvas\n this.y = random(-height / 2, height / 2);\n this.diameter = 50; // Diameter of the ball\n this.xSpeed = random(2, 5); // Random speed in the x direction\n this.ySpeed = random(2, 5); // Random speed in the y direction\n }\n\n // Method to update ball position\n update() {\n this.move(); // Handle movement based on key input\n this.x += this.xSpeed;\n this.y += this.ySpeed;\n\n // Bounce off the edges\n if (this.x < -width / 2 || this.x > width / 2) {\n this.xSpeed *= -1; // Reverse direction\n }\n if (this.y < -height / 2 || this.y > height / 2) {\n this.ySpeed *= -1; // Reverse direction\n }\n }\n\n // Method to display the ball\n display() {\n fill(255, 215, 0); // Gold color for the ball to stand out against dark background\n noStroke(); // No outline for the sphere\n push(); // Save the current state\n translate(this.x, this.y, 0); // Move to the ball's position\n sphere(this.diameter / 2); // Draw the sphere (3D ball)\n pop(); // Restore the previous state\n }\n\n // Method to handle ball movement based on key input\n move() {\n if (keyIsDown(87)) { // W key\n this.y -= 5; // Move up\n }\n if (keyIsDown(83)) { // S key\n this.y += 5; // Move down\n }\n if (keyIsDown(65)) { // A key\n this.x -= 5; // Move left\n }\n if (keyIsDown(68)) { // D key\n this.x += 5; // Move right\n }\n }\n}\n\n// Paddle class to represent the player's paddle\nclass Paddle {\n constructor() {\n this.width = 100; // Width of the paddle\n this.height = 20; // Height of the paddle\n this.x = 0; // Starting position in the center\n this.y = height / 2 - this.height / 2; // Centered vertically\n }\n\n // Method to update paddle position based on key input\n update() {\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= 5; // Move left\n }\n if (keyIsDown(RIGHT_ARROW)) {\n this.x += 5; // Move right\n }\n\n // Keep the paddle within the canvas bounds\n this.x = constrain(this.x, -width / 2, width / 2 - this.width);\n }\n\n // Method to display the paddle\n display() {\n fill(0, 255, 0); // Green color for the paddle\n rectMode(CENTER); // Draw rectangle from the center\n rect(this.x, this.y, this.width, this.height); // Draw the paddle\n }\n}\n\n// WASDBar class to represent a bar controlled by WASD keys\nclass WASDBar {\n constructor() {\n this.width = 100; // Width of the bar\n this.height = 20; // Height of the bar\n this.x = 0; // Starting position in the center\n this.y = height / 2 - this.height / 2; // Centered vertically\n }\n\n // Method to update bar position based on key input\n update() {\n if (keyIsDown(87)) { // W key\n this.y -= 5; // Move up\n }\n if (keyIsDown(83)) { // S key\n this.y += 5; // Move down\n }\n if (keyIsDown(65)) { // A key\n this.x -= 5; // Move left\n }\n if (keyIsDown(68)) { // D key\n this.x += 5; // Move right\n }\n\n // Keep the bar within the canvas bounds\n this.x = constrain(this.x, -width / 2, width / 2 - this.width);\n this.y = constrain(this.y, -height / 2, height / 2 - this.height);\n }\n\n // Method to display the bar\n display() {\n fill(255, 0, 0); // Red color for the bar\n rectMode(CENTER); // Draw rectangle from the center\n rect(this.x, this.y, this.width, this.height); // Draw the bar\n }\n}\n\n// TenDBar class to represent a bar controlled by WASD keys\nclass TenDBar {\n constructor() {\n this.width = 100; // Width of the bar\n this.height = 20; // Height of the bar\n this.x = 0; // Starting position in the center\n this.y = height / 2 + 50; // Positioned below the paddle\n }\n\n // Method to update bar position based on key input\n update() {\n if (keyIsDown(87)) { // W key\n this.y -= 5; // Move up\n }\n if (keyIsDown(83)) { // S key\n this.y += 5; // Move down\n }\n if (keyIsDown(65)) { // A key\n this.x -= 5; // Move left\n }\n if (keyIsDown(68)) { // D key\n this.x += 5; // Move right\n }\n\n // Keep the bar within the canvas bounds\n this.x = constrain(this.x, -width / 2, width / 2 - this.width);\n this.y = constrain(this.y, -height / 2, height / 2 - this.height);\n }\n\n // Method to display the bar\n display() {\n fill(0, 0, 255); // Blue color for the bar\n rectMode(CENTER); // Draw rectangle from the center\n rect(this.x, this.y, this.width, this.height); // Draw the bar\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Emoji Adventure Game\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}