Cooperative Platformer Madness

{"name":"Random Platformer","description":"Join forces with your friends in this wacky cooperative platformer adventure! Work together to overcome challenges, collect power-ups, and race to the top of the leaderboard!","photo":null,"view_count":15,"fork_count":1,"expires_at":null,"created_at":"2023-12-19T12:18:04.530682Z","updated_at":"2023-12-19T12:18:04.530685Z","user_id":5,"status":"PUBLIC","parent_id":5,"id":91,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let platforms = [];\nlet player;\nlet player2;\nlet ground;\nlet groundGraphics;\nlet isJumping = false;\nlet cursors;\nlet currentPlayer;\nlet arrow;\nlet time = 0; // Time elapsed\nlet level = 0;\nlet spawnPoint = { x: 0, y: 0 }; // Initialize spawnPoint\nlet message;\nlet portal;\nlet players = [];\n\n\nlet spawnPoints = [\n { spawnPoint: { x: 50, y: 600 } }, // Level 0\n { spawnPoint: { x: 200, y: 500 } }, // Level 1\n //... add more spawn points for higher levels\n];\n\n\n\n\n\n\n\nconst config = {\n type: Phaser.AUTO,\n scale: {\n mode: Phaser.Scale.FIT,\n autoCenter: Phaser.Scale.CENTER_BOTH,\n width: window.innerWidth,\n height: window.innerHeight,\n },\n physics: {\n default: 'arcade',\n arcade: {\n gravity: { y: 2500 }\n }\n },\n scene: {\n preload: preload,\n create: create,\n update: update\n },\n backgroundColor: '#ffffff' // Set the background color to white\n\n};\n\nconst game = new Phaser.Game(config);\n\nfunction preload() {\n // Preload assets\n this.load.image('platform', \"@asset('trialP')\");\n this.load.image('arrow', \"@asset('diamond')\");\n this.load.image('portal', \"@asset('orbY')\");\n\n\n\n // Load the \"idle\" sprite sheet\n this.load.spritesheet('idle', \"@asset('idle blob')\", { frameWidth: 16.4, frameHeight: 16 });\n this.load.spritesheet('walking', \"@asset('Walking blob')\", { frameWidth: 16.28, frameHeight: 16 });\n this.load.spritesheet('jumping', \"@asset('Jumping blob')\", { frameWidth: 16, frameHeight: 17 }); // Adjust frameWidth and frameHeight based on your sprite sheet\n\n\n}\nfunction create() {\n\n // Initialize the game over message as null\n message = null;\n\n\n\n // Create \"physical\" platforms which will interact with player\n platforms = this.physics.add.staticGroup();\n\n // Create \"physical\" platforms which will interact with player\n portal = this.physics.add.staticGroup();\n\n\n // Set the bottom of the game world as a \"dead zone\"\n this.physics.world.setBoundsCollision(true, true, true, false);\n\n createLevel(level, this);\n\n\n if (player) {\n // Add an overlap between the player and the \"dead zone\"\n this.physics.add.overlap(player, this.physics.world.bounds, () => {\n console.log('Player has fallen off.'); // Debugging line\n playerHitsGround(player, this);\n }, null, this);\n }\n\n if (player2) {\n // Add an overlap between the second player and the \"dead zone\"\n this.physics.add.overlap(player2, this.physics.world.bounds, () => {\n console.log('Player 2 has fallen off.'); // Debugging line\n playerHitsGround(player2, this);\n }, null, this);\n }\n\n // Capture keyboard input\n cursors = this.input.keyboard.createCursorKeys();\n\n // Add a key object for the tab key\n this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.TAB);\n // Add a key object for the space bar\n this.jumpKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE);\n\n // Add event listeners for 'playerTouchingRight' and 'playerTouchingLeft'\n this.events.on('playerTouchingRight', (touchingRight) => {\n console.log('Player touching right:', touchingRight);\n });\n this.events.on('playerTouchingLeft', (touchingLeft) => {\n console.log('Player touching left:', touchingLeft);\n });\n\n\n // Create the arrow sprite at an initial position\n arrow = this.add.sprite(100, 400, 'arrow');\n arrow.setScale(0.2);\n\n\n // Call displayMessage function\n displayMessage(level, 'Press Tab to switch players', this);\n\n\n\n // Enable debug rendering\n /*this.physics.world.createDebugGraphic();\n // Enable Physics debug mode\n this.physics.world.debugGraphic.visible = true;\n\n // Create a graphic to use as a button for enabling/disabling the debug rendering\n const debugGraphic = this.add.graphics();\n debugGraphic.fillStyle(0x00ff00, 1); // Green color\n debugGraphic.fillRect(10, 10, 100, 50);\n debugGraphic.setInteractive(new Phaser.Geom.Rectangle(10, 10, 100, 50), Phaser.Geom.Rectangle.Contains);\n debugGraphic.on('pointerdown', () => this.physics.world.debugGraphic.visible = !this.physics.world.debugGraphic.visible);\n*/\n\n}\n\n\nfunction update() {\n\n const gameContext = this;\n\n\n // Check if the tab key is pressed\n if (this.input.keyboard.checkDown(this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.TAB), 1000)) {\n // Switch the current player\n if (currentPlayer === player) {\n currentPlayer = player2;\n if (player) player.setVelocityX(0);\n } else {\n currentPlayer = player;\n if (player2) player2.setVelocityX(0);\n }\n }\n\n\n // Manually update the camera's scroll position\n if (currentPlayer) {\n this.cameras.main.scrollX = currentPlayer.x - this.cameras.main.width / 2;\n this.cameras.main.scrollY = currentPlayer.y - this.cameras.main.height / 2;\n }\n\n\n // Check for overlap between players\n if (player && player2 && Phaser.Geom.Intersects.RectangleToRectangle(player.getBounds(), player2.getBounds())) {\n // If the players are overlapping horizontally, make the inactive player translucent\n if (currentPlayer === player) {\n player2.setAlpha(0.5);\n } else {\n player.setAlpha(0.5);\n }\n } else {\n // If the players are not overlapping, make both players fully visible\n if (player) player.setAlpha(1);\n if (player2) player2.setAlpha(1);\n }\n\n // Stop the current player from moving when no keys are pressed\n if (currentPlayer) currentPlayer.setVelocityX(0);\n\n if (player) {\n // Update the wall sensors' positions\n player.rightWallSensor.x = player.x + player.body.width / 2;\n player.rightWallSensor.y = player.y;\n player.leftWallSensor.x = player.x - player.body.width / 2;\n player.leftWallSensor.y = player.y;\n\n // Update the wall sensors' velocities to match the player's\n player.rightWallSensor.body.velocity.y = player.body.velocity.y;\n player.leftWallSensor.body.velocity.y = player.body.velocity.y;\n\n }\n\n\n if (cursors.left.isDown) {\n currentPlayer.setVelocityX(-340);\n currentPlayer.setFlipX(false);\n movingLeft = true;\n } else if (cursors.right.isDown) {\n currentPlayer.setVelocityX(340);\n currentPlayer.setFlipX(true);\n movingRight = true;\n }\n\n // Use the jumpKey for jumping\n if (Phaser.Input.Keyboard.JustDown(this.jumpKey)) {\n if (player.rightWallSensor.body.touching.right) {\n // Wall jump when touching right wall\n currentPlayer.setVelocityY(-700);\n currentPlayer.setVelocityX(-340);\n currentPlayer.jumps = 2; // Reset jump count after wall jump\n } else if (player.leftWallSensor.body.touching.left) {\n // Wall jump when touching left wall\n currentPlayer.setVelocityY(-700);\n currentPlayer.setVelocityX(340);\n currentPlayer.jumps = 2; // Reset jump count after wall jump\n } else if (currentPlayer.body.touching.down) {\n currentPlayer.setVelocityY(-700);\n currentPlayer.jumps = 1; // Increment jump count when touching the ground\n\n } else if (currentPlayer.jumps < 1) {\n currentPlayer.setVelocityY(-700);\n currentPlayer.jumps++; // Only increment jump count if already in the air\n }\n }\n\n // Reset jump count when the player is on the ground\n if (currentPlayer.body.touching.down) {\n currentPlayer.jumps = 0;\n }\n\n // Check if any player has fallen off\n players.forEach((player, index) => {\n if (player && player.y > this.sys.game.config.height) {\n console.log(`Player ${index + 1} has fallen off.`); // Debugging line\n playerHitsGround(player, this);\n }\n });\n\n // Check if all players have fallen off\n if (players.every(player => player && player.toBeDestroyed)) {\n // If all players have fallen off, end the game or restart the level\n console.log('All players have fallen off.'); // Debugging line\n endGameOrRestartLevel(this);\n }\n\n // Position the arrow above the current player\n if (currentPlayer) {\n arrow.x = currentPlayer.x;\n arrow.y = currentPlayer.y - currentPlayer.height - 30 + 10 * Math.sin(time);\n }\n\n // Update the time variable\n time += 0.01;\n\n\n\n}\n\n\n\nfunction createLevel(level, gameContext) {\n // Clear all existing platforms\n platforms.clear(true, true);\n portal.clear(true, true)\n\n\n // Get the spawnPoint from the spawnPoints array\n spawnPoint = spawnPoints[level].spawnPoint;\n\n\n switch (level) {\n case 0:\n // Tutorial level\n platforms.create(spawnPoint.x, spawnPoint.y + 60, 'platform').setScale(3, 0.6).refreshBody();\n platforms.create(spawnPoint.x + 240, spawnPoint.y, 'platform').setScale(2, 0.6).refreshBody();\n platforms.create(spawnPoint.x + 480, spawnPoint.y, 'platform').setScale(2, 0.6).refreshBody();\n platforms.create(spawnPoint.x + 600 + 60, spawnPoint.y, 'platform').setScale(8, 0.6).refreshBody();\n\n platforms.create(spawnPoint.x + 1300, spawnPoint.y, 'platform').setScale(2, 0.6).refreshBody();\n platforms.create(spawnPoint.x + 1700, spawnPoint.y, 'platform').setScale(2, 0.6).refreshBody();\n platforms.create(spawnPoint.x + 2100, spawnPoint.y, 'platform').setScale(10, 0.6).refreshBody();\n\n // Create a vertical platform to the right of the last platform\n platforms.create(spawnPoint.x + 2100 + (20 * 20), spawnPoint.y - (30 * 25) / 2, 'platform').setScale(0.3, 10).refreshBody();\n platforms.create(spawnPoint.x + 2100 + (20 * 20) - 180, spawnPoint.y - (30 * 25) / 2 - 160, 'platform').setScale(0.3, 10).refreshBody();\n\n //let portalSprite = portal.create(spawnPoint.x + 1680, spawnPoint.y - 80, 'portal'); \n //portalSprite.setScale(0.3);\n //let bodySize = 15;\n //portalSprite.body.setSize(bodySize, bodySize);\n //portalSprite.body.setOffset((portalSprite.width - bodySize) / 2, (portalSprite.height - bodySize) / 2);\n\n break;\n case 1:\n platforms.create(200, 500, 'platform').refreshBody();\n platforms.create(400, 400, 'platform').refreshBody();\n platforms.create(600, 300, 'platform').refreshBody();\n break;\n case 2:\n platforms.create(100, 500, 'platform').refreshBody();\n platforms.create(300, 400, 'platform').refreshBody();\n platforms.create(500, 300, 'platform').refreshBody();\n platforms.create(700, 200, 'platform').refreshBody();\n break;\n default:\n console.log(\"Level not found.\");\n return;\n }\n\n\n\n // Create the players\n player = gameContext.physics.add.sprite(spawnPoint.x, spawnPoint.y, 'idle', 0).setScale(3);\n player.setCollideWorldBounds(true);\n player.jumps = 0; // Add this line\n\n // Create the wall sensors\n player.rightWallSensor = gameContext.physics.add.sprite(0, 0, null);\n player.rightWallSensor.body.setSize(2, player.height - 2);\n player.rightWallSensor.body.setOffset(player.width / 2 + 8, 1);\n player.rightWallSensor.setVisible(false);\n player.rightWallSensor.body.enable = true;\n\n\n player.leftWallSensor = gameContext.physics.add.sprite(0, 0, null);\n player.leftWallSensor.body.setSize(2, player.height - 2);\n player.leftWallSensor.body.setOffset(-player.width / 2 - 8, 1);\n player.leftWallSensor.setVisible(false);\n\n player.leftWallSensor.body.enable = true;\n\n // Add overlap between the wall sensors and platforms\n gameContext.physics.add.overlap(player.rightWallSensor, platforms, () => {\n console.log('Right sensor is touching a wall');\n });\n gameContext.physics.add.overlap(player.leftWallSensor, platforms, () => {\n console.log('Left sensor is touching a wall');\n });\n\n gameContext.physics.add.collider(player, platforms);\n gameContext.physics.add.overlap(player, gameContext.physics.world.bounds, () => {\n console.log('Player has fallen off.'); // Debugging line\n playerHitsGround(player, this);\n }, null, gameContext);\n\n\n\n if (level !== 0) {\n player2 = gameContext.physics.add.sprite(spawnPoint.x + 50, spawnPoint.y, 'idle', 0).setScale(3);\n player2.setCollideWorldBounds(true);\n player2.jumps = 0; // And this line\n gameContext.physics.add.collider(player2, platforms);\n gameContext.physics.add.overlap(player2, gameContext.physics.world.bounds, () => {\n console.log('Player 2 has fallen off.'); // Debugging line\n playerHitsGround(player2, this);\n }, null, gameContext);\n }\n\n\n // Add collision handler between players\n gameContext.physics.add.overlap(player, player2, (player, player2) => {\n // Check if players are overlapping horizontally\n if ((player.body.touching.right && player2.body.touching.left) ||\n (player.body.touching.left && player2.body.touching.right)) {\n // Make inactive player translucent\n if (currentPlayer === player) {\n player2.setAlpha(0.5);\n } else {\n player.setAlpha(0.5);\n }\n } else {\n // If players are not overlapping horizontally, make both players fully visible\n player.setAlpha(1);\n player2.setAlpha(1);\n }\n\n // Check for vertical collision and increase jump\n // Check if player is on top of player2\n if (player.body.touching.down && player2.body.touching.up && currentPlayer === player) {\n // Apply an extra 30% upwards velocity to player\n player.setVelocityY(-1235);\n }\n // Check if player2 is on top of player\n else if (player2.body.touching.down && player.body.touching.up && currentPlayer === player2) {\n // Apply an extra 30% upwards velocity to player2\n player2.setVelocityY(-1235);\n }\n });\n\n\n players = level === 0 ? [player] : [player, player2];\n\n // Set the first player as the current player\n currentPlayer = player;\n\n\n // Create an animation for the player using the \"idle\" sprite sheet\n gameContext.anims.create({\n key: 'idle',\n frames: gameContext.anims.generateFrameNumbers('idle', { start: 0, end: 4 }),\n frameRate: 10,\n repeat: -1\n });\n\n\n // Set the player's default animation to \"idle\"\n player.anims.play('idle');\n\n // Create an animation for the player using the \"walking\" sprite sheet\n gameContext.anims.create({\n key: 'walking',\n frames: gameContext.anims.generateFrameNumbers('walking', { start: 0, end: 6 }), // Now ends at 6\n frameRate: 10,\n repeat: -1\n });\n\n // Create an animation for the player using the \"jumping\" sprite sheet\n gameContext.anims.create({\n key: 'jumping',\n frames: gameContext.anims.generateFrameNumbers('jumping', { start: 0, end: 9 }),\n frameRate: 10,\n repeat: -1\n });\n\n\n if (player2) { // Add collision between the second player and platforms\n gameContext.physics.add.collider(player2, platforms);\n }\n\n\n // Add an overlap between the players and the portal\n gameContext.physics.add.overlap(player, portal, () => levelCompleted(gameContext));\n if (player2) {\n gameContext.physics.add.overlap(player2, portal, () => levelCompleted(gameContext));\n }\n\n // Define the width and height of your game level\n let levelWidth = Math.max(...platforms.getChildren().map(platform => platform.x));\n let levelHeight = gameContext.sys.game.config.height;\n\n // Update the world bounds to match the size of the level\n gameContext.physics.world.setBounds(0, 0, levelWidth, levelHeight);\n\n\n}\n\nfunction displayMessage(level, messageText, game) {\n // Create a text object to display the message\n message = game.add.text(game.sys.game.config.width / 2, 50, '', {\n font: '24px Permanent Marker',\n stroke: '#000000', // Set the stroke color to black\n fill: '#000000',\n strokeThickness: 2, // Set the stroke thickness to 2\n align: 'center', // Center align the text\n }).setOrigin(0.5); // Center the text\n\n // Display the message based on the level\n switch (level) {\n case 0:\n // Do not display a message for level 0\n break;\n case 1:\n // Display the message only if messageText is not empty\n if (messageText) {\n // Create a timed event that triggers after 3 seconds\n game.time.delayedCall(1500, () => {\n // Update the text of the message\n message.setText(messageText);\n\n // Create another timed event that triggers after 1 second\n game.time.delayedCall(1000, () => {\n // Create a tween that fades out the message over 1.5 seconds\n game.tweens.add({\n targets: message,\n alpha: 0, // Fade to transparent\n duration: 1500, // Over 1.5 seconds\n });\n });\n });\n }\n break;\n // Add more cases for additional levels...\n default:\n console.log(\"Level not found.\");\n return;\n }\n}\nfunction endGameOrRestartLevel(gameContext) {\n console.log('Game over or level restart triggered.'); // Debugging line\n\n // Call createLevel function to update the spawnPoint\n createLevel(level, gameContext);\n\n // Call respawnPlayers to reset player states and reposition them\n respawnPlayers(gameContext);\n}\n\n\nfunction respawnPlayers(gameContext) {\n // Reset the state of each player\n players.forEach(player => {\n if (player) {\n // Reposition the player at the spawn point\n player.x = spawnPoint.x;\n player.y = spawnPoint.y;\n\n // Reset the player's velocity\n player.setVelocity(0, 0);\n\n // Unmark the player for destruction\n player.toBeDestroyed = false;\n }\n });\n\n // Reset the current player to the first player\n currentPlayer = players[0];\n}\nfunction playerHitsGround(player) {\n // Mark the player for destruction\n player.toBeDestroyed = true;\n}\n\n/*\nfunction levelCompleted(gameContext) {\n console.log('Level completed!'); // Debugging line\n\n // Increase the level index\n level++;\n\n // Call createLevel function to update the spawnPoint and create the next level\n createLevel(level, gameContext);\n\n // Call respawnPlayers to reset player states and reposition them\n respawnPlayers(gameContext);\n}\n*/\n\n\n/*\n // Create a text object to display the message\n let message = this.add.text(this.sys.game.config.width / 2, 50, '', {\n font: '24px Permanent Marker',\n stroke: '#000000', // Set the stroke color to black\n fill: '#000000',\n strokeThickness: 2, // Set the stroke thickness to 2\n align: 'center', // Center align the text\n }).setOrigin(0.5); // Center the text\n\n // Create a timed event that triggers after 3 seconds\n this.time.delayedCall(1500, () => {\n // Update the text of the message\n message.setText('Press Tab to switch players');\n\n // Create another timed event that triggers after 1 second\n this.time.delayedCall(1000, () => {\n // Create a tween that fades out the message over 1.5 seconds\n this.tweens.add({\n targets: message,\n alpha: 0, // Fade to transparent\n duration: 1500, // Over 1.5 seconds\n });\n });\n });\n */","style.css":"","index.html":"\n\n\n\n \n \n Cooperative Platformer Madness\n \n\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"project_id":91,"creator":null,"cloudinary_id":"o8rctuqdlqo3i8awk3pp","deleted":false,"id":142,"created_at":"2023-12-19T12:18:04.550424Z","name":"trialCat","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"uhyeviwgs0owgyxsbh4a","deleted":false,"id":141,"created_at":"2023-12-19T12:18:04.549251Z","name":"trialP","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"arazqvr6i1s1k9r4wqa3","deleted":false,"id":140,"created_at":"2023-12-19T12:18:04.547910Z","name":"groundTrial","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"sajp4kwzbmosfez0or8c","deleted":false,"id":139,"created_at":"2023-12-19T12:18:04.546634Z","name":"idle blob","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"zqtnwv3smxysyv3gs1ep","deleted":false,"id":138,"created_at":"2023-12-19T12:18:04.545331Z","name":"Jumping blob","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"otil0u3nzrwcg9lfdyrh","deleted":false,"id":137,"created_at":"2023-12-19T12:18:04.544193Z","name":"Walking blob","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"nebd4b6o1k733privorq","deleted":false,"id":136,"created_at":"2023-12-19T12:18:04.542779Z","name":"diamond","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"nseekaswawr77ojdvjlp","deleted":false,"id":135,"created_at":"2023-12-19T12:18:04.541394Z","name":"floorTry","resource_type":"image","tags":null},{"project_id":91,"creator":null,"cloudinary_id":"ohysr6ne3b8nrw1ygmdv","deleted":false,"id":134,"created_at":"2023-12-19T12:18:04.539935Z","name":"orbY","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[{"title":"Multiplayer Madness","instruction":"Establish real-time communication between players using a web socket library like Socket.IO.","created_at":"2023-12-12T12:21:52.261186","project_id":91,"complete":false,"step_number":0,"updated_at":"2023-12-19T12:18:04.534382","id":635},{"title":"Level Lunacy","instruction":"Create different levels with unique challenges, platforms, and obstacles using Phaser or p5.js.","created_at":"2023-12-12T12:21:52.261255","project_id":91,"complete":false,"step_number":1,"updated_at":"2023-12-19T12:18:04.534458","id":636},{"title":"Character Craziness","instruction":"Implement a character selection feature with different abilities or attributes for players to choose from.","created_at":"2023-12-12T12:21:52.261309","project_id":91,"complete":false,"step_number":2,"updated_at":"2023-12-19T12:18:04.534506","id":637},{"title":"Power-up Pandemonium","instruction":"Include power-ups or special items that enhance players' abilities and provide temporary boosts.","created_at":"2023-12-12T12:21:52.261351","project_id":91,"complete":false,"step_number":3,"updated_at":"2023-12-19T12:18:04.534551","id":638},{"title":"Leaderboard Lunacy","instruction":"Implement a real-time leaderboard to track players' scores and completion times.","created_at":"2023-12-12T12:21:52.261391","project_id":91,"complete":false,"step_number":4,"updated_at":"2023-12-19T12:18:04.534594","id":639},{"title":"Cooperative Chaos","instruction":"Design cooperative puzzles and challenges that require players to work together and communicate effectively.","created_at":"2023-12-12T12:21:52.261431","project_id":91,"complete":false,"step_number":5,"updated_at":"2023-12-19T12:18:04.534668","id":640}]}