Soccer Showdown

{"name":"Soccer Showdown","description":"Get ready to kick it with Soccer Showdown! This fun and interactive soccer game lets players control characters to dribble, pass, and shoot their way to victory. With easy controls and vibrant visuals, you'll learn programming while creating an exciting soccer experience!","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2025-01-04T19:53:30.307633Z","updated_at":"2025-01-04T19:53:30.307635Z","user_id":97,"status":"PRIVATE","parent_id":null,"id":5369,"user":{"photo":null,"email":"leobm365@gmail.com","recess_id":"e4690172-2707-46c3-8bcb-1a2b76e418e9","created_at":"2024-05-02T18:14:08.971561Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"super_kamin","id":97,"password_hash":"$2b$12$PMJB58N8WLDuLopyknSp6.czfqNoUg9tTH9bQqK.0xzUbXRKoCWEW","updated_at":"2024-05-02T18:14:08.971564Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let test\n\nlet playerA1;\n\n// Position for Player 1 (Team A)\nlet playerA2;\n\n// Position for Player 2 (Team A)\nlet playerB1;\n\n// Position for Player 1 (Team B)\nlet playerB2;\n\n// Position for Player 2 (Team B)\nlet ball;\n\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n\n // Initialize player positions\n playerA1 = createVector(100, height / 2);\n playerA2 = createVector(100, height / 2 + 50);\n playerB1 = createVector(width - 100, height / 2);\n playerB2 = createVector(width - 100, height / 2 + 50);\n\n // Initialize ball position\n ball = createVector(width / 2, height / 2);\n}\n\nfunction draw() {\n drawField();\n drawBall();\n drawGoals();\n drawPlayers(); // Draw players each frame\n movePlayers(); // Update player positions based on input\n moveBall(); // Move the ball based on player proximity\n}\n\n// Function to draw the soccer field\nfunction drawField() {\n background(34, 139, 34); // Green background for the field\n}\n\n// Function to draw the goals\nfunction drawGoals() {\n fill(255); // White color for the goals\n rect(50, height / 2 - 50, 10, 100); // Left goal\n rect(width - 60, height / 2 - 50, 10, 100); // Right goal\n}\n\n// Function to draw the ball\nfunction drawBall() {\n fill(255); // White color for the ball\n ellipse(ball.x, ball.y, 30, 30); // Ball at its position\n}\n\n// Function to move the ball based on player proximity\nfunction moveBall() {\n let kickStrength = 10; // How much to move the ball when kicked\n\n // Check if Player A1 is close enough to kick the ball\n if (dist(playerA1.x, playerA1.y, ball.x, ball.y) < 50 && keyIsDown(32)) { // Space key for kicking\n ball.x += kickStrength; // Move the ball to the right\n }\n\n // Check if Player A2 is close enough to kick the ball\n if (dist(playerA2.x, playerA2.y, ball.x, ball.y) < 50 && keyIsDown(32)) { // Space key for kicking\n ball.x += kickStrength; // Move the ball to the right\n }\n\n // Check if Player B1 is close enough to kick the ball\n if (dist(playerB1.x, playerB1.y, ball.x, ball.y) < 50 && keyIsDown(32)) { // Space key for kicking\n ball.x -= kickStrength; // Move the ball to the left\n }\n\n // Check if Player B2 is close enough to kick the ball\n if (dist(playerB2.x, playerB2.y, ball.x, ball.y) < 50 && keyIsDown(32)) { // Space key for kicking\n ball.x -= kickStrength; // Move the ball to the left\n }\n}\n\n// Function to move players based on key presses\nfunction movePlayers() {\n // Team A movement (Arrow keys)\n if (keyIsDown(UP_ARROW)) {\n playerA1.y -= 5; // Move up\n }\n if (keyIsDown(DOWN_ARROW)) {\n playerA1.y += 5; // Move down\n }\n\n // Team B movement (WASD keys)\n if (keyIsDown(87)) { // W key\n playerB1.y -= 5; // Move up\n }\n if (keyIsDown(83)) { // S key\n playerB1.y += 5; // Move down\n }\n}\n\n// Function to draw the players\nfunction drawPlayers() {\n // Draw player 1 (Team A)\n fill(0, 0, 255); // Blue color for Team A\n ellipse(playerA1.x, playerA1.y, 30, 30); // Player on the left\n\n // Draw player 2 (Team A)\n fill(0, 0, 255); // Blue color for Team A\n ellipse(playerA2.x, playerA2.y, 30, 30); // Player below player 1\n\n // Draw player 1 (Team B)\n fill(255, 0, 0); // Red color for Team B\n ellipse(playerB1.x, playerB1.y, 30, 30); // Player on the right\n\n // Draw player 2 (Team B)\n fill(255, 0, 0); // Red color for Team B\n ellipse(playerB2.x, playerB2.y, 30, 30); // Player below player 1\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Soccer Showdown\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":9,"comments":[],"steps":[]}