Emoji Adventure

{"name":"Michael Jackson Simulator","description":"Day 6 of the Introduction to Programming With Jippity course. \n\nTopic: Advanced Conditionals","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/a11hexheur1a5fvpdz5b","view_count":4,"fork_count":0,"expires_at":null,"created_at":"2025-03-05T16:39:28.318719Z","updated_at":"2025-03-05T16:39:28.318721Z","user_id":341,"status":"DELETED","parent_id":5896,"id":5905,"user":{"username":"Ezme","id":341,"password_hash":null,"updated_at":"2025-02-10T16:04:48.629845Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"d4aa6cf7-8fb4-4986-8655-b11e3a23dcf3","created_at":"2025-02-10T16:04:48.629840Z","reset_token":null,"stripe_customer_id":null,"seats":0},"code":{"script.js":"let characterX;\n\nlet characterY;\n\nlet stamina = 120;\n\nlet staminaRegenRate = 0.2;\n\nlet spriteFrames = [];\n\nlet frameWidth;\n\nlet frameHeight;\n\nlet totalFrames = 4;\n\nlet currentFrame = 0;\n\nlet frameCounter = 0;\n\nlet characterScaleFactor = 6;\n\nlet characterVelocityY = 0;\n\nlet currentState = 'idle';\n\nlet idleFrames = [];\n\nconst spriteUpdateInterval = 8;\n\nlet idleFrameCounter = 0;\n\nconst idleSpriteUpdateInterval = 60;\n\nlet currentIdleFrame = 0;\n\nlet punchFrames = [];\n\nconst punchUpdateInterval = 10;\n\nlet punchFrameCounter = 0;\n\nlet currentPunchFrame = 0;\n\nlet jackFrames = [];\n\nlet currentJackFrame = 0;\n\nlet jackLeftMovementSpeed = 1;\n\nlet jackAnimationInterval = 15;\n\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n spriteIdle = loadImage(\"@asset('spriteIdle')\");\n jackImage = loadImage(\"@asset('Jack')\"); // Load Jack image for backward movement\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n noSmooth(); // Disable image smoothing\n\n // Assuming the sprite sheet is divided into 3 columns and 4 rows\n frameWidth = sprite.width / 3; // Width of each sprite frame\n frameHeight = sprite.height / 4; // Height of each sprite frame\n\n // Initialize characterX to start at the left of the screen\n characterX = frameWidth * characterScaleFactor / 2; // Center the character horizontally\n\n // Initialize characterY to rest on top of the floor\n characterY = height - 20 - (frameHeight * characterScaleFactor); // Adjust for floor height and character height\n\n // Extract frames from the 'sprite' sprite sheet\n for (let i = 0; i < totalFrames; i++) {\n let frame = sprite.get((3 - 1) * frameWidth, i * frameHeight, frameWidth, frameHeight);\n spriteFrames.push(frame); // Store the frames\n }\n\n // Extract frames from the rightmost column of the 'spriteIdle' sprite sheet\n let idleFrameWidth = spriteIdle.width / 3; // Width of each idle frame\n let idleFrameHeight = spriteIdle.height / 2; // Height of each idle frame\n for (let i = 0; i < 2; i++) { // Assuming there are 2 frames in the rightmost column\n let frame = spriteIdle.get((3 - 1) * idleFrameWidth, i * idleFrameHeight, idleFrameWidth, idleFrameHeight);\n idleFrames.push(frame); // Store the idle frames\n }\n\n // Extract frames from the 'Jack' sprite sheet (4 rows, 1 column)\n for (let i = 0; i < 4; i++) { // Assuming there are 4 frames in total\n let frame = jackImage.get(0, i * jackImage.height / 4, jackImage.width, jackImage.height / 4);\n jackFrames.push(frame); // Store the Jack frames\n }\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the canvas with the sky blue background\n\n frameCounter++; // Increment the frame counter each frame\n\n drawFloor(); // Call the movement function\n\n drawCharacter(); // Call the movement function\n\n animateCharacter(); // Call the movement function\n\n handleCharacterMovement(); // Call the movement function\n\n}\n\nfunction drawFloor() {\n fill(169, 169, 169); // Set the floor color to dark grey\n rect(0, height - 20, windowWidth, 20); // Draw the floor across the bottom\n}\n\nfunction drawCharacter() {\n switch (currentState) {\n case 'walking':\n walk();\n break;\n case 'idle':\n idle();\n break;\n case 'punching':\n punch();\n break;\n }\n}\n\nfunction animateCharacter() {\n // Animate the punch state\n if (currentState === 'punching') {\n punchFrameCounter++; // Increment the punch frame counter\n if (punchFrameCounter >= punchUpdateInterval) { // Check against the punch interval\n currentPunchFrame = (currentPunchFrame + 1) % punchFrames.length; // Loop through punch frames\n punchFrameCounter = 0; // Reset punch frame counter\n\n // If the last frame has been displayed, switch back to idle or walking\n if (currentPunchFrame === 0) {\n currentState = 'idle'; // Return to idle after punch\n }\n }\n }\n\n // Update the current frame for animation only if the character is moving\n if ((keyIsDown(68) || keyIsDown(65)) && frameCounter >= spriteUpdateInterval) { // 'D' or 'A' key\n currentFrame = (currentFrame + 1) % spriteFrames.length; // Loop through walking frames\n frameCounter = 0; // Reset the frame counter after updating\n currentState = 'walking'; // Update state to walking\n } else if (!keyIsDown(68) && !keyIsDown(65)) { // Neither 'D' nor 'A' key\n currentState = 'idle'; // Update state to idle\n // Animate the idle state\n idleFrameCounter++; // Increment the idle frame counter\n if (idleFrameCounter >= idleSpriteUpdateInterval) { // Check against the idle interval\n currentIdleFrame = (currentIdleFrame + 1) % idleFrames.length; // Loop through idle frames\n idleFrameCounter = 0; // Reset idle frame counter\n }\n }\n}\n\nfunction idle() {\n // Ensure currentIdleFrame is valid for idle\n if (currentIdleFrame < 0 || currentIdleFrame >= idleFrames.length) {\n console.error('Invalid currentIdleFrame for idle:', currentIdleFrame);\n currentIdleFrame = 0; // Reset to 0 if invalid\n }\n image(idleFrames[currentIdleFrame], characterX - (idleFrames[0].width * characterScaleFactor) / 2, characterY, idleFrames[0].width * characterScaleFactor, idleFrames[0].height * characterScaleFactor);\n}\n\nfunction punch() {\n // Ensure currentPunchFrame is valid and punchFrames is not empty\n if (punchFrames.length === 0) {\n console.error('Punch frames are not defined.');\n return; // Exit the function if there are no punch frames\n }\n\n if (currentPunchFrame < 0 || currentPunchFrame >= punchFrames.length) {\n console.error('Invalid currentPunchFrame for punching:', currentPunchFrame);\n currentPunchFrame = 0; // Reset to 0 if invalid\n }\n\n // Calculate Y position to ensure character is above the floor\n let floorY = height - 20; // Floor position\n let punchHeight = punchFrames[0].height * characterScaleFactor; // Height of the punch sprite\n\n // Draw the punching sprite at a balanced position above the floor\n image(punchFrames[currentPunchFrame], characterX - (punchFrames[0].width * characterScaleFactor) / 2, floorY - (punchHeight * 0.7) - 10, punchFrames[0].width * characterScaleFactor, punchHeight);\n}\n\nfunction handleCharacterMovement() {\n let floorY = height - 20 - (frameHeight * characterScaleFactor);\n\n // Horizontal movement logic\n if (keyIsDown(68)) { // 'D' key for moving right\n characterX += 5; // Move right at normal speed\n }\n\n if (keyIsDown(65)) { // 'A' key for moving left\n if (characterX > (frameWidth * characterScaleFactor) / 2) { // Check if not at the left wall\n characterX -= jackLeftMovementSpeed; // Move left at the slower speed defined\n }\n }\n\n // Punching logic\n if (mouseIsPressed && characterY === floorY && currentState !== 'punching') {\n currentState = 'punching'; // Update state to punching\n }\n\n // Jumping logic\n if (keyIsDown(32) && characterY === floorY) { // 'Space' key and character is on the ground\n characterVelocityY = -10; // Set an upward velocity\n }\n\n // Apply gravity\n characterVelocityY += 0.5; // Gravity effect\n characterY += characterVelocityY; // Update position with velocity\n\n // Ensure the character doesn't fall through the floor\n if (characterY > floorY) {\n characterY = floorY;\n characterVelocityY = 0; // Reset vertical velocity when on the ground\n }\n}\n\nfunction walk() {\n // Right movement\n if (keyIsDown(68)) { // 'D' key for moving right\n // Ensure currentFrame is valid\n if (currentFrame < 0 || currentFrame >= spriteFrames.length) {\n console.error('Invalid currentFrame for walking:', currentFrame);\n currentFrame = 0; // Reset to 0 if invalid\n }\n // Draw the character normally when moving right\n image(spriteFrames[currentFrame], characterX - (frameWidth * characterScaleFactor) / 2, characterY, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\n }\n\n // Left movement\n if (keyIsDown(65)) { // 'A' key for moving left\n if (characterX > (frameWidth * characterScaleFactor) / 2) { // Check if not at the left wall\n characterX -= 5; // Move left\n }\n\n // Update Jack's frame counter for animation\n frameCounter++; // Increment the frame counter for timing\n if (frameCounter >= jackAnimationInterval) { // Check against the defined interval\n currentJackFrame = (currentJackFrame + 1) % jackFrames.length; // Loop through Jack frames\n frameCounter = 0; // Reset the frame counter after updating\n }\n\n // Draw the Jack image when moving left\n image(jackFrames[currentJackFrame], characterX - (frameWidth * characterScaleFactor) / 2, characterY, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Emoji Adventure\n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"cloudinary_id":"lclxkgdfqsbkcuohvoma","project_id":5905,"created_at":"2025-03-03T16:33:59.117028Z","deleted":false,"name":"Jack","resource_type":"image","id":60061},{"cloudinary_id":"a11hexheur1a5fvpdz5b","project_id":5905,"created_at":"2025-02-26T16:56:14.715982Z","deleted":false,"name":"sprite","resource_type":"image","id":59915},{"cloudinary_id":"sbgcztvyzjacm2i7n0tw","project_id":5905,"created_at":"2025-02-26T16:56:14.713980Z","deleted":false,"name":"spriteIdle","resource_type":"image","id":59914},{"cloudinary_id":"dxnlvxgwqk1ikspw97g7","project_id":5905,"created_at":"2025-02-26T16:56:14.711380Z","deleted":false,"name":"spritePunch","resource_type":"image","id":59913}],"messages_sent":20,"comments":[],"steps":[]}