Asteroid Blaster

{"name":"Asteroid Blaster","description":"Blast your way through space in this high-octane asteroid shooting game! Pilot your ship using the WASD keys, dodge and destroy asteroids, and compete for the highest score!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-03-30T05:06:44.557609Z","updated_at":"2024-03-30T05:06:44.557610Z","user_id":10,"status":"PRIVATE","parent_id":null,"id":973,"user":{"photo":null,"email":null,"recess_id":"073513aa-31b9-b540-f360-c66830c0cfc3","created_at":"2023-12-12T19:05:02.893791Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"ka3lin","id":10,"password_hash":null,"updated_at":"2023-12-12T19:05:02.893793Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let player;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(0);\n player = new Player();\n}\n\nfunction draw() {\n background(0);\n player.display();\n player.move();\n}\n\nfunction keyPressed() {\n if (key == 'w' || key == 'W') {\n player.direction = 'UP';\n } else if (key == 's' || key == 'S') {\n player.direction = 'DOWN';\n } else if (key == 'a' || key == 'A') {\n player.direction = 'LEFT';\n } else if (key == 'd' || key == 'D') {\n player.direction = 'RIGHT';\n }\n}\n\nfunction keyReleased() {\n player.direction = 'NONE';\n}\n\nclass Player {\n constructor() {\n this.x = width / 2;\n this.y = height / 2;\n this.size = 50;\n }\n \n display() {\n fill(255);\n noStroke();\n ellipse(this.x, this.y, this.size, this.size);\n }\n \n move() {\n // Movement logic will be handled in keyPressed\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Asteroid Blaster\n \n\n\n\n \n \n\n\n"},"chat_history":[{"message":"Let's get started!","project_id":973,"created_at":"2024-03-30T05:07:01.643193Z","output_tokens":null,"sender":"human","code_id":58057,"deleted":0,"input_tokens":null,"id":32076},{"message":"```javascript\nlet player;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(0);\n player = new Player();\n}\n\nfunction draw() {\n background(0);\n player.display();\n player.move();\n}\n\nfunction keyPressed() {\n if (key == 'W') {\n player.y -= 10;\n } else if (key == 'S') {\n player.y += 10;\n } else if (key == 'A') {\n player.x -= 10;\n } else if (key == 'D') {\n player.x += 10;\n }\n}\n\nclass Player {\n constructor() {\n this.x = width / 2;\n this.y = height / 2;\n this.size = 50;\n }\n \n display() {\n fill(255);\n noStroke();\n ellipse(this.x, this.y, this.size, this.size);\n }\n \n move() {\n // Movement logic will be handled in keyPressed\n }\n}\n```\n\n- The `Player` class initializes a player at the center of the screen with a predefined size.\n- The `display` method in the `Player` class draws the player as a white ellipse at its current position.\n- The `keyPressed` function updates the player's `x` or `y` position when WASD keys are pressed, moving the player around the screen.\n- The `draw` function continuously refreshes the background and calls the `display` and `move` methods on the player, allowing for real-time updates of the player's position.","project_id":973,"created_at":"2024-03-30T05:07:01.648814Z","output_tokens":null,"sender":"ai","code_id":58057,"deleted":0,"input_tokens":null,"id":32077},{"message":"looks like we have a ship (circle), but it doesn't move with the wasd keys yet","project_id":973,"created_at":"2024-03-30T05:07:40.307007Z","output_tokens":null,"sender":"human","code_id":58059,"deleted":0,"input_tokens":null,"id":32078},{"message":"```javascript\nfunction keyPressed() {\n if (key == 'w' || key == 'W') {\n player.y -= 10;\n } else if (key == 's' || key == 'S') {\n player.y += 10;\n } else if (key == 'a' || key == 'A') {\n player.x -= 10;\n } else if (key == 'd' || key == 'D') {\n player.x += 10;\n }\n}\n```\n\n- The `keyPressed` function has been updated to check for both lowercase and uppercase 'W', 'A', 'S', 'D' keys to ensure that the ship moves regardless of whether Caps Lock is on or the shift key is pressed.\n- By adding a conditional check for both cases of each movement key, it ensures a smoother user experience.\n- The player's position (`x` and `y`) is updated by subtracting or adding to their current position, which moves the player around the screen.","project_id":973,"created_at":"2024-03-30T05:07:40.314839Z","output_tokens":null,"sender":"ai","code_id":58059,"deleted":0,"input_tokens":null,"id":32079},{"message":"i want to be able to hold the key and it move","project_id":973,"created_at":"2024-03-30T05:08:27.838461Z","output_tokens":null,"sender":"human","code_id":58061,"deleted":0,"input_tokens":null,"id":32080},{"message":"```javascript\nfunction keyPressed() {\n if (key == 'w' || key == 'W') {\n player.direction = 'UP';\n } else if (key == 's' || key == 'S') {\n player.direction = 'DOWN';\n } else if (key == 'a' || key == 'A') {\n player.direction = 'LEFT';\n } else if (key == 'd' || key == 'D') {\n player.direction = 'RIGHT';\n }\n}\n\nfunction keyReleased() {\n player.direction = 'NONE';\n}\n```\n\n```javascript\nclass Player {\n constructor() {\n this.x = width / 2;\n this.y = height / 2;\n this.size = 50;\n this.direction = 'NONE';\n }\n \n display() {\n fill(255);\n noStroke();\n ellipse(this.x, this.y, this.size, this.size);\n }\n \n move() {\n switch (this.direction) {\n case 'UP':\n this.y -= 10;\n break;\n case 'DOWN':\n this.y += 10;\n break;\n case 'LEFT':\n this.x -= 10;\n break;\n case 'RIGHT':\n this.x += 10;\n break;\n }\n }\n}\n```\n\n- Introduced a `direction` property in the `Player` class to track the current movement direction based on key presses.\n- Updated the `move` method in the `Player` class to change the player's position based on the current `direction`.\n- The `keyPressed` function now sets the `direction` based on the WASD keys, and the `keyReleased` function is introduced to stop the player's movement when the keys are released.\n- This approach enables continuous movement of the player ship as long as a movement key is held down.","project_id":973,"created_at":"2024-03-30T05:08:27.844695Z","output_tokens":null,"sender":"ai","code_id":58061,"deleted":0,"input_tokens":null,"id":32081}],"assets":[],"messages_sent":3,"comments":[],"steps":[{"title":"Player Ship Movement","instruction":"Control a player ship with the WASD keys.","created_at":"2024-03-30T05:06:44.564575","project_id":973,"complete":false,"step_number":0,"updated_at":"2024-03-30T05:06:44.564577","id":4940},{"title":"Asteroid Shooting","instruction":"Shoot asteroids to earn points.","created_at":"2024-03-30T05:06:44.564637","project_id":973,"complete":false,"step_number":1,"updated_at":"2024-03-30T05:06:44.564638","id":4941},{"title":"Randomly Generated Asteroids","instruction":"Create asteroids at random locations to keep the gameplay dynamic.","created_at":"2024-03-30T05:06:44.564682","project_id":973,"complete":false,"step_number":2,"updated_at":"2024-03-30T05:06:44.564682","id":4942},{"title":"Score Tracking","instruction":"Keep track of the player's score as they shoot asteroids.","created_at":"2024-03-30T05:06:44.564723","project_id":973,"complete":false,"step_number":3,"updated_at":"2024-03-30T05:06:44.564724","id":4943},{"title":"Collision Detection","instruction":"Detect collisions between the player's ship and the asteroids.","created_at":"2024-03-30T05:06:44.564763","project_id":973,"complete":false,"step_number":4,"updated_at":"2024-03-30T05:06:44.564763","id":4944},{"title":"Game Over Screen","instruction":"Display a game over screen when the player's ship collides with an asteroid.","created_at":"2024-03-30T05:06:44.564803","project_id":973,"complete":false,"step_number":5,"updated_at":"2024-03-30T05:06:44.564804","id":4945}]}