Emoji Adventure Game

{"name":"Tyisha - Demo","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/zpbspydqczejffiauttp","view_count":5,"fork_count":0,"expires_at":null,"created_at":"2025-12-16T23:24:27.313556Z","updated_at":"2025-12-16T23:24:27.313556Z","user_id":166,"status":"PRIVATE","parent_id":8221,"id":10960,"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":{"Codex.js":"class Codex {\n constructor(slotCount, runeImages, greenRuneImages) {\n this.slots = [];\n this.runeImages = runeImages;\n this.greenRuneImages = greenRuneImages;\n this.slotGraphics = createGraphics(windowWidth, windowHeight); // Create a graphics buffer\n\n // Initialize all slots with random black runes\n for (let i = 0; i < slotCount; i++) {\n let randomRune = this.getRandomRune();\n this.slots.push(randomRune);\n }\n\n this.drawSlotsOnce(); // Draw slots once onto the graphics buffer\n }\n\n getRandomRune() {\n let randomIndex = floor(random(this.runeImages.length));\n return this.runeImages[randomIndex];\n }\n\n drawSlotsOnce() {\n let slotWidth = 100;\n let slotHeight = 100;\n let startX = width / 2 - ((slotWidth + 10) * this.slots.length) / 2;\n\n for (let i = 0; i < this.slots.length; i++) {\n let posX = startX + i * (slotWidth + 10);\n let posY = 150;\n\n this.slotGraphics.fill(153, 101, 21);\n this.slotGraphics.noStroke();\n this.slotGraphics.rect(posX, posY, slotWidth, slotHeight);\n this.slotGraphics.image(this.slots[i], posX + 14, posY + 14, 72, 72);\n }\n }\n\n drawCodex(x, y) {\n let slotWidth = 100;\n let slotHeight = 100;\n let cylinderWidth = (slotWidth + 10) * this.slots.length * 1.35;\n let cylinderHeight = slotHeight + 50;\n\n fill(218, 165, 32);\n noStroke();\n ellipse(x, y + slotHeight / 2, cylinderWidth, cylinderHeight);\n\n // Draw the pre-rendered slots\n image(this.slotGraphics, 0, 0);\n }\n\n handleMouseClick(mouseX, mouseY, x, y) {\n let slotWidth = 100;\n let slotHeight = 100;\n let startX = x - ((slotWidth + 10) * this.slots.length) / 2;\n\n for (let i = 0; i < this.slots.length; i++) {\n let posX = startX + i * (slotWidth + 10);\n let posY = y;\n\n if (mouseX > posX && mouseX < posX + slotWidth && mouseY > posY && mouseY < posY + slotHeight) {\n this.slots[i] = this.getNextRune(this.slots[i]);\n this.checkCombo(); // Check for the specific combo\n this.drawSlotsOnce(); // Update the graphics buffer when rune changes\n }\n }\n }\n\n getNextRune(currentRune) {\n let currentIndex = this.runeImages.indexOf(currentRune);\n let nextIndex = (currentIndex + 1) % this.runeImages.length;\n return this.runeImages[nextIndex];\n }\n\n checkCombo() {\n // If the current combination is \"rune1, rune2, rune3, rune4\", change to green runes\n let combo = [\n this.runeImages[0], // rune1\n this.runeImages[1], // rune2\n this.runeImages[2], // rune3\n this.runeImages[3] // rune4\n ];\n\n if (this.slots.every((rune, index) => rune === combo[index])) {\n this.slots = this.greenRuneImages.slice(0, this.slots.length);\n }\n }\n}\n\n","Level.js":"class Level {\n constructor(levelNumber, backgroundColor, runeArray, leftBoundary, rightBoundary) {\n this.levelNumber = levelNumber; // Level number\n this.backgroundColor = backgroundColor; // Background color for the level\n this.runeArray = runeArray; // Array of fruits for the level\n this.leftBoundary = leftBoundary; // Left boundary for the level\n this.rightBoundary = rightBoundary; // Right boundary for the level\n //this.runeArray.push(']');\n //this.runeArray.unshift('[');\n }\n\n drawLevel() {\n //background(this.backgroundColor); // Set the background color\n //this.displayRunes(); // Display the fruits specific to this level\n //image(wall, this.rightBoundary - cameraX + 80, 500, 50, 120); // Draw the wall image\n\n this.drawWalls();\n }\n\n displayRunes() {\n textSize(48); // Original text size for string runes\n textAlign(CENTER, CENTER);\n\n let centerX = width / 1.2;\n let centerY = height / 2;\n\n fill(0);\n\n for (let i = 0; i < this.runeArray.length; i++) {\n let posX = centerX / 2 + (i * 100) - (this.runeArray.length * 50) - cameraX - 50; // Adjusted position\n let posY = centerY - 35; // Move 50 units up\n if (typeof this.runeArray[i] === 'string') {\n text(this.runeArray[i], posX, centerY);\n } else if (this.runeArray[i]) {\n image(this.runeArray[i], posX - 30, posY, 72, 72); // Increased size to 72x72\n }\n }\n }\n\n drawWalls() {\n // Draw the left boundary wall\n for (let i = 0; i < 5; i++) { // Stack 5 wall segments vertically\n image(wall, this.leftBoundary - cameraX - 40, height - 140 - (i * 120), 50, 120);\n }\n\n // Draw the right boundary wall\n for (let i = 0; i < 5; i++) { // Stack 5 wall segments vertically\n image(wall, this.rightBoundary - cameraX + 80, height - 140 - (i * 120), 50, 120);\n }\n }\n\n}\n\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 runesBlack = []\n\nlet runesRed = []\n\nlet runesGreen = []\n\nlet cameraX = 0;\n\nlet currentLevel;\n\nconst levels = [];\n\nlet clouds = [];\n\nlet backgroundSpeed = 0.5;\n\nlet codex;\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 // 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 wall = loadImage(\"@asset('wall')\");\n\n rune_black_1 = loadImage(\"@asset('rune_black_1')\");\n rune_black_2 = loadImage(\"@asset('rune_black_2')\");\n rune_black_3 = loadImage(\"@asset('rune_black_3')\");\n rune_black_4 = loadImage(\"@asset('rune_black_4')\");\n rune_black_5 = loadImage(\"@asset('rune_black_5')\");\n rune_black_6 = loadImage(\"@asset('rune_black_6')\");\n\n rune_red_1 = loadImage(\"@asset('rune_red_1')\");\n rune_red_2 = loadImage(\"@asset('rune_red_2')\");\n rune_red_3 = loadImage(\"@asset('rune_red_3')\");\n rune_red_4 = loadImage(\"@asset('rune_red_4')\");\n rune_red_5 = loadImage(\"@asset('rune_red_5')\");\n rune_red_6 = loadImage(\"@asset('rune_red_6')\");\n\n rune_green_1 = loadImage(\"@asset('rune_green_1')\");\n rune_green_2 = loadImage(\"@asset('rune_green_2')\");\n rune_green_3 = loadImage(\"@asset('rune_green_3')\");\n rune_green_4 = loadImage(\"@asset('rune_green_4')\");\n rune_green_5 = loadImage(\"@asset('rune_green_5')\");\n rune_green_6 = loadImage(\"@asset('rune_green_6')\");\n\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n noSmooth();\n\n frameWidth = sprite.width / 3;\n frameHeight = sprite.height / 4;\n characterX = frameWidth * characterScaleFactor / 2;\n characterY = height - 20 - (frameHeight * characterScaleFactor);\n\n // Extract sprite frames\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 // Populate the rune arrays with already loaded images using a single for loop\n for (let i = 1; i <= 6; i++) {\n runesBlack.push(eval(`rune_black_${i}`));\n runesRed.push(eval(`rune_red_${i}`));\n runesGreen.push(eval(`rune_green_${i}`));\n }\n\n setupLevels(); // Initialize level data\n currentLevel = levels[0]; // Set the starting level\n\n // Initialize the codex with 4 slots using both black and green runes\n codex = new Codex(4, runesBlack, runesGreen); // Make sure to pass runesGreen here\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 // Center the codex on the screen\n codex.drawCodex(width / 2, 150);\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 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 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.5) { // 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 drawFloor() {\n // Draw a rectangle as the floor at the bottom of the screen\n fill(150); // Set the color of the floor\n rect(0, height - 20, width, 20); // Draw the rectangle (x, y, width, height)\n}\n\nfunction setupLevels() {\n levels.push(new Level(1, color(245, 222, 179), [runesBlack[0], runesBlack[1], runesBlack[2]], -windowWidth / 2, windowWidth));\n // Add more levels as needed\n}\n\nfunction mousePressed() {\n // Center the codex on the screen and check for clicks\n codex.handleMouseClick(mouseX, mouseY, width / 2, 150);\n}\n\n","style.css":"body {\r\n margin: 0;\r\n}\r\n\r\ncanvas {\r\n display: block;\r\n}","index.html":"\n\n\n\n \n \n Emoji Adventure Game\n \n \n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"name":"rune_green_6","created_at":"2025-12-16T23:24:06.153078Z","resource_type":"image","deleted":false,"id":89751,"creator":null,"project_id":10960,"cloudinary_id":"bznecxjs08spiyd5kzko","tags":[]},{"name":"rune_green_5","created_at":"2025-12-16T23:24:06.153019Z","resource_type":"image","deleted":false,"id":89750,"creator":null,"project_id":10960,"cloudinary_id":"gf30ociwl2ikxvotf82q","tags":[]},{"name":"rune_green_4","created_at":"2025-12-16T23:24:06.152962Z","resource_type":"image","deleted":false,"id":89749,"creator":null,"project_id":10960,"cloudinary_id":"yrorfdtlzrs89xveho2s","tags":[]},{"name":"rune_green_3","created_at":"2025-12-16T23:24:06.152897Z","resource_type":"image","deleted":false,"id":89748,"creator":null,"project_id":10960,"cloudinary_id":"x0qy9cxqoexthmfy2obt","tags":[]},{"name":"rune_green_2","created_at":"2025-12-16T23:24:06.152839Z","resource_type":"image","deleted":false,"id":89747,"creator":null,"project_id":10960,"cloudinary_id":"oaus76ewdc7zaewnih7y","tags":[]},{"name":"rune_green_1","created_at":"2025-12-16T23:24:06.152779Z","resource_type":"image","deleted":false,"id":89746,"creator":null,"project_id":10960,"cloudinary_id":"nlycslj5s8ncvs5zza0d","tags":[]},{"name":"rune_red_6","created_at":"2025-12-16T23:24:06.152692Z","resource_type":"image","deleted":false,"id":89745,"creator":null,"project_id":10960,"cloudinary_id":"xy3qbgthm0yx31tme7pa","tags":[]},{"name":"rune_red_5","created_at":"2025-12-16T23:24:06.152635Z","resource_type":"image","deleted":false,"id":89744,"creator":null,"project_id":10960,"cloudinary_id":"mej4dycuvs3syx5slydu","tags":[]},{"name":"rune_red_4","created_at":"2025-12-16T23:24:06.152573Z","resource_type":"image","deleted":false,"id":89743,"creator":null,"project_id":10960,"cloudinary_id":"at3spb9w857dv1eetpda","tags":[]},{"name":"rune_red_3","created_at":"2025-12-16T23:24:06.152511Z","resource_type":"image","deleted":false,"id":89742,"creator":null,"project_id":10960,"cloudinary_id":"seqjd7nntom5luyzvio8","tags":[]},{"name":"rune_red_2","created_at":"2025-12-16T23:24:06.152427Z","resource_type":"image","deleted":false,"id":89741,"creator":null,"project_id":10960,"cloudinary_id":"oxzapc6svpcm5tgx3azg","tags":[]},{"name":"rune_red_1","created_at":"2025-12-16T23:24:06.151967Z","resource_type":"image","deleted":false,"id":89740,"creator":null,"project_id":10960,"cloudinary_id":"srhqrihdusq8srfiujak","tags":[]},{"name":"rune_black_6","created_at":"2025-12-16T23:24:06.151912Z","resource_type":"image","deleted":false,"id":89739,"creator":null,"project_id":10960,"cloudinary_id":"pvo33deinv6ykgznbgjw","tags":[]},{"name":"rune_black_5","created_at":"2025-12-16T23:24:06.151857Z","resource_type":"image","deleted":false,"id":89738,"creator":null,"project_id":10960,"cloudinary_id":"u2dcz1bg1nygnixlc2iz","tags":[]},{"name":"rune_black_4","created_at":"2025-12-16T23:24:06.151801Z","resource_type":"image","deleted":false,"id":89737,"creator":null,"project_id":10960,"cloudinary_id":"v2yg3qclihqwcj5nvrfl","tags":[]},{"name":"rune_black_3","created_at":"2025-12-16T23:24:06.151744Z","resource_type":"image","deleted":false,"id":89736,"creator":null,"project_id":10960,"cloudinary_id":"h8fsn1rmiyv76oxyn1gx","tags":[]},{"name":"rune_black_1","created_at":"2025-12-16T23:24:06.151686Z","resource_type":"image","deleted":false,"id":89735,"creator":null,"project_id":10960,"cloudinary_id":"arizla90ghby18m085jh","tags":[]},{"name":"rune_black_2","created_at":"2025-12-16T23:24:06.151626Z","resource_type":"image","deleted":false,"id":89734,"creator":null,"project_id":10960,"cloudinary_id":"vmkqsy8nbceavutkdy4t","tags":[]},{"name":"wall","created_at":"2025-12-16T23:24:06.151547Z","resource_type":"image","deleted":false,"id":89733,"creator":null,"project_id":10960,"cloudinary_id":"hpovsqx0hqi9b7twksav","tags":[]},{"name":"clouds4","created_at":"2025-12-16T23:24:06.151403Z","resource_type":"image","deleted":false,"id":89732,"creator":null,"project_id":10960,"cloudinary_id":"bsp6kmkvxhnya8px7el3","tags":[]},{"name":"clouds3","created_at":"2025-12-16T23:24:06.151323Z","resource_type":"image","deleted":false,"id":89731,"creator":null,"project_id":10960,"cloudinary_id":"eqxx6rdvi9fx8ell8hgk","tags":[]},{"name":"clouds2","created_at":"2025-12-16T23:24:06.151221Z","resource_type":"image","deleted":false,"id":89730,"creator":null,"project_id":10960,"cloudinary_id":"c8m4g2hiqyialibx0fpa","tags":[]},{"name":"clouds1","created_at":"2025-12-16T23:24:06.151159Z","resource_type":"image","deleted":false,"id":89729,"creator":null,"project_id":10960,"cloudinary_id":"ivdfxb53r1yarejsbrsp","tags":[]},{"name":"sprite","created_at":"2025-12-16T23:24:06.151101Z","resource_type":"image","deleted":false,"id":89728,"creator":null,"project_id":10960,"cloudinary_id":"lgvrnhkf9stxuyfrxbqc","tags":[]},{"name":"sprite2","created_at":"2025-12-16T23:24:06.151042Z","resource_type":"image","deleted":false,"id":89727,"creator":null,"project_id":10960,"cloudinary_id":"btaav7wu1acxwwmyptoa","tags":[]},{"name":"sprite2Punch","created_at":"2025-12-16T23:24:06.150977Z","resource_type":"image","deleted":false,"id":89726,"creator":null,"project_id":10960,"cloudinary_id":"zpbspydqczejffiauttp","tags":[]},{"name":"spritePunch","created_at":"2025-12-16T23:24:06.150877Z","resource_type":"image","deleted":false,"id":89725,"creator":null,"project_id":10960,"cloudinary_id":"cd6glzfh87nhtirdeger","tags":[]}],"messages_sent":8,"comments":[],"steps":[]}