Frenzy Fish Feast

{"name":"Frenzy Fish Feast","description":"Swim as a small fish and feast on delicious treats to grow bigger in this underwater adventure!","photo":null,"view_count":15,"fork_count":0,"expires_at":null,"created_at":"2023-12-21T20:55:12.086782Z","updated_at":"2023-12-21T20:55:12.086785Z","user_id":2,"status":"PUBLIC","parent_id":128,"id":137,"user":{"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let fish;\nlet fishImg;\nlet bgImg;\nlet bgX1 = 0;\nlet bgX2;\n\nfunction preload() {\n // Load the image assets\n fishImg = loadImage(\"@asset('Fish')\", img => {\n console.log(\"Fish image loaded successfully\");\n }, err => {\n console.error(\"Error loading fish image: \", err);\n });\n\n bgImg = loadImage(\"https://media.discordapp.net/attachments/1178846400491040821/1187492319310647336/0_2.png?ex=65971567&is=6584a067&hm=524b12683135dafcfa49d74c3896fa07d322435936854d867f830f57b4a24a9d&=&format=webp&quality=lossless&width=458&height=458\", img => {\n console.log(\"Background image loaded successfully\");\n }, err => {\n console.error(\"Error loading background image: \", err);\n });\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n\n // Position the second background image\n bgX2 = width;\n\n // Create the fish object\n fish = new Fish();\n}\n\nfunction draw() {\n // Move and display the background images\n image(bgImg, bgX1, 0, width, height);\n image(bgImg, bgX2, 0, width, height);\n\n // Move the background according to key presses\n if (keyIsDown(LEFT_ARROW)) {\n bgX1 += 5;\n bgX2 += 5;\n } else if (keyIsDown(RIGHT_ARROW)) {\n bgX1 -= 5;\n bgX2 -= 5;\n }\n\n // Reposition the backgrounds when they move out of the screen\n if (bgX1 < -width) {\n bgX1 = bgX2 + width;\n } else if (bgX1 > width) {\n bgX1 = bgX2 - width;\n }\n\n if (bgX2 < -width) {\n bgX2 = bgX1 + width;\n } else if (bgX2 > width) {\n bgX2 = bgX1 - width;\n }\n\n // Move and display the fish\n fish.move();\n fish.display();\n}\n\n\nfunction Fish() {\n this.x = width / 2;\n this.y = height / 2;\n this.size = 50;\n\n this.display = function () {\n // Set the outline color and weight\n stroke(0, 0, 0); // Black outline\n strokeWeight(2); // 2 pixels thick\n\n // Draw the fish image\n image(fishImg, this.x, this.y, this.size, this.size);\n };\n}\n\nfunction Fish() {\n this.x = width / 2;\n this.y = height / 2;\n this.size = 50;\n\n this.display = function() {\n // Draw the fish image\n image(fishImg, this.x, this.y, this.size, this.size);\n };\n\n this.move = function() {\n // Move the fish according to key presses\n if (keyIsDown(UP_ARROW)) {\n this.y -= 5;\n } else if (keyIsDown(DOWN_ARROW)) {\n this.y += 5;\n }\n };\n}","style.css":"","index.html":"\n\n\n\n \n \n Frenzy Fish Feast\n \n \n \n\n\n\n\n\n"},"chat_history":[{"message":"Let's get started!","project_id":137,"created_at":"2023-12-21T20:55:19.965005Z","output_tokens":null,"sender":"human","code_id":7343,"deleted":0,"input_tokens":null,"id":4475},{"message":"Sure, let's get started!\n\nThe first thing we need to do is create a new object for our fish character. We will use JavaScript's prototype-based inheritance to create an object constructor function `Fish()`. The `Fish` object will have properties for position (`x`, `y`), size, and an image.\n\nAfter that, we will create an animation for our fish character. We can do this by creating a `move()` function for our `Fish` object. This function will control the movement of the fish based on the user's input.\n\nLet's start by creating our `Fish` object.\n\n```javascript\nfunction Fish() {\n this.x = width / 2;\n this.y = height / 2;\n this.size = 50;\n this.img = fishImg;\n\n this.display = function() {\n image(this.img, this.x, this.y, this.size, this.size);\n };\n}\n```\n\n- This code block defines a constructor function `Fish()`. This function is used to create new `Fish` objects.\n- `this.x` and `this.y` set the initial position of the fish to the center of the screen. `this.size` sets the initial size of the fish.\n- `this.img` sets the image of the fish.\n- The `display()` function is a method of the `Fish` object. It uses the p5.js `image()` function to draw the fish image at the fish's current position.\n\nNext, let's create the `move()` function for our `Fish` object.\n\n```javascript\nFish.prototype.move = function() {\n if (keyIsDown(UP_ARROW)) {\n this.y -= 5;\n } else if (keyIsDown(DOWN_ARROW)) {\n this.y += 5;\n }\n if (keyIsDown(LEFT_ARROW)) {\n this.x -= 5;\n } else if (keyIsDown(RIGHT_ARROW)) {\n this.x += 5;\n }\n};\n```\n\n- This code block adds a `move()` function to the `Fish` prototype. This function is used to control the movement of the fish.\n- The function checks if the up, down, left, or right arrow keys are being pressed. If the up or down arrow keys are being pressed, the function changes the `y` position of the fish. If the left or right arrow keys are being pressed, the function changes the `x` position of the fish.\n- This allows the player to control the movement of the fish using the arrow keys.","project_id":137,"created_at":"2023-12-21T20:55:19.970916Z","output_tokens":null,"sender":"ai","code_id":7343,"deleted":0,"input_tokens":null,"id":4476}],"assets":[{"project_id":137,"creator":null,"cloudinary_id":"obai8ya1oo7xogb1knrc","deleted":false,"id":219,"created_at":"2023-12-21T20:55:12.096853Z","name":"Fish","resource_type":"image","tags":null},{"project_id":137,"creator":null,"cloudinary_id":"r9tbydecc2yzpswkd88f","deleted":false,"id":218,"created_at":"2023-12-21T20:55:12.095125Z","name":"Shark","resource_type":"image","tags":null}],"messages_sent":1,"comments":[],"steps":[{"title":"Animated Fish Character","instruction":"Create and animate a small fish character for the player to control.","created_at":"2023-12-21T20:21:09.228108","project_id":137,"complete":false,"step_number":0,"updated_at":"2023-12-21T20:55:12.090263","id":952},{"title":"Food Items","instruction":"Display various food items that the fish can eat to grow bigger.","created_at":"2023-12-21T20:21:09.228171","project_id":137,"complete":false,"step_number":1,"updated_at":"2023-12-21T20:55:12.090342","id":953},{"title":"Obstacles","instruction":"Introduce obstacles such as rocks or larger fish that the player needs to avoid.","created_at":"2023-12-21T20:21:09.228220","project_id":137,"complete":false,"step_number":2,"updated_at":"2023-12-21T20:55:12.090388","id":954},{"title":"Power-ups","instruction":"Include power-ups like speed boost, temporary invincibility, or extra points for a limited time.","created_at":"2023-12-21T20:21:09.228261","project_id":137,"complete":false,"step_number":3,"updated_at":"2023-12-21T20:55:12.090432","id":955},{"title":"Timer","instruction":"Add a timer to challenge players to eat as much as possible within a specific time limit.","created_at":"2023-12-21T20:21:09.228300","project_id":137,"complete":false,"step_number":4,"updated_at":"2023-12-21T20:55:12.090475","id":956},{"title":"Multiple Levels","instruction":"Implement different levels with increasing difficulty to keep the game engaging.","created_at":"2023-12-21T20:21:09.228339","project_id":137,"complete":false,"step_number":5,"updated_at":"2023-12-21T20:55:12.090517","id":957},{"title":"Scoring System","instruction":"Create a scoring system to track the player's progress and growth.","created_at":"2023-12-21T20:21:09.228378","project_id":137,"complete":false,"step_number":6,"updated_at":"2023-12-21T20:55:12.090559","id":958},{"title":"Sound Effects","instruction":"Add underwater-themed sound effects to immerse players in the game.","created_at":"2023-12-21T20:21:09.228416","project_id":137,"complete":false,"step_number":7,"updated_at":"2023-12-21T20:55:12.090600","id":959},{"title":"Background Music","instruction":"Include catchy and lively background music to enhance the gaming experience.","created_at":"2023-12-21T20:21:09.228456","project_id":137,"complete":false,"step_number":8,"updated_at":"2023-12-21T20:55:12.090641","id":960}]}