Emoji Adventure Game

{"name":"Base Intro Project with Runes","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/zpbspydqczejffiauttp","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2025-06-11T20:33:41.585536Z","updated_at":"2025-06-11T20:33:41.585538Z","user_id":166,"status":"PRIVATE","parent_id":8000,"id":8221,"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":{"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\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\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 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 levels.push(new Level(2, color(245, 222, 179), ['🍓', '🍍', '🍋'], -windowWidth, windowWidth));\n // Add more levels as needed\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":[{"project_id":8221,"message":"Let's get started!\n Errors:\n","created_at":"2025-08-02T06:24:09.596950Z","output_tokens":null,"deleted":0,"code_id":251378,"sender":"client_script","input_tokens":null,"id":167247},{"project_id":8221,"message":"Great! What kind of project would you like to work on today? Are you thinking about a game, a website, an animation, or something else? Let me know what you're interested in, and we can start planning!","created_at":"2025-08-02T06:24:12.753332Z","output_tokens":50,"deleted":0,"code_id":251378,"sender":"ai","input_tokens":5017,"id":167248},{"project_id":8221,"message":"Let's get started!\n Errors:\n","created_at":"2025-08-02T06:24:13.767527Z","output_tokens":null,"deleted":0,"code_id":251378,"sender":"client_script","input_tokens":null,"id":167249},{"project_id":8221,"message":"Great! What kind of project are you interested in making or expanding on today? Is it a game, a website, an animation, or perhaps something else? Let me know what you're thinking!","created_at":"2025-08-02T06:24:14.420289Z","output_tokens":44,"deleted":0,"code_id":251378,"sender":"ai","input_tokens":5017,"id":167250}],"assets":[{"created_at":"2025-06-11T20:33:15.441346Z","name":"spritePunch","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"cd6glzfh87nhtirdeger","deleted":false,"id":75671},{"created_at":"2025-06-11T20:33:15.440203Z","name":"sprite2Punch","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"zpbspydqczejffiauttp","deleted":false,"id":75670},{"created_at":"2025-06-11T20:33:15.439057Z","name":"sprite2","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"btaav7wu1acxwwmyptoa","deleted":false,"id":75669},{"created_at":"2025-06-11T20:33:15.437015Z","name":"sprite","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"lgvrnhkf9stxuyfrxbqc","deleted":false,"id":75668},{"created_at":"2025-06-11T20:33:15.435924Z","name":"clouds1","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"ivdfxb53r1yarejsbrsp","deleted":false,"id":75667},{"created_at":"2025-06-11T20:33:15.434496Z","name":"clouds2","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"c8m4g2hiqyialibx0fpa","deleted":false,"id":75666},{"created_at":"2025-06-11T20:33:15.433085Z","name":"clouds3","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"eqxx6rdvi9fx8ell8hgk","deleted":false,"id":75665},{"created_at":"2025-06-11T20:33:15.431972Z","name":"clouds4","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"bsp6kmkvxhnya8px7el3","deleted":false,"id":75664},{"created_at":"2025-06-11T20:33:15.430927Z","name":"wall","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"hpovsqx0hqi9b7twksav","deleted":false,"id":75663},{"created_at":"2025-06-11T20:33:15.429898Z","name":"rune_black_2","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"vmkqsy8nbceavutkdy4t","deleted":false,"id":75662},{"created_at":"2025-06-11T20:33:15.428825Z","name":"rune_black_1","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"arizla90ghby18m085jh","deleted":false,"id":75661},{"created_at":"2025-06-11T20:33:15.427881Z","name":"rune_black_3","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"h8fsn1rmiyv76oxyn1gx","deleted":false,"id":75660},{"created_at":"2025-06-11T20:33:15.426864Z","name":"rune_black_4","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"v2yg3qclihqwcj5nvrfl","deleted":false,"id":75659},{"created_at":"2025-06-11T20:33:15.425690Z","name":"rune_black_5","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"u2dcz1bg1nygnixlc2iz","deleted":false,"id":75658},{"created_at":"2025-06-11T20:33:15.424743Z","name":"rune_black_6","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"pvo33deinv6ykgznbgjw","deleted":false,"id":75657},{"created_at":"2025-06-11T20:33:15.423677Z","name":"rune_red_1","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"srhqrihdusq8srfiujak","deleted":false,"id":75656},{"created_at":"2025-06-11T20:33:15.422646Z","name":"rune_red_2","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"oxzapc6svpcm5tgx3azg","deleted":false,"id":75655},{"created_at":"2025-06-11T20:33:15.421691Z","name":"rune_red_3","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"seqjd7nntom5luyzvio8","deleted":false,"id":75654},{"created_at":"2025-06-11T20:33:15.420681Z","name":"rune_red_4","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"at3spb9w857dv1eetpda","deleted":false,"id":75653},{"created_at":"2025-06-11T20:33:15.419674Z","name":"rune_red_5","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"mej4dycuvs3syx5slydu","deleted":false,"id":75652},{"created_at":"2025-06-11T20:33:15.418683Z","name":"rune_red_6","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"xy3qbgthm0yx31tme7pa","deleted":false,"id":75651},{"created_at":"2025-06-11T20:33:15.417708Z","name":"rune_green_1","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"nlycslj5s8ncvs5zza0d","deleted":false,"id":75650},{"created_at":"2025-06-11T20:33:15.416541Z","name":"rune_green_2","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"oaus76ewdc7zaewnih7y","deleted":false,"id":75649},{"created_at":"2025-06-11T20:33:15.415495Z","name":"rune_green_3","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"x0qy9cxqoexthmfy2obt","deleted":false,"id":75648},{"created_at":"2025-06-11T20:33:15.414361Z","name":"rune_green_4","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"yrorfdtlzrs89xveho2s","deleted":false,"id":75647},{"created_at":"2025-06-11T20:33:15.413178Z","name":"rune_green_5","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"gf30ociwl2ikxvotf82q","deleted":false,"id":75646},{"created_at":"2025-06-11T20:33:15.412015Z","name":"rune_green_6","resource_type":"image","tags":null,"project_id":8221,"creator":null,"cloudinary_id":"bznecxjs08spiyd5kzko","deleted":false,"id":75645}],"messages_sent":0,"comments":[],"steps":[]}