Drive

{"name":"Drive","description":"Embark on a thrilling journey with 'Drive', a high-octane game where you navigate through dynamic landscapes. Control your vehicle using intuitive keyboard inputs and dodge obstacles to score points. With each level, the challenge intensifies, testing your reflexes and strategy. Are you ready to take the wheel and prove your driving prowess?","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2025-11-14T19:31:41.778953Z","updated_at":"2025-11-14T19:31:41.778954Z","user_id":839,"status":"PRIVATE","parent_id":null,"id":10597,"user":{"photo":null,"email":"lvic_stu28@sdcoestudents.net","recess_id":null,"created_at":"2025-10-13T17:35:21.906801Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"lvic_stu28","id":839,"password_hash":"$2b$12$zH3KWgTv93IwGrROZx5tCO422dJWsTdM3EdYguX1bNE06wchb9Spu","updated_at":"2025-10-13T17:35:21.906807Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let grass;\n\nlet enemyImage;\n\nlet characterX, characterY;\n\nlet lasers = [];\n\nlet enemies = [];\n\nlet currentLevel = 1;\n\nfunction preload() {\n grass = loadImage(\"@asset('ship4')\"); // Load the grass image\n enemyImage = loadImage(\"@asset('ship4')\"); // Load the same ship image for the enemy\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n characterX = width / 2; // Start character in the middle of the canvas\n characterY = height / 2;\n\n // Create initial enemies\n for (let i = 0; i < 3; i++) {\n enemies.push(new Enemy(random(width), random(-100, -50))); // Random x position, starting off-screen\n }\n}\n\nfunction draw() {\n background(0); // Change background to black\n\n // Draw stars based on the current level\n drawStars(100 + (currentLevel - 1) * 20); // Increase the number of stars with each level\n\n // Display the current level\n fill(255); // White color for text\n textSize(32);\n textAlign(LEFT, TOP);\n text(`Level: ${currentLevel}`, 10, 10); // Show the current level on the screen\n\n // Move character with WASD keys\n if (keyIsDown(87)) { // W key\n characterY -= 5;\n }\n if (keyIsDown(83)) { // S key\n characterY += 5;\n }\n if (keyIsDown(65)) { // A key\n characterX -= 5;\n }\n if (keyIsDown(68)) { // D key\n characterX += 5;\n }\n\n // Draw character\n image(grass, characterX, characterY, width / 4, height / 4); // Draw the grass image at character's position\n\n // Draw and move lasers\n for (let i = lasers.length - 1; i >= 0; i--) {\n lasers[i].move();\n lasers[i].display();\n if (lasers[i].isOffScreen()) {\n lasers.splice(i, 1); // Remove lasers that are off-screen\n }\n }\n\n // Update and draw enemies\n for (let i = enemies.length - 1; i >= 0; i--) {\n let enemy = enemies[i];\n enemy.move();\n enemy.display();\n enemy.shoot(); // Check if the enemy should shoot\n\n // Check for collisions with player lasers\n for (let j = lasers.length - 1; j >= 0; j--) {\n if (enemy.checkCollision(lasers[j])) {\n lasers.splice(j, 1); // Remove the laser that hit the enemy\n enemies.splice(i, 1); // Remove the enemy that was hit\n levelUp(); // Level up when an enemy is destroyed\n break; // Exit the loop after collision\n }\n }\n }\n\n // Check if a level up condition is met\n if (lasers.length >= 10 * currentLevel) {\n levelUp(); // Call levelUp function if the condition is met\n }\n}\n\nclass Laser {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.speed = 10;\n }\n\n move() {\n this.y -= this.speed; // Move the laser upwards\n }\n\n display() {\n fill(255, 0, 0); // Red color for the laser\n noStroke();\n rect(this.x, this.y, 5, 20); // Draw the laser as a rectangle\n }\n\n isOffScreen() {\n return this.y < 0;\n }\n}\n\nclass Enemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.lasers = [];\n this.shootInterval = 60; // Time between shots\n this.timer = 0; // Timer to track shooting\n }\n\n move() {\n this.y += 2; // Move the enemy ship downwards\n if (this.y > height) {\n this.y = random(-100, -50); // Reset to above the canvas if it goes off screen\n this.x = random(width); // Randomize x position\n }\n }\n\n display() {\n image(enemyImage, this.x, this.y, width / 6, height / 6); // Draw the enemy ship\n }\n\n shoot() {\n this.timer++;\n if (this.timer >= this.shootInterval) {\n this.lasers.push(new Laser(this.x + width / 12, this.y + height / 6)); // Create a laser from the enemy's position\n this.timer = 0; // Reset timer\n }\n }\n\n checkCollision(laser) {\n // Check if the laser collides with the enemy\n return laser.x > this.x && laser.x < this.x + width / 6 && laser.y > this.y && laser.y < this.y + height / 6;\n }\n}\n\nfunction levelUp() {\n currentLevel++; // Increase the level\n if (currentLevel > 5) {\n currentLevel = 5; // Cap the level at 5\n }\n // You can add more logic here to reset or modify other game parameters\n}\n\nfunction keyPressed() {\n if (key === ' ') { // Space bar key\n shootLasers();\n }\n}\n\nfunction shootLasers() {\n // Create two lasers\n lasers.push(new Laser(characterX + 10, characterY));\n lasers.push(new Laser(characterX + width / 4 - 10, characterY));\n}\n\nfunction drawStars(numStars) {\n fill(255); // Set fill color to white for stars\n noStroke(); // No outline for stars\n for (let i = 0; i < numStars; i++) {\n let x = random(width); // Random x position\n let y = random(height); // Random y position\n ellipse(x, y, 2, 2); // Draw a small circle for each star\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Drive\n \n \n \n \n\n\n \n\n"},"chat_history":[{"message":"","project_id":10597,"created_at":"2025-11-14T19:44:55.668081Z","output_tokens":null,"sender":"client_script","code_id":294742,"deleted":0,"input_tokens":null,"id":180583},{"message":"","project_id":10597,"created_at":"2025-11-19T16:07:52.178546Z","output_tokens":null,"sender":"client_script","code_id":294742,"deleted":0,"input_tokens":null,"id":181613},{"message":"","project_id":10597,"created_at":"2025-11-19T16:08:38.851716Z","output_tokens":null,"sender":"client_script","code_id":294742,"deleted":0,"input_tokens":null,"id":181616},{"message":"Please fix all issues that AI is showing including error message log: 🌸 p5.js says: It looks like there was a problem loading your image. Try checking if the file path (@asset('ship1')) is correct, hosting the file online, or running a local server. (More info at https://github.com/processing/p5.js/wiki/Local-server) with new code","project_id":10597,"created_at":"2025-11-19T16:09:05.261103Z","output_tokens":null,"sender":"human","code_id":294742,"deleted":0,"input_tokens":null,"id":181617},{"message":"It looks like the issue is with loading the `enemyImage`, which is currently referencing `@asset('ship1')`, but this asset isn't available in the list you provided. The only valid asset is `ship4`. \n\nTo fix this issue, we can either remove the enemy image or replace it with the available asset (`ship4`). Since you only have one asset, I'll show you how to use `ship4` for both the character and the enemy.\n\nHere are the necessary updates to your code:\n\n```javascript \n// script.js\nfunction preload() {\n grass = loadImage(\"@asset('ship4')\"); // Load the grass image\n enemyImage = loadImage(\"@asset('ship4')\"); // Load the same ship image for the enemy\n}\n```\n\n### Explanation:\n- Both the `grass` (character) and `enemyImage` now reference `ship4`, which is available. This should resolve the loading issue.\n\nPlease replace the existing `preload` function with the updated code above.","project_id":10597,"created_at":"2025-11-19T16:09:05.736330Z","output_tokens":222,"sender":"ai","code_id":294742,"deleted":0,"input_tokens":3924,"id":181618}],"assets":[{"project_id":10597,"creator":"","cloudinary_id":"zdastskdzskxw396ucbc","deleted":false,"id":88383,"created_at":"2025-11-14T19:32:49.360652Z","name":"ship4","resource_type":"image","tags":["Pixel art","Object","Character"]}],"messages_sent":14,"comments":[],"steps":[]}