Galactic Blaster: A Space Adventure

{"name":"Galactic Blaster: A Space Adventure","description":"Dive into an intergalactic battle as you pilot your spaceship through a field of enemy drones! In this arcade-style space shooter, you'll master the art of dodging, blasting, and strategizing your way through waves of enemies. With simple controls and explosive visuals, each level offers a thrilling challenge. Can you defend the galaxy and achieve the highest score?","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/rgnmnt3szxpa3mmu3pbz","view_count":7,"fork_count":0,"expires_at":null,"created_at":"2025-09-30T03:15:43.945332Z","updated_at":"2025-09-30T03:15:43.945334Z","user_id":70,"status":"PRIVATE","parent_id":null,"id":9921,"user":{"photo":null,"email":"kristen@jippity.pro","recess_id":"0c22a63e-e8fa-453f-a493-d113532a13c2","created_at":"2024-03-23T19:20:56.974481Z","reset_token":"GD2dODEjNUbAH88Yx-1HMTa4uc_OUtvTa0c5D-VKUhw","stripe_customer_id":"cus_RPbovGjLueUufv","seats":200,"username":"kris10","id":70,"password_hash":"$2b$12$abwA8Crfrc22ANEFpZErHeQDLvhr9RJOD0lMNLh7PJGrAn7M//qEC","updated_at":"2024-03-23T19:20:56.974485Z","reset_token_expiry":"2025-01-14T23:32:05.455609","subscription_status":"active"},"code":{"script.js":"let shipX;\n\nlet enemies = [];\n\nlet projectiles = [];\n\nlet isShooting = false;\n\nlet score = 0;\n\nlet stars = [];\n\nfunction preload() {\n\n ship3 = loadImage(\"@asset('ship3')\");\n ship1 = loadImage(\"@asset('ship1')\");\n projectile3 = loadImage(\"@asset('projectile3')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n shipX = width / 2;\n\n // Initialize star positions\n for (let i = 0; i < 100; i++) {\n stars.push({\n x: random(0, width),\n y: random(0, height)\n });\n }\n\n // Spawn initial enemies\n for (let i = 0; i < 5; i++) {\n enemies.push(new Enemy());\n }\n}\n\nfunction draw() {\n background(0); // Black background to represent space\n\n // Draw stars\n fill(255); // White stars\n noStroke(); // No outline\n for (let i = 0; i < stars.length; i++) {\n ellipse(stars[i].x, stars[i].y, 2, 2); // Small circles as stars\n }\n\n // Draw the ship at the bottom of the screen\n image(ship3, shipX, height - ship3.height);\n\n // Display the score\n fill(255); // Set fill color to white for the text\n textSize(32); // Set text size\n text(\"Score: \" + score, 10, 30); // Display score at the top-left corner\n\n // Check for user input\n handleInput();\n\n // Update and draw enemies\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].move();\n enemies[i].draw();\n\n // Check for collision with the player\n if (enemies[i].hits(shipX, ship3.height)) {\n console.log(\"Game Over!\"); // Game over logic can be implemented here\n noLoop(); // Stop the draw loop\n }\n\n // Remove enemies that are off screen\n if (enemies[i].isOffScreen()) {\n enemies.splice(i, 1); // Remove enemy from array\n enemies.push(new Enemy()); // Spawn a new enemy\n }\n }\n\n // Update and draw projectiles\n for (let i = projectiles.length - 1; i >= 0; i--) {\n projectiles[i].move();\n projectiles[i].draw();\n\n // Check for collisions with enemies\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (projectiles[i] &&\n projectiles[i].y < enemies[j].y + enemies[j].image.height &&\n projectiles[i].x + projectile3.width > enemies[j].x &&\n projectiles[i].x < enemies[j].x + enemies[j].image.width) {\n // Collision detected\n projectiles.splice(i, 1); // Remove projectile\n enemies.splice(j, 1); // Remove enemy\n enemies.push(new Enemy()); // Spawn a new enemy\n score++; // Increase score by 1\n break; // Exit the collision loop\n }\n }\n\n // Remove projectiles that are off screen\n if (projectiles[i] && projectiles[i].isOffScreen()) {\n projectiles.splice(i, 1); // Remove projectile from array\n }\n }\n}\n\nclass Enemy {\n constructor() {\n this.x = random(0, width); // Random x position at the top of the screen\n this.y = 0; // Start at the top\n this.speed = 2; // Speed of the enemy\n this.image = ship1; // Use ship1 as the enemy image\n }\n\n move() {\n this.y += this.speed; // Move downwards\n }\n\n draw() {\n image(this.image, this.x, this.y); // Draw the enemy\n }\n\n isOffScreen() {\n return this.y > height; // Check if enemy has moved off screen\n }\n\n hits(shipX, shipHeight) {\n return (this.y + this.image.height >= height - shipHeight && this.x + this.image.width > shipX && this.x < shipX + ship3.width);\n }\n}\n\nclass Projectile {\n constructor(x, y) {\n this.x = x; // X position of the projectile\n this.y = y; // Y position of the projectile\n this.speed = 5; // Speed of the projectile\n this.image = projectile3; // Use projectile3 as the projectile image\n }\n\n move() {\n this.y -= this.speed; // Move upwards\n }\n\n draw() {\n image(this.image, this.x, this.y); // Draw the projectile\n }\n\n isOffScreen() {\n return this.y < 0; // Check if projectile has moved off screen\n }\n}\n\nfunction handleInput() {\n const speed = 5; // Speed of the ship\n\n if (keyIsDown(LEFT_ARROW)) {\n shipX -= speed; // Move left\n }\n\n if (keyIsDown(RIGHT_ARROW)) {\n shipX += speed; // Move right\n }\n\n // Ensure the ship doesn't go off-screen\n shipX = constrain(shipX, 0, width - ship3.width);\n\n // Shoot a projectile when the space bar is pressed\n if (keyIsDown(32)) { // 32 is the key code for the space bar\n shootProjectile();\n }\n}\n\nfunction shootProjectile() {\n // Create a new projectile at the ship's position only if the array is empty\n if (projectiles.length === 0) {\n let newProjectile = new Projectile(shipX + ship3.width / 2 - projectile3.width / 2, height - ship3.height);\n projectiles.push(newProjectile); // Add the new projectile to the array\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Galactic Blaster: A Space Adventure\n \n \n \n \n\n\n \n\n"},"chat_history":[{"message":"add a score display to the game so that when the player shoots an enemy, they score a point and the enemy is destroyed","project_id":9921,"created_at":"2025-09-30T03:11:45.145436Z","output_tokens":null,"code_id":283427,"sender":"human","deleted":0,"input_tokens":null,"id":171422},{"message":"

\n# Reasoning\nTo add a score display, we need to create a global variable to keep track of the score. We'll update this score whenever an enemy is destroyed by a projectile. Additionally, we'll display the score on the canvas in each frame of the `draw` function.\n

\n\n

\n# Answer:\n

\n\nAdding a score display to the game is possible. Let's implement it now.\n\n```javascript\n// script.js\nlet score = 0; // Initialize score variable\n```\n\n```javascript\n// script.js\nfunction draw() {\n background(135, 206, 235); // Clear the screen each frame\n\n // Draw the ship at the bottom of the screen\n image(ship3, shipX, height - ship3.height);\n\n // Display the score\n fill(255); // Set fill color to white for the text\n textSize(32); // Set text size\n text(\"Score: \" + score, 10, 30); // Display score at the top-left corner\n\n // Check for user input\n handleInput();\n\n // Update and draw enemies\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].move();\n enemies[i].draw();\n\n // Check for collision with the player\n if (enemies[i].hits(shipX, ship3.height)) {\n console.log(\"Game Over!\"); // Game over logic can be implemented here\n noLoop(); // Stop the draw loop\n }\n\n // Remove enemies that are off screen\n if (enemies[i].isOffScreen()) {\n enemies.splice(i, 1); // Remove enemy from array\n enemies.push(new Enemy()); // Spawn a new enemy\n }\n }\n\n // Update and draw projectiles\n for (let i = projectiles.length - 1; i >= 0; i--) {\n projectiles[i].move();\n projectiles[i].draw();\n\n // Check for collisions with enemies\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (projectiles[i] &&\n projectiles[i].y < enemies[j].y + enemies[j].image.height &&\n projectiles[i].x + projectile3.width > enemies[j].x &&\n projectiles[i].x < enemies[j].x + enemies[j].image.width) {\n // Collision detected\n projectiles.splice(i, 1); // Remove projectile\n enemies.splice(j, 1); // Remove enemy\n enemies.push(new Enemy()); // Spawn a new enemy\n score++; // Increase score by 1\n break; // Exit the collision loop\n }\n }\n\n // Remove projectiles that are off screen\n if (projectiles[i] && projectiles[i].isOffScreen()) {\n projectiles.splice(i, 1); // Remove projectile from array\n }\n }\n}\n```\n\n- Added a `score` global variable to keep track of the player's score.\n- Updated the `draw` function to display the score on the canvas using `text()`.\n- Incremented the score by 1 when an enemy is hit and destroyed by a projectile.","project_id":9921,"created_at":"2025-09-30T03:11:45.309487Z","output_tokens":708,"code_id":283427,"sender":"ai","deleted":0,"input_tokens":3690,"id":171423},{"message":"make the background look like space with stars","project_id":9921,"created_at":"2025-09-30T03:12:34.066142Z","output_tokens":null,"code_id":283432,"sender":"human","deleted":0,"input_tokens":null,"id":171424},{"message":"

\n# Reasoning\nTo create a space-like background, we can modify the `draw` function to include stars. This can be done by drawing small circles at random positions on the canvas. We can generate and store the positions of the stars when the game starts and then display them in each frame to give the appearance of a static starry sky.\n

\n\n

\n# Answer:\n

\n\nWe can make the background look like space with stars. Let's add this feature to your game.\n\n```javascript\n// script.js\nlet stars = []; // Array to store star positions\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n shipX = width / 2;\n\n // Initialize star positions\n for (let i = 0; i < 100; i++) {\n stars.push({\n x: random(0, width),\n y: random(0, height)\n });\n }\n\n // Spawn initial enemies\n for (let i = 0; i < 5; i++) {\n enemies.push(new Enemy());\n }\n}\n```\n\n```javascript\n// script.js\nfunction draw() {\n background(0); // Black background to represent space\n\n // Draw stars\n fill(255); // White stars\n noStroke(); // No outline\n for (let i = 0; i < stars.length; i++) {\n ellipse(stars[i].x, stars[i].y, 2, 2); // Small circles as stars\n }\n\n // Draw the ship at the bottom of the screen\n image(ship3, shipX, height - ship3.height);\n\n // Display the score\n fill(255); // Set fill color to white for the text\n textSize(32); // Set text size\n text(\"Score: \" + score, 10, 30); // Display score at the top-left corner\n\n // Check for user input\n handleInput();\n\n // Update and draw enemies\n for (let i = enemies.length - 1; i >= 0; i--) {\n enemies[i].move();\n enemies[i].draw();\n\n // Check for collision with the player\n if (enemies[i].hits(shipX, ship3.height)) {\n console.log(\"Game Over!\"); // Game over logic can be implemented here\n noLoop(); // Stop the draw loop\n }\n\n // Remove enemies that are off screen\n if (enemies[i].isOffScreen()) {\n enemies.splice(i, 1); // Remove enemy from array\n enemies.push(new Enemy()); // Spawn a new enemy\n }\n }\n\n // Update and draw projectiles\n for (let i = projectiles.length - 1; i >= 0; i--) {\n projectiles[i].move();\n projectiles[i].draw();\n\n // Check for collisions with enemies\n for (let j = enemies.length - 1; j >= 0; j--) {\n if (projectiles[i] &&\n projectiles[i].y < enemies[j].y + enemies[j].image.height &&\n projectiles[i].x + projectile3.width > enemies[j].x &&\n projectiles[i].x < enemies[j].x + enemies[j].image.width) {\n // Collision detected\n projectiles.splice(i, 1); // Remove projectile\n enemies.splice(j, 1); // Remove enemy\n enemies.push(new Enemy()); // Spawn a new enemy\n score++; // Increase score by 1\n break; // Exit the collision loop\n }\n }\n\n // Remove projectiles that are off screen\n if (projectiles[i] && projectiles[i].isOffScreen()) {\n projectiles.splice(i, 1); // Remove projectile from array\n }\n }\n}\n```\n\n- Added a `stars` array to store positions of stars.\n- In `setup`, initialized random positions for 100 stars.\n- Changed the `draw` function to render stars on a black background to simulate space.","project_id":9921,"created_at":"2025-09-30T03:12:34.241150Z","output_tokens":865,"code_id":283432,"sender":"ai","deleted":0,"input_tokens":3732,"id":171425}],"assets":[{"creator":"","project_id":9921,"cloudinary_id":"hujk2geaeeevjmn4c2iu","deleted":false,"id":85945,"name":"projectile3","created_at":"2025-09-30T03:04:41.171097Z","resource_type":"image","tags":["Pixel art","Object"]},{"creator":"","project_id":9921,"cloudinary_id":"rgnmnt3szxpa3mmu3pbz","deleted":false,"id":85944,"name":"ship1","created_at":"2025-09-30T03:03:31.737489Z","resource_type":"image","tags":["Pixel art","Character","Object"]},{"creator":"","project_id":9921,"cloudinary_id":"panmflduuwipdhz23qzw","deleted":false,"id":85943,"name":"ship3","created_at":"2025-09-30T02:34:33.164575Z","resource_type":"image","tags":["Pixel art","Character","Object"]}],"messages_sent":9,"comments":[],"steps":[]}