WASD Square Surfer

{"name":"rocket rat","description":"","photo":"","view_count":4,"fork_count":2,"expires_at":null,"created_at":"2024-10-21T19:51:46.899591Z","updated_at":"2024-10-21T19:51:59.139834Z","user_id":60,"status":"PRIVATE","parent_id":null,"id":3910,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"let rocketX \n\n// Initial x position of the rocket\nlet rocketY \n\n// Initial y position of the rocket\nlet rocketSize = 100;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(255);\n rocketX = windowWidth / 2;\n rocketY = windowHeight / 2;\n}\n\nfunction draw() {\n background(255); // Clear the screen with a white background\n drawRocket(rocketX, rocketY, rocketSize);\n handleInput();\n}\n\nfunction drawRocket(x, y, size) {\n textSize(size); // Set text size for the emoji\n text(\"🚀\", x, y); // Draw the rocket emoji at (x, y)\n textSize(size / 4); // Set smaller text size for the rat\n text(\"🐀\", x+45, y - 60); // Draw the rat emoji slightly above the rocket\n}\n\nfunction handleInput() {\n if (keyIsDown(87)) { // W key\n rocketY -= 5;\n }\n if (keyIsDown(65)) { // A key\n rocketX -= 5;\n }\n if (keyIsDown(83)) { // S key\n rocketY += 5;\n }\n if (keyIsDown(68)) { // D key\n rocketX += 5;\n }\n}\n\n","style.css":"body { margin: 0; }","index.html":"\n\n\n \n \n WASD Square Surfer\n \n \n\n\n \n\n"},"chat_history":[{"deleted":0,"code_id":167689,"input_tokens":null,"id":82299,"project_id":3910,"sender":"human","message":"Let's get started!","created_at":"2024-10-21T19:51:51.715617Z","output_tokens":null},{"deleted":0,"code_id":167689,"input_tokens":null,"id":82300,"project_id":3910,"sender":"ai","message":"Great! Could you please tell me more about your project idea? Are you building a game, a website, an animation, or something else? Let me know what you have in mind, and we can start working on it together!","created_at":"2024-10-21T19:51:51.721854Z","output_tokens":null},{"deleted":0,"code_id":167698,"input_tokens":null,"id":82307,"project_id":3910,"sender":"human","message":"big rocket emoji that I can control with WASD. small rat emoji drawn on top of the rocket so that it looks like its in the window","created_at":"2024-10-21T19:53:00.311316Z","output_tokens":null},{"deleted":0,"code_id":167698,"input_tokens":null,"id":82308,"project_id":3910,"sender":"ai","message":"That sounds like a fun project! We can definitely create a big rocket emoji that you can control with the WASD keys and place a small rat emoji on top of it. Let's start by adding the rocket emoji and make it controllable with the WASD keys. \n\nI'll guide you through updating your JavaScript code to achieve this. \n\nFirst, let's define the initial position and size for your rocket and rat. We'll also add the logic to move the rocket using the WASD keys.\n\nPlease update your `script.js` file with the following changes:\n\n```javascript\nlet rocketX = windowWidth / 2; // Initial x position of the rocket\nlet rocketY = windowHeight / 2; // Initial y position of the rocket\nlet rocketSize = 100; // Size of the rocket\n```\n\n```javascript\nfunction draw() {\n background(255); // Clear the screen with a white background\n drawRocket(rocketX, rocketY, rocketSize);\n handleInput();\n}\n```\n\n```javascript\nfunction drawRocket(x, y, size) {\n textSize(size); // Set text size for the emoji\n text(\"🚀\", x, y); // Draw the rocket emoji at (x, y)\n textSize(size / 2); // Set smaller text size for the rat\n text(\"🐀\", x, y - 20); // Draw the rat emoji slightly above the rocket\n}\n```\n\n```javascript\nfunction handleInput() {\n if (keyIsDown(87)) { // W key\n rocketY -= 5;\n }\n if (keyIsDown(65)) { // A key\n rocketX -= 5;\n }\n if (keyIsDown(83)) { // S key\n rocketY += 5;\n }\n if (keyIsDown(68)) { // D key\n rocketX += 5;\n }\n}\n```\n\n### How it works:\n- We defined the position and size for the rocket emoji.\n- The `drawRocket` function draws the rocket and the rat emoji at the specified position.\n- The `handleInput` function checks if the W, A, S, or D keys are pressed to move the rocket in the desired direction.\n\nAdd these code blocks to your `script.js` file, and you'll have a rocket controlled with WASD keys and a rat emoji on top! Let me know if you'd like to add or change anything else.","created_at":"2024-10-21T19:53:00.316886Z","output_tokens":null}],"assets":[],"messages_sent":2,"comments":[],"steps":[]}