Silly Square Adventure: Obstacle Odyssey

{"name":"Silly Square Adventure: Obstacle Odyssey","description":"Embark on a wacky adventure with Silly Square! Navigate through challenging obstacles, avoid pesky enemies, and collect exciting rewards in this fun and addictive game with lively sprites and unique obstacles!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-06-17T13:25:16.932647Z","updated_at":"2024-06-17T13:25:16.932652Z","user_id":9,"status":"PUBLIC","parent_id":1923,"id":1959,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let character, enemy;\nlet characterIdle, characterMove, characterJumpUp, characterJumpDown, characterAttack1, characterAttack2;\nlet spikePositions;\nlet gravity = 0.5;\nlet jumpStrength = -7;\nlet isOnGround = false;\nlet groundHeight = 50;\nlet isAttacking = false; // Flag to indicate if the character is attacking\n\nfunction preload() {\n console.log(\"Preloading assets...\");\n\n // Preload all character animations using existing assets or local paths\n characterIdle = loadAnimation(\"@asset('knight idle')\"); // Preload idle animation\n characterMove = loadAnimation(\"@asset('knight1')\"); // Preload move animation\n characterJumpUp = loadAnimation(\"@asset('jump')\"); // Preload jump up animation\n characterJumpDown = loadAnimation(\"@asset('jumpfall')\"); // Preload jump down animation\n characterAttack1 = loadAnimation(\"@asset('attack1')\"); // Preload first attack animation\n characterAttack2 = loadAnimation(\"@asset('attack2')\"); // Preload second attack animation\n\n // Ensure attack animations do not loop\n characterAttack1.looping = false;\n characterAttack2.looping = false;\n\n // Set animation frame delays to slow down the animations to 0.5x speed\n characterIdle.frameDelay = 4; // Adjust frame delay for idle animation\n characterMove.frameDelay = 4; // Adjust frame delay for move animation\n characterJumpUp.frameDelay = 4; // Adjust frame delay for jump up animation\n characterJumpDown.frameDelay = 4; // Adjust frame delay for jump down animation\n characterAttack1.frameDelay = 4; // Adjust frame delay for first attack animation\n characterAttack2.frameDelay = 4; // Adjust frame delay for second attack animation\n\n console.log(\"Assets preloaded.\");\n}\n\nfunction setup() {\n console.log(\"Setting up the canvas and sprites...\");\n createCanvas(800, 600);\n\n // Create character sprite\n character = createSprite(width / 4, height - groundHeight - 25, 50, 50);\n character.addAnimation('idle', characterIdle); // Add idle animation\n character.addAnimation('move', characterMove); // Add move animation\n character.addAnimation('jump_up', characterJumpUp); // Add jump up animation\n character.addAnimation('jump_down', characterJumpDown); // Add jump down animation\n character.addAnimation('attack1', characterAttack1); // Add first attack animation\n character.addAnimation('attack2', characterAttack2); // Add second attack animation\n\n // Scale the character sprite to increase its size\n character.scale = 1.5; // Increase the size by 1.5 times\n\n // Create enemy sprite\n enemy = createSprite((3 * width) / 4, height - groundHeight - 25, 50, 50);\n enemy.shapeColor = color(255, 0, 0); // Set enemy color to red\n\n // Define positions for spikes\n spikePositions = [\n { x: 200, y: height - groundHeight },\n { x: 400, y: height - groundHeight },\n { x: 600, y: height - groundHeight }\n ];\n\n console.log(\"Setup complete.\");\n}\n\nfunction draw() {\n console.log(\"Drawing frame...\");\n background(220); // Clear the canvas\n\n // Handle character movement and animations\n handleCharacterMovement();\n\n // Apply gravity\n character.velocity.y += gravity;\n\n // Update character position based on velocity\n character.position.y += character.velocity.y;\n\n // Check if the character is on the ground\n if (character.position.y >= height - groundHeight - 25) {\n character.position.y = height - groundHeight - 25;\n character.velocity.y = 0;\n isOnGround = true;\n } else {\n isOnGround = false;\n }\n\n // Draw the ground\n drawGround();\n\n // Draw spikes\n drawSpikes();\n\n // Check if attack animation is complete\n if (isAttacking && !character.animation.playing) {\n console.log(\"Attack animation complete\");\n onAttackComplete();\n }\n\n // Draw all the sprites\n drawSprites();\n console.log(\"Frame drawn.\");\n}\n\nfunction handleCharacterMovement() {\n if (isAttacking) return; // Prevent other animations if attacking\n\n let isMoving = false;\n\n // Handle right movement\n if (keyDown('D')) {\n character.changeAnimation('move'); // Switch to move animation\n character.mirrorX(1); // Ensure sprite faces right\n character.position.x += 5; // Move right\n isMoving = true;\n }\n\n // Handle left movement\n if (keyDown('A')) {\n character.changeAnimation('move'); // Switch to move animation\n character.mirrorX(-1); // Flip sprite to face left\n character.position.x -= 5; // Move left\n isMoving = true;\n }\n\n // Switch to idle animation when left or right keys are released\n if (keyWentUp('D') || keyWentUp('A')) {\n character.changeAnimation('idle'); // Switch to idle animation when keys are released\n }\n\n // Handle jumping\n if (keyWentDown('SPACE') && isOnGround) {\n character.changeAnimation('jump_up'); // Switch to jump up animation\n character.velocity.y = jumpStrength; // Jump\n isMoving = true;\n }\n\n // Switch to jump down animation when falling\n if (character.velocity.y > 0 && character.getAnimationLabel() !== 'jump_down') {\n character.changeAnimation('jump_down'); // Switch to jump down animation\n }\n\n // Handle first attack (left click)\n if (mouseWentDown(LEFT)) {\n character.changeAnimation('attack1'); // Switch to first attack animation\n isAttacking = true; // Set attacking flag\n character.animation.rewind(); // Rewind the animation to the start\n character.animation.playing = true; // Ensure the attack animation plays\n return; // Exit to ensure attack animation plays uninterrupted\n }\n\n // Handle second attack (right click)\n if (mouseWentDown(RIGHT)) {\n character.changeAnimation('attack2'); // Switch to second attack animation\n isAttacking = true; // Set attacking flag\n character.animation.rewind(); // Rewind the animation to the start\n character.animation.playing = true; // Ensure the attack animation plays\n return; // Exit to ensure attack animation plays uninterrupted\n }\n\n // Switch to idle animation if character is not moving and is on the ground\n if (!isMoving && isOnGround && character.getAnimationLabel() !== 'idle') {\n character.changeAnimation('idle');\n }\n}\n\nfunction onAttackComplete() {\n console.log(\"onAttackComplete called\");\n isAttacking = false; // Reset attacking flag when attack animation is complete\n character.changeAnimation('idle'); // Switch back to idle animation\n}\n\nfunction drawGround() {\n fill(100, 200, 100); // Set the color for the ground\n rect(0, height - groundHeight, width, groundHeight); // Draw the ground as a rectangle at the bottom of the canvas\n}\n\nfunction drawSpikes() {\n fill(255, 0, 0); // Set the color for the spikes\n for (let pos of spikePositions) {\n drawSpike(pos.x, pos.y);\n }\n}\n\nfunction drawSpike(x, y) {\n triangle(x, y, x + 20, y, x + 10, y - 20); // Draw a triangle to represent a spike\n}","style.css":"","index.html":"\n\n\n\n \n \n Silly Square Adventure: Obstacle Odyssey\n \n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"name":"knight1","cloudinary_id":"irnt276clhzvohbq9lvh","resource_type":"image","id":8622,"project_id":1959,"created_at":"2024-06-17T13:25:16.957504Z","deleted":false},{"name":"knight idle","cloudinary_id":"xymrbgjbgitxioght58k","resource_type":"image","id":8621,"project_id":1959,"created_at":"2024-06-17T13:25:16.956136Z","deleted":false},{"name":"jump","cloudinary_id":"idzbbbrno3wgubnezjwk","resource_type":"image","id":8620,"project_id":1959,"created_at":"2024-06-17T13:25:16.954730Z","deleted":false},{"name":"jumpfall","cloudinary_id":"gedes8kpinf0uubf8cvn","resource_type":"image","id":8619,"project_id":1959,"created_at":"2024-06-17T13:25:16.953030Z","deleted":false},{"name":"attack1","cloudinary_id":"dz60g2xbnm4luvj7hsxl","resource_type":"image","id":8618,"project_id":1959,"created_at":"2024-06-17T13:25:16.951160Z","deleted":false},{"name":"attack2","cloudinary_id":"dz60g2xbnm4luvj7hsxl","resource_type":"image","id":8617,"project_id":1959,"created_at":"2024-06-17T13:25:16.947861Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[{"step_number":0,"complete":false,"updated_at":"2024-06-17T13:25:16.936903","id":9991,"title":"Visible Silly Squares","instruction":"Make the character and enemy squares visible on the screen with animated sprites or emojis.","created_at":"2024-06-15T21:42:53.427069","project_id":1959},{"step_number":1,"complete":false,"updated_at":"2024-06-17T13:25:16.937051","id":9992,"title":"User Input and Movement Controls","instruction":"Allow movement using WASD and arrow keys, as well as mouse input when appropriate.","created_at":"2024-06-15T21:42:53.427132","project_id":1959},{"step_number":2,"complete":false,"updated_at":"2024-06-17T13:25:16.937140","id":9993,"title":"Engaging Obstacles and Collectibles","instruction":"Include various obstacles such as moving platforms, spikes, and collectibles like coins and power-ups in the procedurally generated levels.","created_at":"2024-06-15T21:42:53.427176","project_id":1959},{"step_number":3,"complete":false,"updated_at":"2024-06-17T13:25:16.937225","id":9994,"title":"Game Logic","instruction":"Incorporate scoring, collision detection, and timers to create an entertaining and challenging gameplay experience.","created_at":"2024-06-15T21:42:53.427218","project_id":1959},{"step_number":4,"complete":false,"updated_at":"2024-06-17T13:25:16.937312","id":9995,"title":"Level Design","instruction":"Create multiple levels with increasing difficulty and unique challenges to keep players engaged.","created_at":"2024-06-15T21:42:53.427259","project_id":1959},{"step_number":5,"complete":false,"updated_at":"2024-06-17T13:25:16.937387","id":9996,"title":"Sound Effects and Music","instruction":"Add engaging sound effects and background music to enhance the overall gaming experience.","created_at":"2024-06-15T21:42:53.427299","project_id":1959}]}