\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":42,"fork_count":5,"expires_at":null,"created_at":"2023-12-11T22:26:48.396808Z","updated_at":"2024-03-15T20:43:00.529904Z","user_id":70,"status":"DELETED","parent_id":null,"id":1,"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 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 walkingman = loadImage(\"@asset('Walking man')\");\n idleman = loadImage(\"@asset('Idle man')\");\n rollman = loadImage(\"@asset('Roll man')\"); // Load the rolling man sprite\n backgroundImg = loadImage(\"@asset('Background 1')\"); // Load the background sprite\n bulletImg = loadImage(\"@asset('Bullet')\");\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 <insert title>\n \n \n \n\n\n \n\n"},"chat_history":[{"project_id":1,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2023-12-11T22:27:18.750382Z","output_tokens":null,"code_id":3,"input_tokens":null,"id":1},{"project_id":1,"sender":"ai","message":"Great! The first step is to design our detective character. Given our limited resources, we will be using simple shapes to represent our character. Let's make our detective an egg shape with a hat on top to signify the detective theme.\n\n```javascript\nfunction setup() {\n createCanvas(800, 600);\n background(220);\n}\n\nfunction draw() {\n background(220);\n drawDetective();\n}\n\nfunction drawDetective() {\n // Draw the body of the detective (an egg shape)\n ellipse(400, 300, 100, 150);\n // Draw the hat of the detective\n rect(350, 200, 100, 50);\n}\n```\n\nHow it works:\n\n- We have a `draw()` function, which is called every frame in p5.js. It continuously executes the lines of code contained inside its block until the program is stopped or `noLoop()` is called.\n\n- The `background(220)` inside `draw()` is to clear the canvas each frame, this is necessary to avoid leaving a trail as our detective moves.\n\n- The `drawDetective()` function is where we define how our detective character looks. We're using the built-in `ellipse()` and `rect()` functions to draw an egg-shaped body and a rectangular hat on our detective. The parameters for `ellipse()` are (x position, y position, width, height) and for `rect()` are (x position, y position, width, height).\n\nNow, let's get to implementing basic movement controls for our detective. We will use the arrow keys to control the movement. For now, let's just implement the left and right movements. We'll create a variable `detectiveX` to store the x-position of our detective, and we will update this value when left or right arrow key is pressed.\n\n```javascript\nlet detectiveX = 400;\n\nfunction setup() {\n createCanvas(800, 600);\n background(220);\n}\n\nfunction draw() {\n background(220);\n drawDetective(detectiveX, 300);\n}\n\nfunction drawDetective(x, y) {\n // Draw the body of the detective (an egg shape)\n ellipse(x, y, 100, 150);\n // Draw the hat of the detective\n rect(x-50, y-100, 100, 50);\n}\n\nfunction keyPressed() {\n if (keyCode === LEFT_ARROW) {\n detectiveX = detectiveX - 5;\n } else if (keyCode === RIGHT_ARROW) {\n detectiveX = detectiveX + 5;\n }\n}\n```\n\nHow it works:\n\n- We declared a variable `detectiveX` and initialized it with the value `400`. This variable will store the x-position of our detective.\n\n- We modified the `drawDetective()` function to take `x` and `y` parameters. Now it draws the detective at the passed in `x` and `y` coordinates.\n\n- The `keyPressed()` function is a built-in p5.js function which gets called whenever a key is pressed. Inside this function, we check if the key pressed is the left or right arrow key. If it is, we move our detective 5 units to the left or right by subtracting or adding to `detectiveX`.\n\nTry running the code and press the left or right arrow key to see the detective move!","deleted":0,"created_at":"2023-12-11T22:27:18.757961Z","output_tokens":null,"code_id":3,"input_tokens":null,"id":2}],"assets":[],"messages_sent":1,"comments":[{"content":"first game first comment\r\n","id":512,"user_id":5,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"project_id":1,"created_at":"2024-04-18T11:08:34.512679Z","updated_at":"2024-04-18T11:08:34.512681Z"},{"content":"first game second comment","id":1090,"user_id":192,"user":{"photo":null,"email":null,"recess_id":"cfb1457c-ce90-4d98-a6ed-7abb46cfc301","created_at":"2024-08-21T18:42:26.417915Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"xamseygo","id":192,"password_hash":null,"updated_at":"2024-08-21T18:42:26.417918Z","reset_token_expiry":null,"subscription_status":null},"project_id":1,"created_at":"2025-03-27T19:02:06.080869Z","updated_at":"2025-03-27T19:02:06.080872Z"}],"steps":[{"instruction":"Design and create the detective character and implement basic movement controls.","title":"Create the detective character","created_at":"2023-12-11T22:26:48.407436","project_id":1,"complete":false,"step_number":0,"updated_at":"2023-12-11T22:26:48.407438","id":1},{"instruction":"Generate random positions for the eggs and implement logic to detect when the detective collects an egg.","title":"Place eggs throughout the level","created_at":"2023-12-11T22:26:48.407542","project_id":1,"complete":false,"step_number":1,"updated_at":"2023-12-11T22:26:48.407546","id":2},{"instruction":"Design and create enemies or obstacles and implement their movement and behavior.","title":"Add enemies or obstacles","created_at":"2023-12-11T22:26:48.407619","project_id":1,"complete":false,"step_number":2,"updated_at":"2023-12-11T22:26:48.407619","id":3},{"instruction":"Decide on the type of defense mechanism and handle its activation and behavior.","title":"Implement a defense mechanism","created_at":"2023-12-11T22:26:48.407699","project_id":1,"complete":false,"step_number":3,"updated_at":"2023-12-11T22:26:48.407700","id":4},{"instruction":"Design and create different layouts for each level, adjusting the difficulty as the game progresses.","title":"Create multiple levels","created_at":"2023-12-11T22:26:48.407762","project_id":1,"complete":false,"step_number":4,"updated_at":"2023-12-11T22:26:48.407763","id":5}]}