Emoji Adventure Game

{"name":"Intro to Programming With Jippity - Functions","description":"Day 3 of the Introduction to Programming With Jippity course. \n\nTopic: Functions","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/zpbspydqczejffiauttp","view_count":16,"fork_count":13,"expires_at":null,"created_at":"2025-02-19T03:23:09.307222Z","updated_at":"2025-02-19T03:23:09.307227Z","user_id":166,"status":"PUBLIC","parent_id":null,"id":5486,"user":{"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,"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},"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 | | (_) | |_) | | (__ _ | | | |_| | | | | (__| |_| | (_) | | | \\__ \\\n |_|\\___/| .__/|_|\\___(_) |_| \\__,_|_| |_|\\___|\\__|_|\\___/|_| |_|___/\n | | \n |_| \n\n\n----------------------------------------------------------------------------------------------------------------------------\n*/\n\n\n\n\nlet characterX; // X position of the character\nlet characterY; // Y position of the character\nlet stamina = 120; // Stamina amount\nlet staminaRegenRate = 0.2; // Stamina regeneration rate\nlet spriteFrames = []; // Array to hold individual frames of the sprite\nlet frameWidth; // Width of each sprite frame\nlet frameHeight; // Height of each sprite frame\nlet totalFrames = 4; // Total number of frames in the sprite sheet\nlet currentFrame = 0; // To keep track of the current frame to display\nlet frameCounter = 0; // Counter for frame updates\nlet characterScaleFactor = 6; // Scale factor for the character size\nconst spriteUpdateInterval = 8;\n\n\n//----------------------------------------------------------------------------------------------------------------------------\n// The preload and setup functions are called automatically at the start of the game.\n\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n sprite2 = loadImage(\"@asset('sprite2')\");\n sprite2Punch = loadImage(\"@asset('sprite2Punch')\");\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 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\n//----------------------------------------------------------------------------------------------------------------------------\n// The draw function is called automatically 60 times per second.\n\nfunction draw() {\n background(135, 206, 235); // Clear the canvas with the sky blue background\n handleCharacterMovement(); // Call the movement function\n drawFloor();\n drawCharacter();\n animateCharacter();\n}\n\n//----------------------------------------------------------------------------------------------------------------------------\n// This function controls how our character moves\n\nfunction handleCharacterMovement() {\n\n // Add code here\n\n}\n\n\n//----------------------------------------------------------------------------------------------------------------------------\n// These are more functions that are called from the draw() function\n\nfunction drawCharacter() {\n // Draw the character using the calculated characterY\n image(spriteFrames[currentFrame], characterX - (frameWidth * characterScaleFactor) / 2, characterY, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\n}\n\nfunction animateCharacter() {\n\n frameCounter++;\n\n // Update the current frame for animation only if the character is moving\n if ((keyIsDown(RIGHT_ARROW) || keyIsDown(LEFT_ARROW)) && frameCounter >= spriteUpdateInterval) {\n currentFrame = (currentFrame + 1) % spriteFrames.length; // Loop through frames\n frameCounter = 0; // Reset the frame counter after updating\n } else if (!keyIsDown(RIGHT_ARROW) && !keyIsDown(LEFT_ARROW)) {\n currentFrame = 0; // Reset to the first frame if not moving\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\n\n//----------------------------------------------------------------------------------------------------------------------------\n//-----------------------------------------------Anatomy of a Function--------------------------------------------------------\n//----------------------------------------------------------------------------------------------------------------------------\n\n/*\n The word \"function\" tells \n the computer that you are\n creating a new function.\n Just like \"let\" with variables!\n | \"myFirstFunction\" is the name of this\n | __________________ function. Just like variables have a \n | | name, so do functions!\n | |\n ▼ ▼ */\n function myFirstFunction(input) {\n /* ▲ This is where the inputs to our function live.\n |__________________ Just like ingredients in a recipe! Notice how the \n inputs are inside parentheses () */\n\n // Everything inside of the curly braces {} is the body of the function\n\n let result; // We can declare variables\n\n result = input + 1; // We can perform calculations\n\n return result; // We return the result of the calculation\n\n}","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Emoji Adventure Game\n \n \n\n\n \n\n"},"chat_history":[{"code_id":240266,"deleted":0,"input_tokens":null,"id":140654,"project_id":5486,"sender":"client_script","message":"","created_at":"2025-05-05T21:41:09.510795Z","output_tokens":null},{"code_id":240266,"deleted":0,"input_tokens":null,"id":141105,"project_id":5486,"sender":"client_script","message":"","created_at":"2025-05-07T23:39:48.015062Z","output_tokens":null}],"assets":[{"project_id":5486,"created_at":"2025-02-16T22:30:07.067511Z","resource_type":"image","id":59610,"cloudinary_id":"cd6glzfh87nhtirdeger","name":"spritePunch","deleted":false},{"project_id":5486,"created_at":"2025-02-16T22:29:44.947383Z","resource_type":"image","id":59609,"cloudinary_id":"zpbspydqczejffiauttp","name":"sprite2Punch","deleted":false},{"project_id":5486,"created_at":"2025-02-16T22:29:10.261407Z","resource_type":"image","id":59608,"cloudinary_id":"btaav7wu1acxwwmyptoa","name":"sprite2","deleted":false},{"project_id":5486,"created_at":"2025-01-14T08:10:32.337706Z","resource_type":"image","id":57738,"cloudinary_id":"lgvrnhkf9stxuyfrxbqc","name":"sprite","deleted":false}],"messages_sent":30,"comments":[],"steps":[]}