Hyperdrive Starfield

{"name":"Hyperdrive Starfield","description":"Experience the excitement of a hyperdrive journey as stars zoom towards you in this mesmerizing starfield effect inspired by Star Wars.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/thccc2ts9wn9jh3ekrcm","view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-10-02T17:21:30.368003Z","updated_at":"2024-10-02T17:22:08.071688Z","user_id":70,"status":"PRIVATE","parent_id":774,"id":3429,"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":100,"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 stars = [];\nconst numStars = 800;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n for (let i = 0; i < numStars; i++) {\n stars.push(new Star());\n }\n}\n\nfunction draw() {\n background(0);\n translate(width / 2, height / 2);\n for (let star of stars) {\n star.update();\n star.show();\n }\n}\nclass Star {\n constructor() {\n this.x = random(-width, width);\n this.y = random(-height, height);\n this.z = random(width);\n this.pz = this.z;\n }\n\n update() {\n this.z = this.z - 20;\n if (this.z < 1) {\n this.x = random(-width, width);\n this.y = random(-height, height);\n this.z = width;\n this.pz = this.z;\n }\n }\n\n show() {\n fill(255);\n noStroke();\n\n var sx = map(this.x / this.z, 0, 1, 0, width);\n var sy = map(this.y / this.z, 0, 1, 0, height);\n\n var r = map(this.z, 0, width, 16, 0);\n ellipse(sx, sy, r, r);\n }\n}\n","style.css":"","index.html":"\n\n\n \n \n Hyperdrive Starfield\n \n\n\n \n \n\n"},"chat_history":[],"assets":[{"cloudinary_id":"thccc2ts9wn9jh3ekrcm","name":"cover","deleted":false,"id":22538,"created_at":"2024-10-02T17:21:58.908693Z","project_id":3429,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[{"instruction":"Generate a starfield effect with stars moving towards the user to simulate the hyperdrive effect","title":"Create Starfield Effect","created_at":"2024-03-05T18:41:23.628436","project_id":3429,"complete":false,"step_number":0,"updated_at":"2024-10-02T17:21:30.379476","id":10740},{"instruction":"Implement the ability to control the speed at which the stars zoom towards the user","title":"Control Speed of Stars","created_at":"2024-03-05T18:41:23.628535","project_id":3429,"complete":false,"step_number":1,"updated_at":"2024-10-02T17:21:30.379547","id":10741}]}