Hyperdrive Adventure

{"name":"Hyperdrive Adventure","description":"Embark on an exhilarating journey through space with Hyperdrive Adventure! Navigate your spaceship through vibrant galaxies, dodge asteroids, and collect power-ups to enhance your hyperdrive. Can you reach the ultimate speed and become the fastest pilot in the universe?","photo":null,"view_count":2,"fork_count":0,"expires_at":null,"created_at":"2025-02-25T21:36:45.321672Z","updated_at":"2025-02-25T21:36:45.321676Z","user_id":59,"status":"PRIVATE","parent_id":null,"id":5886,"user":{"photo":null,"email":null,"recess_id":"0c343b5d-70ad-030a-89d2-b1f54b6318ff","created_at":"2024-02-23T23:46:05.409490Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"nebwinters2","id":59,"password_hash":null,"updated_at":"2024-02-23T23:46:05.409493Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let stars = [];\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n for (let i = 0; i < 100; i++) {\n stars.push(new Star());\n }\n}\n\nfunction draw() {\n background(0); // Black background for space\n translate(width / 2, height / 2); // Move origin to center of canvas\n for (let star of stars) {\n star.update();\n star.show();\n }\n}\n\nclass Star {\n constructor() {\n this.x = random(-width, width);\n this.y = random(-height, height);\n this.z = random(width);\n }\n\n update() {\n this.z -= 5; // Move the star closer\n if (this.z < 1) {\n this.z = width;\n this.x = random(-width, width);\n this.y = random(-height, height);\n }\n }\n\n show() {\n fill(255);\n noStroke();\n let sx = map(this.x / this.z, 0, 1, 0, width);\n let sy = map(this.y / this.z, 0, 1, 0, height);\n let r = map(this.z, 0, width, 8, 0);\n ellipse(sx, sy, r, r);\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Hyperdrive Adventure\n \n \n\n\n \n\n"},"chat_history":[{"deleted":0,"code_id":213283,"input_tokens":null,"id":112498,"project_id":5886,"sender":"human","message":"i wanna build a hyperdrive","created_at":"2025-02-25T21:36:45.676287Z","output_tokens":null},{"deleted":0,"code_id":213283,"input_tokens":null,"id":112499,"project_id":5886,"sender":"client_script","message":"Let's get started!\n Errors:\n","created_at":"2025-02-25T21:36:50.142593Z","output_tokens":null},{"deleted":0,"code_id":213283,"input_tokens":2543,"id":112500,"project_id":5886,"sender":"ai","message":"Great! It sounds like you're excited to build something related to a \"hyperdrive.\" Could you tell me a bit more about your idea? Are you thinking of creating a game, an animation, or something else? What features or elements would you like to include?","created_at":"2025-02-25T21:36:50.166413Z","output_tokens":62},{"deleted":0,"code_id":213283,"input_tokens":null,"id":112501,"project_id":5886,"sender":"human","message":"stars zoom at me","created_at":"2025-02-25T21:37:14.703996Z","output_tokens":null},{"deleted":0,"code_id":213283,"input_tokens":2542,"id":112502,"project_id":5886,"sender":"ai","message":"That sounds like an exciting visual effect! We can create a starfield effect where stars appear to zoom toward the viewer, giving the impression of moving through space at high speed.\n\nWould you like to use emojis for the stars, or do you have another idea for how they should look? Also, do you want these stars to move continuously, or should they respond to some sort of input, like a key press?","created_at":"2025-02-25T21:37:14.710649Z","output_tokens":99},{"deleted":0,"code_id":213283,"input_tokens":null,"id":112503,"project_id":5886,"sender":"human","message":"no just little white dots zooming at me","created_at":"2025-02-25T21:37:35.587181Z","output_tokens":null},{"deleted":0,"code_id":213283,"input_tokens":2547,"id":112504,"project_id":5886,"sender":"ai","message":"Great choice! We can create the effect of white dots zooming toward you to simulate the hyperdrive experience. Let's start by adding some stars that will move toward the center of the screen. I'll guide you on how to implement this effect.\n\nFirst, we'll create a class for the stars and make them move towards the viewer. Let's add this functionality in your `script.js` file.\n\n```javascript\n// script.js\nlet stars = []; // Array to store stars\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n for (let i = 0; i < 100; i++) {\n stars.push(new Star());\n }\n}\n\nfunction draw() {\n background(0); // Black background for space\n translate(width / 2, height / 2); // Move origin to center of canvas\n for (let star of stars) {\n star.update();\n star.show();\n }\n}\n\nclass Star {\n constructor() {\n this.x = random(-width, width);\n this.y = random(-height, height);\n this.z = random(width);\n }\n\n update() {\n this.z -= 5; // Move the star closer\n if (this.z < 1) {\n this.z = width;\n this.x = random(-width, width);\n this.y = random(-height, height);\n }\n }\n\n show() {\n fill(255);\n noStroke();\n let sx = map(this.x / this.z, 0, 1, 0, width);\n let sy = map(this.y / this.z, 0, 1, 0, height);\n let r = map(this.z, 0, width, 8, 0);\n ellipse(sx, sy, r, r);\n }\n}\n```\n\n### Explanation:\n- **Star Class**: Each star has a random starting position and z-depth.\n- **update() Method**: Reduces the z-coordinate to simulate movement toward the viewer. Resets the star if it reaches the center.\n- **show() Method**: Converts 3D coordinates to 2D, determines size based on distance, and draws the star.\n\nThis code will create a simple starfield effect. Let me know how it looks and if there's anything you'd like to adjust or add!","created_at":"2025-02-25T21:37:35.665720Z","output_tokens":472}],"assets":[],"messages_sent":3,"comments":[],"steps":[]}