Super Mario Platformer Adventure

{"name":"Super Mario Platformer Adventure","description":"Jump into a classic platformer adventure with our Super Mario Platformer Adventure! Run and jump through levels, stomp on enemies, and collect coins as you make your way to the castle.","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-07-17T19:52:36.422167Z","updated_at":"2024-07-17T19:52:36.422168Z","user_id":6,"status":"PRIVATE","parent_id":null,"id":2322,"user":{"photo":null,"email":null,"recess_id":"20ab99b4-695a-7e0a-5f98-3d3f0e1f0472","created_at":"2023-12-12T12:14:15.606329Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"jc","id":6,"password_hash":null,"updated_at":"2023-12-12T12:14:15.606332Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let mario;\n\n\n\nfunction setup() {\n createCanvas(800, 400);\n background(220);\n \n // Initialize Mario's position\n mario = {\n x: 100,\n y: 300,\n emoji: '🏃‍♂️'\n };\n}\n\nfunction draw() {\n background(220);\n \n // Draw Mario\n textSize(32);\n text(mario.emoji, mario.x, mario.y);\n}\n\nfunction keyPressed() {\n if (keyCode === LEFT_ARROW) {\n mario.x -= 10; // Move left\n } else if (keyCode === RIGHT_ARROW) {\n mario.x += 10; // Move right\n } else if (keyCode === UP_ARROW) {\n mario.y -= 10; // Jump up\n }\n}\n\nfunction keyReleased() {\n if (keyCode === UP_ARROW) {\n mario.y += 10; // Fall back down after jump\n }\n}\n","style.css":"","index.html":"\n\n\n \n \n Super Mario Platformer Adventure\n \n\n\n \n \n\n"},"chat_history":[{"message":"Let's get started!","project_id":2322,"created_at":"2024-07-17T19:52:41.522030Z","output_tokens":null,"sender":"human","code_id":120989,"deleted":0,"input_tokens":null,"id":59119},{"message":"Great! Let's dive into making your Super Mario Platformer Adventure. 🎮\n\nTo start, let's outline the features we need to build. Here are some suggestions:\n\n1. **Create a Mario Character**: Let's use an emoji or a simple shape to represent Mario.\n2. **Enable Mario to Move**: We'll add controls so Mario can move left, right, and jump using the arrow keys.\n3. **Create a Ground and Platforms**: Mario needs something to run and jump on!\n4. **Add Coins to Collect**: Mario should be able to collect coins for points.\n5. **Add Enemies**: Mario needs some enemies to jump on and avoid.\n\nDoes this sound good to you? Would you like to add or change any features?","project_id":2322,"created_at":"2024-07-17T19:52:41.528300Z","output_tokens":null,"sender":"ai","code_id":120989,"deleted":0,"input_tokens":null,"id":59120},{"message":"Sounds good Jippity, let's get started","project_id":2322,"created_at":"2024-07-17T19:52:56.792103Z","output_tokens":null,"sender":"human","code_id":120990,"deleted":0,"input_tokens":null,"id":59121},{"message":"Awesome! Let's start by creating a Mario character on the screen. We'll use an emoji to represent Mario. 🏃‍♂️\n\nFirst, let's update the `script.js` file to display Mario.\n\n### script.js\n```javascript\nlet mario;\n\nfunction setup() {\n createCanvas(800, 400);\n background(220);\n \n // Initialize Mario's position\n mario = {\n x: 100,\n y: 300,\n emoji: '🏃‍♂️'\n };\n}\n\nfunction draw() {\n background(220);\n \n // Draw Mario\n textSize(32);\n text(mario.emoji, mario.x, mario.y);\n}\n```\n\n### Explanation:\n- **Initialize Mario's position**: We create an object `mario` with properties `x`, `y`, and `emoji`.\n- **Draw Mario**: In the `draw` function, we use `text()` to display the Mario emoji at his position.\n\nNow, you should see Mario on the canvas. 🏃‍♂️\n\nNext, we'll add controls to let Mario move around. Let me know if you're ready to proceed or if you have any questions!","project_id":2322,"created_at":"2024-07-17T19:52:56.799372Z","output_tokens":null,"sender":"ai","code_id":120990,"deleted":0,"input_tokens":null,"id":59122},{"message":"okay great, now let's make him move","project_id":2322,"created_at":"2024-07-17T19:53:43.248621Z","output_tokens":null,"sender":"human","code_id":120995,"deleted":0,"input_tokens":null,"id":59123},{"message":"Perfect! Let's add some controls to make Mario move left, right, and jump. We'll use the arrow keys for this.\n\n### script.js\n```javascript\nfunction keyPressed() {\n if (keyCode === LEFT_ARROW) {\n mario.x -= 10; // Move left\n } else if (keyCode === RIGHT_ARROW) {\n mario.x += 10; // Move right\n } else if (keyCode === UP_ARROW) {\n mario.y -= 10; // Jump up\n }\n}\n\nfunction keyReleased() {\n if (keyCode === UP_ARROW) {\n mario.y += 10; // Fall back down after jump\n }\n}\n```\n\n### Explanation:\n- **keyPressed()**: This function checks which key is pressed. If the left arrow is pressed, Mario moves left. If the right arrow is pressed, Mario moves right. If the up arrow is pressed, Mario jumps up.\n- **keyReleased()**: This function checks when the up arrow is released, and then Mario falls back down.\n\nNow, Mario should be able to move left, right, and jump. Try it out and let me know if it works or if you have any questions! 🚀","project_id":2322,"created_at":"2024-07-17T19:53:43.258777Z","output_tokens":null,"sender":"ai","code_id":120995,"deleted":0,"input_tokens":null,"id":59124}],"assets":[],"messages_sent":3,"comments":[],"steps":[]}