Emoji Adventure

{"name":"Michael Jackson Sim COPY","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/a11hexheur1a5fvpdz5b","view_count":14,"fork_count":1,"expires_at":null,"created_at":"2025-03-05T06:47:28.922146Z","updated_at":"2025-03-05T06:47:28.922149Z","user_id":166,"status":"PRIVATE","parent_id":5896,"id":5993,"user":{"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"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 leftMovementSpeed = 15;\n\nlet sprintSpeed = 10;\n\nlet isSprinting = false;\n\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n spriteIdle = loadImage(\"@asset('spriteIdle')\");\n MJ = loadImage(\"@asset('MJ')\");\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 rightmost column of the 'spritePunch' sprite sheet\n let punchFrameWidth = spritePunch.width / 3; // Width of each punch frame\n let punchFrameHeight = spritePunch.height / 4; // Height of each punch frame\n for (let i = 0; i < 4; i++) { // Assuming there are 4 frames in the rightmost column\n let frame = spritePunch.get((3 - 1) * punchFrameWidth, i * punchFrameHeight, punchFrameWidth, punchFrameHeight);\n punchFrames.push(frame); // Store the punch 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 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\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 walk() {\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 facing right, regardless of movement direction\n image(spriteFrames[currentFrame], characterX - (frameWidth * characterScaleFactor) / 2, characterY, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\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)) { // 'D' key for moving right\n if (frameCounter >= spriteUpdateInterval) {\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 }\n } else if (keyIsDown(65)) { // 'A' key for moving left\n if (frameCounter >= leftMovementSpeed) { // Use slower update interval for left movement\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 }\n } else {\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 handleCharacterMovement() {\n let floorY = height - 20 - (frameHeight * characterScaleFactor);\n let mjWidth = MJ.width * 0.35; // Set MJ width to 30% of its original size\n let mjHeight = MJ.height * 0.35; // Set MJ height to 30% of its original size\n\n let moveSpeed = handleSprint(); // Get the movement speed based on sprinting state\n\n // Horizontal movement logic\n if (keyIsDown(68)) { // 'D' key for moving right\n characterX += moveSpeed; // Move right\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 -= moveSpeed; // Move left\n // Draw the MJ asset when moving left, smaller and positioned at the character's head\n image(MJ, characterX - (mjWidth / 2) + 10, characterY - (mjHeight / 2.5), mjWidth, mjHeight); // Positioned directly on the character's head\n }\n }\n\n // Punching logic\n if (mouseIsPressed && characterY === floorY && currentState !== 'punching') {\n currentState = 'punching'; // Update state to punching\n punchCooldown = true; // Set cooldown to true\n }\n\n // Jumping logic\n if (keyIsDown(32) && characterY === floorY) { // 'Space' key\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 > height - 20 - (frameHeight * characterScaleFactor)) {\n characterY = height - 20 - (frameHeight * characterScaleFactor);\n characterVelocityY = 0; // Reset vertical velocity when on the ground\n }\n}\n\nfunction handleSprint() {\n isSprinting = keyIsDown(SHIFT); // Check if the sprint key (Shift) is pressed\n return isSprinting ? 10 : 5; // Return sprint speed if sprinting, else return normal speed\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":[{"name":"MJ","created_at":"2025-03-05T06:53:40.507673Z","resource_type":"image","deleted":false,"id":60430,"creator":null,"project_id":5993,"cloudinary_id":"csu36hzvkwazyewd9uam","tags":null},{"name":"sprite","created_at":"2025-03-05T06:47:09.171825Z","resource_type":"image","deleted":false,"id":60428,"creator":null,"project_id":5993,"cloudinary_id":"a11hexheur1a5fvpdz5b","tags":null},{"name":"spriteIdle","created_at":"2025-03-05T06:47:09.159538Z","resource_type":"image","deleted":false,"id":60427,"creator":null,"project_id":5993,"cloudinary_id":"sbgcztvyzjacm2i7n0tw","tags":null},{"name":"spritePunch","created_at":"2025-03-05T06:47:09.146110Z","resource_type":"image","deleted":false,"id":60426,"creator":null,"project_id":5993,"cloudinary_id":"dxnlvxgwqk1ikspw97g7","tags":null}],"messages_sent":27,"comments":[],"steps":[]}