Emoji Adventure

{"name":"Intro to Jippity - Advanced Conditionals","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":46,"fork_count":18,"expires_at":null,"created_at":"2025-02-26T08:36:09.522457Z","updated_at":"2025-02-26T08:36:09.522458Z","user_id":166,"status":"PUBLIC","parent_id":null,"id":5896,"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":"/*\n----------------------------------------------------------------------------------------------------------------------------\n\n\n _____ _ _ _____ _ \n |_ _| | | | | | __ \\ (_) \n | | _ __ | |_ _ __ ___ | |_ ___ | |__) | __ ___ __ _ _ __ __ _ _ __ ___ _ __ ___ _ _ __ __ _ \n | | | '_ \\| __| '__/ _ \\ | __/ _ \\ | ___/ '__/ _ \\ / _` | '__/ _` | '_ ` _ \\| '_ ` _ \\| | '_ \\ / _` |\n _| |_| | | | |_| | | (_) | | || (_) | | | | | | (_) | (_| | | | (_| | | | | | | | | | | | | | | | (_| |\n |_____|_| |_|\\__|_| \\___/ \\__\\___/ |_| |_| \\___/ \\__, |_| \\__,_|_| |_| |_|_| |_| |_|_|_| |_|\\__, |\n __/ | __/ |\n |___/ |___/ \n\n __ ___ _ _ _ _ _ _ _____ __ \n \\ \\ / (_) | | | | (_) (_) | | __ \\ / / \n \\ \\ /\\ / / _| |_| |__ | |_ _ __ _ __ _| |_ _ _ ______ | | | | __ _ _ _ / /_ \n \\ \\/ \\/ / | | __| '_ \\ _ | | | '_ \\| '_ \\| | __| | | | |______| | | | |/ _` | | | | | '_ \\ \n \\ /\\ / | | |_| | | | | |__| | | |_) | |_) | | |_| |_| | | |__| | (_| | |_| | | (_) |\n \\/ \\/ |_|\\__|_| |_| \\____/|_| .__/| .__/|_|\\__|\\__, | |_____/ \\__,_|\\__, | \\___/ \n | | | | __/ | __/ | \n |_| |_| |___/ |___/ \n\n\n\n----------------------------------------------------------------------------------------------------------------------------\n\n\n _______ _ _ _ _____ _ _ _ _ _ \n |__ __| (_) _ /\\ | | | | / ____| | (_) | (_) | | \n | | ___ _ __ _ ___(_) / \\ __| |_ ____ _ _ __ ___ ___ __| | | | ___ _ __ __| |_| |_ _ ___ _ __ __ _| |___ \n | |/ _ \\| '_ \\| |/ __| / /\\ \\ / _` \\ \\ / / _` | '_ \\ / __/ _ \\/ _` | | | / _ \\| '_ \\ / _` | | __| |/ _ \\| '_ \\ / _` | / __|\n | | (_) | |_) | | (__ _ / ____ \\ (_| |\\ V / (_| | | | | (_| __/ (_| | | |___| (_) | | | | (_| | | |_| | (_) | | | | (_| | \\__ \\\n |_|\\___/| .__/|_|\\___(_) /_/ \\_\\__,_| \\_/ \\__,_|_| |_|\\___\\___|\\__,_| \\_____\\___/|_| |_|\\__,_|_|\\__|_|\\___/|_| |_|\\__,_|_|___/\n | | \n |_| \n\n\n----------------------------------------------------------------------------------------------------------------------------\n*/\n\n\n\n\nlet characterX;\n\n\nlet characterY;\n\n\nlet stamina = 120;\n\n\nlet staminaRegenRate = 0.2;\n\n\nlet spriteFrames = [];\n\n\nlet frameWidth;\n\n\nlet frameHeight;\n\n\nlet totalFrames = 4;\n\n\nlet currentFrame = 0;\n\n\nlet frameCounter = 0;\n\n\nlet characterScaleFactor = 6;\n\n\nlet characterVelocityY = 0;\n\n\nlet currentState = 'idle';\n\n\nlet idleFrames = [];\n\n\nconst spriteUpdateInterval = 8;\n\n\nlet idleFrameCounter = 0;\n\n\nconst idleSpriteUpdateInterval = 60;\n\n\nlet currentIdleFrame = 0;\n\n\nlet punchFrames = [];\n\n\nconst punchUpdateInterval = 10;\n\n\nlet punchFrameCounter = 0;\n\n\nlet currentPunchFrame = 0;\n\n\n\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n spriteIdle = loadImage(\"@asset('spriteIdle')\");\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 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 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 // Check if the character is moving left\n if (keyIsDown(65)) { // 'A' key for moving left\n // Draw the character flipped horizontally\n push(); // Save the current drawing state\n translate(characterX, characterY); // Move to character's position\n scale(-1, 1); // Flip the sprite horizontally\n image(spriteFrames[currentFrame], -frameWidth * characterScaleFactor / 2, 0, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\n pop(); // Restore the previous drawing state\n } else {\n // Draw the character normally\n image(spriteFrames[currentFrame], characterX - (frameWidth * characterScaleFactor) / 2, characterY, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\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 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\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 -= 5; // Move left\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","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":[{"project_id":5896,"creator":null,"cloudinary_id":"dxnlvxgwqk1ikspw97g7","deleted":false,"id":59878,"created_at":"2025-02-26T08:05:21.706232Z","name":"spritePunch","resource_type":"image","tags":null},{"project_id":5896,"creator":null,"cloudinary_id":"sbgcztvyzjacm2i7n0tw","deleted":false,"id":59877,"created_at":"2025-02-26T08:05:05.940564Z","name":"spriteIdle","resource_type":"image","tags":null},{"project_id":5896,"creator":null,"cloudinary_id":"a11hexheur1a5fvpdz5b","deleted":false,"id":59876,"created_at":"2025-02-26T08:04:08.395670Z","name":"sprite","resource_type":"image","tags":null}],"messages_sent":14,"comments":[],"steps":[]}