Emoji Adventure Game

{"name":"Intro to Jippity - Loops","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/wwbx9gltzjkvdcoinfr9","view_count":25,"fork_count":4,"expires_at":null,"created_at":"2025-05-23T06:26:18.949373Z","updated_at":"2025-05-23T06:26:18.949374Z","user_id":166,"status":"PRIVATE","parent_id":null,"id":8048,"user":{"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"Level.js":"class Level {\r\n constructor(levelNumber, leftBoundary, rightBoundary, fruits) {\r\n this.levelNumber = levelNumber; // Level number\r\n this.leftBoundary = leftBoundary; // Left boundary for the level\r\n this.rightBoundary = rightBoundary; // Right boundary for the level\r\n this.fruits = fruits; // Array of fruit emojis\r\n this.firedFruits = []; // Array to hold the fired fruits\r\n this.fruitIndex = 0; // Index to track which fruit to fire next\r\n this.isFiring = false; // Flag to control firing state\r\n this.fireDelay = 500; // Delay between firing fruits in milliseconds\r\n this.targets = []; // Array to hold target assets\r\n this.setupTargets(); // Initialize target positions\r\n }\r\n\r\n drawLevel() {\r\n this.drawWalls();\r\n this.drawFiredFruits(); // Draw the fired fruits on the level\r\n this.drawTargets(); // Draw the targets on the level\r\n }\r\n\r\n drawWalls() {\r\n // Draw the left boundary wall\r\n for (let i = 0; i < 5; i++) { // Stack 5 wall segments vertically\r\n image(wall, this.leftBoundary - cameraX - 40, height - 140 - (i * 120), 50, 120);\r\n }\r\n\r\n // Draw the right boundary wall\r\n for (let i = 0; i < 5; i++) { // Stack 5 wall segments vertically\r\n image(wall, this.rightBoundary - cameraX + 80, height - 140 - (i * 120), 50, 120);\r\n }\r\n }\r\n\r\n setupTargets() {\r\n for (let i = 0; i < 3; i++) {\r\n const targetX = random(this.leftBoundary, this.rightBoundary); // Random X position within boundaries\r\n const targetY = random(height - 300, height - 100); // Random Y position within a certain height range\r\n this.targets.push({ x: targetX, y: targetY, image: target }); // Store target positions along with the image\r\n }\r\n }\r\n\r\n drawTargets() {\r\n for (let i = 0; i < this.targets.length; i++) {\r\n image(target, this.targets[i].x - cameraX, this.targets[i].y, 50, 50); // Draw targets at their positions\r\n }\r\n\r\n // this.targets.forEach(target => { // Iterate using forEach\r\n // image(target.image, target.x - cameraX, target.y, 50, 50); // Draw targets at their positions\r\n // });\r\n }\r\n\r\n // Method to start firing fruits\r\n startFiring(x, y) {\r\n if (!this.isFiring) {\r\n this.isFiring = true; // Set firing state to true\r\n this.fruitIndex = 0; // Reset fruit index\r\n this.fireFruit(x, y); // Start firing the first fruit\r\n }\r\n }\r\n\r\n // Method to fire a single fruit\r\n fireFruit(characterX, characterY) {\r\n if (this.fruitIndex < this.fruits.length) {\r\n const fruitEmoji = this.fruits[this.fruitIndex]; // Get the next fruit emoji\r\n\r\n // Determine direction based on character's facing direction\r\n const directionMultiplier = isFacingRight ? 1 : -1; // Change direction based on character's facing\r\n const randomness = random(-2, 2); // Randomness to introduce slight variation\r\n\r\n const speedX = directionMultiplier * (5 + randomness); // Horizontal speed with randomness\r\n const speedY = random(-3, -1); // Upward speed, always negative to prevent downward movement\r\n\r\n this.firedFruits.push({ x: characterX, y: characterY, speedX, speedY, emoji: fruitEmoji });\r\n this.fruitIndex++;\r\n\r\n // Schedule the next fruit to fire after the delay\r\n setTimeout(() => {\r\n this.fireFruit(characterX, characterY);\r\n }, this.fireDelay);\r\n } else {\r\n this.isFiring = false; // Reset firing state after all fruits are fired\r\n }\r\n }\r\n\r\n // Method to draw and update the position of fired fruits\r\n drawFiredFruits() {\r\n // for (let i = 0; i < this.firedFruits.length; i++) { // Loop through indices of the firedFruits array\r\n // const fruit = this.firedFruits[i]; // Access the fruit object using the index\r\n // fruit.x += fruit.speedX; // Update horizontal position\r\n // fruit.y += fruit.speedY; // Update vertical position\r\n // textSize(32); // Set text size for emoji\r\n // text(fruit.emoji, fruit.x - cameraX, fruit.y); // Draw emoji\r\n // }\r\n\r\n // for (let fruit of this.firedFruits) {\r\n // fruit.x += fruit.speedX; // Update horizontal position\r\n // fruit.y += fruit.speedY; // Update vertical position\r\n // textSize(32); // Set text size for emoji\r\n // text(fruit.emoji, fruit.x - cameraX, fruit.y); // Draw emoji\r\n // }\r\n }\r\n}\r\n\r\n","script.js":"let characterX;\n\n// X position of the character\nlet characterY;\n\n// Y position of the character\nlet stamina = 120;\n\n// Stamina amount\nlet staminaRegenRate = 0.2;\n\n// Stamina regeneration rate\nlet spriteFrames = [];\n\n// Array to hold individual frames of the sprite\nlet frameWidth;\n\n// Width of each sprite frame\nlet frameHeight;\n\n// Height of each sprite frame\nlet totalFrames = 4;\n\n// Total number of frames in the sprite sheet\nlet currentFrame = 0;\n\n// To keep track of the current frame to display\nlet frameCounter = 0;\n\n// Counter for frame updates\nlet characterScaleFactor = 6;\n\n// Scale factor for the character size\nconst spriteUpdateInterval = 8;\n\nlet characterVelocityY = 0;\n\nlet gravity = 0.5;\n\nlet isOnGround = false;\n\nlet isFacingRight = true;\n\nlet cameraX = 0;\n\nlet currentLevel;\n\nconst levels = [];\n\nlet clouds = [];\n\nlet backgroundSpeed = 0.5;\n\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n\n // Load cloud images into the array\n clouds.push(loadImage(\"@asset('clouds1')\")); // Load clouds1\n clouds.push(loadImage(\"@asset('clouds2')\")); // Load clouds2\n clouds.push(loadImage(\"@asset('clouds3')\")); // Load clouds3\n clouds.push(loadImage(\"@asset('clouds4')\")); // Load clouds4\n platform_grass = loadImage(\"@asset('platform_grass')\");\n platform_dirt = loadImage(\"@asset('platform_dirt')\");\n platform_ice = loadImage(\"@asset('platform_ice')\");\n flower_bush = loadImage(\"@asset('flower_bush')\");\n wall = loadImage(\"@asset('wall')\");\n target = loadImage(\"@asset('target')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n noSmooth();\n\n setupLevels(); // Initialize level data\n currentLevel = levels[0]; // Set the starting level\n\n frameWidth = sprite.width / 3;\n frameHeight = sprite.height / 4;\n characterX = frameWidth * characterScaleFactor / 2;\n characterY = height - 20 - (frameHeight * characterScaleFactor);\n\n for (let i = 0; i < totalFrames; i++) {\n let frame = sprite.get((3 - 1) * frameWidth, i * frameHeight, frameWidth, frameHeight);\n spriteFrames.push(frame);\n }\n}\n\nfunction draw() {\n drawBackground(); // Draw the parallax background\n currentLevel.drawLevel(); // Draw the current level\n\n handleCharacterMovement();\n drawFloor();\n drawCharacter();\n animateCharacter();\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 animateCharacter() {\n frameCounter++; // Increment frame counter\n\n // Update the current frame for animation only if the character is moving\n if ((keyIsDown(RIGHT_ARROW) || keyIsDown(68) || keyIsDown(LEFT_ARROW) || keyIsDown(65)) && 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(68) && !keyIsDown(LEFT_ARROW) && !keyIsDown(65)) {\n currentFrame = 0; // Reset to the first frame if not moving\n }\n}\n\nfunction drawCharacter() {\n push(); // Save the current drawing state\n\n // Set the position of the character, adjusted for camera position\n translate(characterX - cameraX, characterY);\n\n // Flip the character horizontally if facing left\n if (!isFacingRight) {\n scale(-1, 1); // Flip the character\n translate(-frameWidth * characterScaleFactor, 0); // Shift left by sprite width\n }\n\n // Draw the character using the calculated characterY\n image(spriteFrames[currentFrame], 0, 0, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\n\n pop(); // Restore the previous drawing state\n}\n\nfunction handleCharacterMovement() {\n let moveSpeed = 5; // Speed of the character movement\n\n // Left and right movement with boundary checks\n if ((keyIsDown(LEFT_ARROW) || keyIsDown(65)) && characterX > currentLevel.leftBoundary) { // 65 is the keycode for 'A'\n characterX -= moveSpeed;\n isFacingRight = false; // Set direction to left\n }\n if ((keyIsDown(RIGHT_ARROW) || keyIsDown(68)) && characterX < currentLevel.rightBoundary) { // 68 is the keycode for 'D'\n characterX += moveSpeed;\n isFacingRight = true; // Set direction to right\n }\n\n // Update camera position to follow the character only until the right boundary is on screen\n if (characterX < currentLevel.rightBoundary - width / 4) { // Check if the right boundary is off-screen\n cameraX = characterX - width / 1.5; // Center camera on character\n }\n\n // Jumping when space is pressed\n if (keyIsDown(32) && isOnGround) { // 32 is the keycode for space\n characterVelocityY = -12; // Jump velocity\n isOnGround = false;\n }\n\n // Apply gravity\n characterY += characterVelocityY;\n characterVelocityY += gravity;\n\n // Check if on the ground\n if (characterY >= height - 20 - (frameHeight * characterScaleFactor)) {\n characterY = height - 20 - (frameHeight * characterScaleFactor);\n characterVelocityY = 0;\n isOnGround = true;\n }\n}\n\nfunction drawBackground() {\n noSmooth(); // Disable smoothing for all clouds\n\n // Draw clouds1 as a static background\n image(clouds[0], 0, 0, width, height); // Draw clouds1 across the entire canvas\n\n // Update the position of the remaining clouds based on the background speed\n for (let i = 1; i < clouds.length; i++) { // Start from index 1 to skip clouds1\n // Calculate cloud position based on background speed\n let cloudX = (frameCount * backgroundSpeed) % width; // Moves clouds across the screen\n\n let cloudY = 150; // Varies y-position with a sine function\n\n // Draw clouds at calculated positions\n image(clouds[i], cloudX, cloudY, width, height); // Draw cloud layer\n image(clouds[i], cloudX - width + 1, cloudY, width, height); // Draw second instance for seamless effect\n }\n}\n\nfunction setupLevels() {\n const fruitEmojis = ['🍎', '🍌', '🍇', '🍉', '🍓']; // Example fruit emojis\n levels.push(new Level(1, -500, windowWidth - 100, fruitEmojis));\n levels.push(new Level(2, -500, windowWidth - 100, fruitEmojis));\n // Add more levels as needed\n}\n\nfunction keyPressed() {\n if (key === 'f' || key === 'F') { // Check if F key is pressed\n currentLevel.startFiring(characterX, characterY); // Start firing fruits from character's position\n }\n}\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\n"},"chat_history":[],"assets":[{"created_at":"2025-05-23T06:18:40.448184Z","name":"target","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"ndzwshyp36ivgvalopa7","deleted":false,"id":74659},{"created_at":"2025-05-23T06:04:05.637319Z","name":"wall","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"glidanh10xzgjrkfqvdg","deleted":false,"id":74658},{"created_at":"2025-05-23T05:06:07.352532Z","name":"flower_bush","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"z9vrc0mtfmwtksydouax","deleted":false,"id":74657},{"created_at":"2025-05-23T05:05:37.311456Z","name":"platform_ice","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"qjyvgdygy3hryeqnlv1q","deleted":false,"id":74656},{"created_at":"2025-05-23T05:05:29.276557Z","name":"platform_dirt","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"efqxiv6wqsshbu24glju","deleted":false,"id":74655},{"created_at":"2025-05-23T05:05:11.698680Z","name":"platform_grass","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"iii1wv1n0yydmqwxsq2h","deleted":false,"id":74654},{"created_at":"2025-05-23T05:03:34.119214Z","name":"clouds4","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"hdnmpyw9zt6tjgm04jy4","deleted":false,"id":74653},{"created_at":"2025-05-23T05:03:24.778781Z","name":"clouds3","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"tbkyaafavsvmi0lom87j","deleted":false,"id":74652},{"created_at":"2025-05-23T05:03:14.832905Z","name":"clouds2","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"my9f6ewgjopevyhb798j","deleted":false,"id":74651},{"created_at":"2025-05-23T05:03:04.347035Z","name":"clouds1","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"yuf3sidipmuftooq1oye","deleted":false,"id":74650},{"created_at":"2025-05-23T05:02:14.952544Z","name":"spritePunch","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"dvhuriymhcbd1dvgcnpl","deleted":false,"id":74649},{"created_at":"2025-05-23T05:01:52.157761Z","name":"sprite","resource_type":"image","tags":null,"project_id":8048,"creator":null,"cloudinary_id":"wwbx9gltzjkvdcoinfr9","deleted":false,"id":74648}],"messages_sent":20,"comments":[],"steps":[]}