\n <insert title>\n

{"name":"Detective Egg Hunt Adventure","description":"Join the adventurous detective on an egg-citing platformer journey! Hunt for eggs, dodge obstacles, and outsmart enemies in this thrilling detective egg hunt adventure.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-04-18T11:08:44.533334Z","updated_at":"2024-04-18T11:08:44.533337Z","user_id":5,"status":"PUBLIC","parent_id":1,"id":1198,"user":{"username":"theop","id":5,"password_hash":null,"created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let walkingman;\nlet idleman;\nlet rollman;\nlet cooldownCounter = 0;\nlet cooldownFrames = 10; // Change this number for cool down\nlet gunman;\nlet rollFrames = [];\nlet backgroundImg; // The background image\nlet frames = [];\nlet idleFrames = [];\nlet currentFrame = 0;\nlet totalFrames = 8;\nlet fourFrames = 4;\nlet gunFrames = [];\nlet isShooting = false;\nlet bullets = [];\nlet sevenFrames = 7;\nlet rollProgress = 0;\nlet rollSpeed = 0.02;\nlet facingRight = true;\nlet spriteWidth = 50;\nlet spriteHeight = 50;\nlet spriteX = 100;\nlet groundLevel = 340; // Adjust this value to match the ground in your background image\nlet spriteY = groundLevel - spriteHeight; // Start the sprite at the ground level\nlet velocityX = 0;\nlet velocityY = 0;\nlet acceleration = 0.5;\nlet gravity = 2;\nlet jumpForce = -20;\nlet isRolling = false;\nlet bulletImg;\nfunction preload() {\n console.log(\"1\")\n walkingman = loadImage(\"@asset('Walking Man')\");\n console.log(\"1\")\n /* idleman = loadImage(\"@asset('Idle man')\");\n console.log(\"1\")\n \n rollman = loadImage(\"@asset('Rolling man')\"); // Load the rolling man sprite\n console.log(\"1\")\n backgroundImg = loadImage(\"@asset('Background 1')\"); // Load the background sprite\n console.log(\"1\")\n bulletImg = loadImage(\"@asset('Bullet')\");\n console.log(\"1\")\n gunman = loadImage(\"@asset('Man gun')\");*/\n}\nfunction setup() {\n createCanvas(720, 400);\n let frameWidth = walkingman.width / totalFrames;\n let frameHeight = walkingman.height;\n for (let i = 0; i < totalFrames; i++) {\n let frame = walkingman.get(i * frameWidth, 0, frameWidth, frameHeight);\n frames.push(frame);\n let idleFrame = idleman.get(i * frameWidth, 0, frameWidth, frameHeight);\n idleFrames.push(idleFrame);\n }\n frameWidth = gunman.width / 4;\n frameHeight = gunman.height;\n for (let i = 0; i < 4; i++) {\n let gunFrame = gunman.get(i * frameWidth, 0, frameWidth, frameHeight);\n gunFrames.push(gunFrame);\n }\n frameWidth = rollman.width / 7;\n frameHeight = rollman.height;\n for (let i = 0; i < 7; i++) {\n let rollFrame = rollman.get(i * frameWidth, 0, frameWidth, frameHeight);\n rollFrames.push(rollFrame);\n }\n}\nfunction draw() {\n // Display the background\n image(backgroundImg, 0, 0, width, height);\n // Position and scale the sprite\n push();\n translate(spriteX + spriteWidth / 2, spriteY + spriteHeight / 2);\n scale(facingRight ? 2 : -2, 2);\n // Check if the sprite is shooting\n if (isShooting) {\n if (gunFrames.length > 0) {\n image(gunFrames[currentFrame], -spriteWidth / 2, -spriteHeight / 2);\n if (currentFrame == fourFrames - 1) {\n isShooting = false;\n }\n }\n }\n // Check if the sprite is rolling\n else if (isRolling) {\n spriteY = groundLevel - spriteHeight + sin(rollProgress) * spriteHeight / 2;\n rollProgress += rollSpeed;\n if (rollProgress >= PI * 2) {\n isRolling = false;\n spriteY = groundLevel - spriteHeight;\n }\n image(rollFrames[currentFrame], -spriteWidth / 2, -spriteHeight / 2);\n }\n // Check if the sprite is walking\n else if (!isRolling && (abs(velocityX) > 0.1 || abs(velocityY) > 1)) {\n image(frames[currentFrame], -spriteWidth / 2, -spriteHeight / 2);\n }\n // If the sprite is idle\n else {\n image(idleFrames[currentFrame], -spriteWidth / 2, -spriteHeight / 2 - 5);\n }\n pop();\n // Update and draw each bullet\n for (let bullet of bullets) {\n bullet.update();\n bullet.draw();\n }\n // Update current frame on every 5th frame\n if (frameCount % 5 == 0) {\n currentFrame = (currentFrame + 1) % totalFrames;\n if (currentFrame == 0 && isRolling) {\n isRolling = false;\n }\n }\n // Check if walking keys are pressed\n let isWalking = false;\n if (keyIsDown(65)) {\n velocityX -= acceleration;\n facingRight = false;\n isWalking = true;\n }\n if (keyIsDown(68)) {\n velocityX += acceleration;\n facingRight = true;\n isWalking = true;\n }\n // If no walking keys are pressed, set velocityX to 0\n if (!isWalking) {\n velocityX = 0;\n }\n // Update sprite position\n spriteX += velocityX;\n spriteY += velocityY;\n // Apply gravity to velocityY\n velocityY += gravity;\n // Constrain sprite position by width and height of the canvas\n spriteX = constrain(spriteX, 0, width - spriteWidth);\n spriteY = constrain(spriteY, 0, groundLevel - spriteHeight);\n // If sprite is at ground level, set the y velocity to 0\n if (spriteY >= groundLevel - spriteHeight) {\n velocityY = 0;\n }\n // Reduce velocityX by a friction factor\n velocityX *= 0.95;\n cooldownCounter++; // Increment the counter on each frame\n}\nfunction keyPressed() {\n if (key === 'f' && cooldownCounter > cooldownFrames) {\n isShooting = true;\n currentFrame = 0;\n bullets.push(new Bullet(spriteX + spriteWidth, spriteY + spriteHeight / 2 - 30, facingRight)); // Shoot more forward\n cooldownCounter = 0; // Reset the counter whenever a shot is fired\n }\n if (keyCode === 32 && spriteY >= groundLevel - spriteHeight && !isRolling) {\n isRolling = true;\n rollProgress = 0;\n }\n}\nclass Bullet {\n constructor(x, y, facingRight) {\n this.x = x;\n this.y = y;\n this.speed = 20;\n this.facingRight = facingRight;\n }\n update() {\n this.x += this.facingRight ? this.speed : -this.speed;\n }\n draw() {\n image(bulletImg, this.x, this.y, 25, 25);\n }\n}\n","style.css":"","index.html":"\n\n\n\n \n <insert title>\n \n \n \n\n\n\n \n\n\n"},"chat_history":[{"code_id":67742,"sender":"human","deleted":0,"input_tokens":null,"id":36825,"message":"Let's get started!","project_id":1198,"created_at":"2024-04-18T11:12:52.630439Z","output_tokens":null},{"code_id":67742,"sender":"ai","deleted":0,"input_tokens":null,"id":36826,"message":"```javascript\nfunction preload() {\n walkingman = loadImage(\"@asset('Walking Man')\");\n idleman = loadImage(\"@asset('Idle Man')\");\n rollman = loadImage(\"@asset('Rolling Man')\");\n backgroundImg = loadImage(\"@asset('Background 1')\");\n bulletImg = loadImage(\"@asset('Bullet')\");\n gunman = loadImage(\"@asset('Man Gun')\");\n}\n```\n- This function loads all the necessary images for the game, including the character sprites (walking, idle, rolling, and gunman) and the background image before the game starts.\n- The `loadImage` function from the p5.js library is used to load the images.\n- The `@asset` preprocessor function is utilized to correctly reference the file paths for the assets.\n\n```javascript\nfunction keyPressed() {\n if (key === 'f' && cooldownCounter > cooldownFrames) {\n isShooting = true;\n currentFrame = 0;\n bullets.push(new Bullet(spriteX + (facingRight ? spriteWidth : -spriteWidth), spriteY + spriteHeight / 2 - 30, facingRight));\n cooldownCounter = 0;\n }\n if (keyCode === 32 && spriteY >= groundLevel - spriteHeight && !isRolling) {\n isRolling = true;\n rollProgress = 0;\n }\n}\n```\n- This function is called whenever a key is pressed. It checks for specific keys to trigger actions like shooting and rolling.\n- The 'f' key initiates shooting by setting `isShooting` to true, resetting the current frame for the animation, and creating a new `Bullet` object.\n- The spacebar (keyCode 32) triggers the rolling action if the character is on the ground and not already rolling.\n- For shooting, it ensures bullets are created facing the correct direction by adjusting the bullet's initial x position based on the character's facing direction.\n\nLet's integrate these changes into your project to enhance the detective character and implement basic movement controls.","project_id":1198,"created_at":"2024-04-18T11:12:52.637361Z","output_tokens":null}],"assets":[{"created_at":"2024-04-18T11:11:28.551727Z","name":"Man Gun","resource_type":"image","tags":null,"project_id":1198,"creator":null,"cloudinary_id":"w6lizehkgyqbmt7rrr9o","deleted":false,"id":3228},{"created_at":"2024-04-18T11:11:10.306389Z","name":"Bullet","resource_type":"image","tags":null,"project_id":1198,"creator":null,"cloudinary_id":"mautf4exyhq1flxxixzb","deleted":false,"id":3227},{"created_at":"2024-04-18T11:10:48.786735Z","name":"Background 1","resource_type":"image","tags":null,"project_id":1198,"creator":null,"cloudinary_id":"gplarukorix2ucsgv3jo","deleted":false,"id":3225},{"created_at":"2024-04-18T11:10:15.771037Z","name":"Rolling Man","resource_type":"image","tags":null,"project_id":1198,"creator":null,"cloudinary_id":"i4xpailc5gci20ljvkhl","deleted":false,"id":3224},{"created_at":"2024-04-18T11:09:46.719669Z","name":"Idle Man","resource_type":"image","tags":null,"project_id":1198,"creator":null,"cloudinary_id":"nd164ogqodubsog6v3la","deleted":false,"id":3223},{"created_at":"2024-04-18T11:09:26.323631Z","name":"Walking Man","resource_type":"image","tags":null,"project_id":1198,"creator":null,"cloudinary_id":"su442ckj8sswgxk6ffke","deleted":false,"id":3222}],"messages_sent":1,"comments":[],"steps":[{"title":"Create the detective character","instruction":"Design and create the detective character and implement basic movement controls.","created_at":"2023-12-11T22:26:48.407436","project_id":1198,"step_number":0,"complete":false,"updated_at":"2024-04-18T11:08:44.546316","id":6265},{"title":"Place eggs throughout the level","instruction":"Generate random positions for the eggs and implement logic to detect when the detective collects an egg.","created_at":"2023-12-11T22:26:48.407542","project_id":1198,"step_number":1,"complete":false,"updated_at":"2024-04-18T11:08:44.546453","id":6266},{"title":"Add enemies or obstacles","instruction":"Design and create enemies or obstacles and implement their movement and behavior.","created_at":"2023-12-11T22:26:48.407619","project_id":1198,"step_number":2,"complete":false,"updated_at":"2024-04-18T11:08:44.546540","id":6267},{"title":"Implement a defense mechanism","instruction":"Decide on the type of defense mechanism and handle its activation and behavior.","created_at":"2023-12-11T22:26:48.407699","project_id":1198,"step_number":3,"complete":false,"updated_at":"2024-04-18T11:08:44.546686","id":6268},{"title":"Create multiple levels","instruction":"Design and create different layouts for each level, adjusting the difficulty as the game progresses.","created_at":"2023-12-11T22:26:48.407762","project_id":1198,"step_number":4,"complete":false,"updated_at":"2024-04-18T11:08:44.546784","id":6269}]}