{"name":"Emoji Adventure","description":"Embark on a colorful journey in 'Emoji Adventure'! In this fun-filled game, you'll navigate through a vibrant world filled with emojis, dodging obstacles and collecting points along the way. Use your keyboard and mouse to control your character and experience the excitement of a playful digital adventure!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-02-05T14:40:23.260878Z","updated_at":"2025-02-05T14:40:23.260882Z","user_id":5,"status":"PRIVATE","parent_id":null,"id":5752,"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":"// Start of library code\nclass Deck {\n constructor(amount = 1) {\n this.defaultCards = [\n { name: \"2\", short: \"2\", value: 2 },\n { name: \"3\", short: \"3\", value: 3 },\n { name: \"4\", short: \"4\", value: 4 },\n { name: \"5\", short: \"5\", value: 5 },\n { name: \"6\", short: \"6\", value: 6 },\n { name: \"7\", short: \"7\", value: 7 },\n { name: \"8\", short: \"8\", value: 8 },\n { name: \"9\", short: \"9\", value: 9 },\n { name: \"10\", short: \"10\", value: 10 },\n { name: \"Jack\", short: \"J\", value: 10 },\n { name: \"Queen\", short: \"Q\", value: 10 },\n { name: \"King\", short: \"K\", value: 10 },\n { name: \"Ace\", short: \"A\", value: 11 },\n\n ];\n this.suits = [\"♠️\", \"♣️\", \"♥️\", \"♦️\"];\n this.cards = [];\n this.amount = amount;\n for (let i = 0; i < amount; i++)\n for (let suit of this.suits) {\n let cards = JSON.parse(JSON.stringify(this.defaultCards));\n for (let card of cards) {\n card.suit = suit;\n card.suitname = suit == \"♠️\" ? \"Spades\" : suit == \"♣️\" ? \"Clubs\" : suit == \"♥️\" ? \"Hearts\" : suit == \"❄️\" ? \"Flakes\" : \"Diamonds\";\n card.image = card.suit + card.short;\n card.full = `${card.suitname} ${card.name}`;\n }\n this.cards = this.cards.concat(cards);\n }\n\n this.cards = this.cards.sort(() => Math.random() - 0.5);\n }\n getRandomCard() {\n return this.cards.shift();\n }\n getPair() {\n let card1 = this.getRandomCard();\n let card2 = this.getRandomCard();\n\n if (card1.short === \"A\" && card2.short === \"A\") {\n card1.value = 99;\n card2.value = 0;\n }\n\n return [card1, card2, card1.value + card2.value];\n }\n};\n\nclass Blackjack {\n constructor(bet = 100, amount = 1) {\n this.deck = new Deck(amount);\n this.bet = bet;\n this.amount = amount;\n this.status = 0; // 0 - playing, 1 - win, 2 - bust, 3 - push\n this.player = {\n score: 0,\n cards: []\n }\n this.dealer = {\n score: 0,\n cards: []\n }\n }\n init() {\n let playerCards = this.deck.getPair(this.type);\n let dealerCard = this.deck.getRandomCard();\n\n this.player.score += playerCards[2];\n this.dealer.score += dealerCard.value;\n\n this.player.cards.push(playerCards[0], playerCards[1]);\n this.dealer.cards.push(dealerCard);\n if (this.player.score === 21) {\n this.status = 1;\n this.bet *= 1.5;\n this.event(\"blackjack\");\n } else this.event(\"init\");\n }\n hit(noEvent) {\n if (this.status !== 0) return;\n this.player.cards.push(this.deck.getRandomCard());\n this.player.score += this.player.cards.reverse()[0].value;\n if (this.player.score === 21) {\n let dcard = this.deck.getRandomCard();\n this.dealer.cards.push(dcard);\n this.dealer.score += dcard.value;\n\n if (this.dealer.score === 21) {\n this.status = 3;\n this.event(\"push\");\n } else {\n this.status = 1;\n this.event(\"win\");\n }\n } else if (this.player.score > 21) {\n if (this.player.cards.find(card => card.short === \"A\" && card.value === 11)) {\n let card = this.player.cards.find(card => card.short === \"A\" && card.value === 11);\n card.value = 1;\n this.player.score -= 10;\n if (!noEvent) this.event(\"hit\");\n } else {\n this.status = 2;\n this.event(\"bust\");\n }\n } else if (!noEvent) this.event(\"hit\");\n }\n stand() {\n if (this.status !== 0) return;\n\n while (this.dealer.score < 17) {\n this.dealer.cards.push(this.deck.getRandomCard());\n let val = this.dealer.cards.reverse()[0].value;\n this.dealer.score += val\n }\n if (this.player.score === this.dealer.score) {\n this.status = 3;\n this.event(\"push\");\n } else if (this.player.score > 21 || (this.dealer.score === 21 && this.player.score !== 21) || (this.dealer.score > this.player.score && this.dealer.score <= 21)) {\n this.status = 2;\n this.event(\"bust\");\n } else if (this.player.score === 21 || this.player.score > this.dealer.score || this.dealer.score > 21) {\n this.status = 1;\n this.event(\"win\");\n }\n }\n doubleDown() {\n this.bet *= 2;\n this.hit(true);\n this.stand();\n }\n event(name) { } // init, hit, win, bust, push, blackjack\n};\n\n// End of library code\n// JavaScript code to initialize and control the game\nlet game;\n\nwindow.onload = function () {\n // Initialize the game when the page loads\n game = new Blackjack();\n game.init();\n updateDisplay();\n}\n\n// Function to update the game status and cards display\n// Function to update the game status and cards display\nfunction updateDisplay() {\n const playerCardsDiv = document.getElementById('player-cards');\n const dealerCardsDiv = document.getElementById('dealer-cards');\n const gameStatusDiv = document.getElementById('game-status');\n const playAgainButton = document.getElementById('play-again-button');\n\n // Display player's cards and total score\n playerCardsDiv.innerHTML = `Player Cards: ${game.player.cards.map(card => card.image).join(' ')} (Total: ${game.player.score})`;\n\n // Display dealer's cards and total score (only show the first card initially)\n const dealerCardsDisplay = game.status === 0 ? `${game.dealer.cards[0].image} ??` : game.dealer.cards.map(card => card.image).join(' ');\n dealerCardsDiv.innerHTML = `Dealer Cards: ${dealerCardsDisplay} (Total: ${game.dealer.score})`;\n\n // Update game status\n if (game.status === 1) {\n gameStatusDiv.innerText = \"Player Wins!\";\n showPlayAgainButton();\n } else if (game.status === 2) {\n gameStatusDiv.innerText = \"Player Loses.\";\n showPlayAgainButton();\n } else if (game.status === 3) {\n gameStatusDiv.innerText = \"It's a tie.\";\n showPlayAgainButton();\n } else {\n gameStatusDiv.innerText = \"Game in progress...\";\n hidePlayAgainButton();\n }\n}\n\n// Function to show the Play Again button\nfunction showPlayAgainButton() {\n document.getElementById('hit-button').style.display = 'none';\n document.getElementById('stand-button').style.display = 'none';\n document.getElementById('play-again-button').style.display = 'block';\n}\n\n// Function to hide the Play Again button\nfunction hidePlayAgainButton() {\n document.getElementById('hit-button').style.display = 'block';\n document.getElementById('stand-button').style.display = 'block';\n document.getElementById('play-again-button').style.display = 'none';\n}\n// Event listeners for buttons\ndocument.getElementById('hit-button').addEventListener('click', () => {\n game.hit();\n updateDisplay();\n});\n\ndocument.getElementById('stand-button').addEventListener('click', () => {\n game.stand();\n updateDisplay();\n});\ndocument.getElementById('play-again-button').addEventListener('click', () => {\n game = new Blackjack(); // Reset the game\n game.init(); // Initialize the new game\n updateDisplay(); // Update display with the new game state\n});","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Blackjack Game\n \n\n\n\n

Blackjack Game

\n \n \n \n \n

Special Rules

Aces are 1 or 11

\n\n\n"},"chat_history":[{"project_id":5752,"sender":"human","message":"test","deleted":0,"created_at":"2025-02-05T14:40:23.503144Z","output_tokens":null,"code_id":207235,"input_tokens":null,"id":107077},{"project_id":5752,"sender":"client_script","message":"","deleted":0,"created_at":"2025-02-05T14:41:04.299658Z","output_tokens":null,"code_id":207236,"input_tokens":null,"id":107078},{"project_id":5752,"sender":"client_script","message":"Let's get started!\n Errors:\n","deleted":0,"created_at":"2025-02-05T14:41:21.922952Z","output_tokens":null,"code_id":207237,"input_tokens":null,"id":107079},{"project_id":5752,"sender":"ai","message":"Great! I see that you have some existing code here which seems to be related to a card game, possibly Blackjack. Could you tell me a bit more about your project? Are you building a game or something else? What features would you like to add or improve?","deleted":0,"created_at":"2025-02-05T14:41:21.930726Z","output_tokens":63,"code_id":207237,"input_tokens":3743,"id":107080},{"project_id":5752,"sender":"human","message":"im trying to figre out how to use the Blackjack.js library, lets try to make a simple text-based blackjack game using HTML elements and p5. do not use a canvas","deleted":0,"created_at":"2025-02-05T14:42:24.039617Z","output_tokens":null,"code_id":207238,"input_tokens":null,"id":107081},{"project_id":5752,"sender":"ai","message":"Got it! We can create a simple text-based Blackjack game using HTML elements to display the game state and interact with the player. Let's start by setting up some basic HTML elements to show the player's cards, the dealer's cards, and buttons for actions like \"Hit\" and \"Stand.\"\n\nHere's how we can begin:\n\n1. **Set up HTML elements** for displaying the game information and controls.\n2. **Use JavaScript** to handle game logic and update the HTML elements.\n\nLet's start by adding the necessary HTML structure:\n\n```html\n\n\n\n \n \n Blackjack Game\n \n\n\n

Blackjack Game

\n \n \n \n\n\n```\n\nNow that we have the HTML set up, let's implement the game logic in JavaScript to handle the game flow and update the UI elements. \n\nCan you tell me how you'd like the game to start? Would you like to start with an initial deal, or have the player press a button to begin?","deleted":0,"created_at":"2025-02-05T14:42:24.183226Z","output_tokens":325,"code_id":207238,"input_tokens":3774,"id":107082},{"project_id":5752,"sender":"human","message":"begin","deleted":0,"created_at":"2025-02-05T14:43:11.851113Z","output_tokens":null,"code_id":207240,"input_tokens":null,"id":107083},{"project_id":5752,"sender":"ai","message":"Great! Let's start by initializing the Blackjack game when the page loads and handling the basic game actions like \"Hit\" and \"Stand\". We'll use the existing `Blackjack` class and its methods to control the game flow.\n\nHere's how we can set it up:\n\n1. **Initialize the game** when the page loads.\n2. **Update the game status** and display cards using JavaScript.\n3. **Handle player actions** for \"Hit\" and \"Stand\".\n\nLet's add the initial JavaScript to make this happen:\n\n```javascript\n// JavaScript code to initialize and control the game\nlet game;\n\nwindow.onload = function() {\n // Initialize the game when the page loads\n game = new Blackjack();\n game.init();\n updateDisplay();\n}\n\n// Function to update the game status and cards display\nfunction updateDisplay() {\n const playerCardsDiv = document.getElementById('player-cards');\n const dealerCardsDiv = document.getElementById('dealer-cards');\n const gameStatusDiv = document.getElementById('game-status');\n\n // Display player's cards\n playerCardsDiv.innerHTML = `Player Cards: ${game.player.cards.map(card => card.image).join(' ')}`;\n \n // Display dealer's cards (only show the first card)\n dealerCardsDiv.innerHTML = `Dealer Cards: ${game.dealer.cards[0].image} ??`;\n\n // Update game status\n if (game.status === 1) {\n gameStatusDiv.innerText = \"Player Wins!\";\n } else if (game.status === 2) {\n gameStatusDiv.innerText = \"Bust! Player Loses.\";\n } else if (game.status === 3) {\n gameStatusDiv.innerText = \"Push! It's a tie.\";\n } else {\n gameStatusDiv.innerText = \"Game in progress...\";\n }\n}\n\n// Event listeners for buttons\ndocument.getElementById('hit-button').addEventListener('click', () => {\n game.hit();\n updateDisplay();\n});\n\ndocument.getElementById('stand-button').addEventListener('click', () => {\n game.stand();\n updateDisplay();\n});\n```\n\n**Explanation:**\n- We create an instance of the `Blackjack` class and initialize it when the page loads.\n- `updateDisplay` updates the HTML elements with the current cards and game status.\n- Event listeners for \"Hit\" and \"Stand\" buttons call the respective methods on the `game` object and update the display.\n\nTry adding this JavaScript code to your `script.js` file and see how it works! If you have any specific features you want to add next, let me know.","deleted":0,"created_at":"2025-02-05T14:43:11.858187Z","output_tokens":587,"code_id":207240,"input_tokens":3769,"id":107084},{"project_id":5752,"sender":"human","message":"lets add a 'total' display in parentheses after both card lists, and reveal the dealer's second card when the player stands","deleted":0,"created_at":"2025-02-05T14:44:50.426953Z","output_tokens":null,"code_id":207243,"input_tokens":null,"id":107085},{"project_id":5752,"sender":"ai","message":"Sure! To display the total score for both the player and the dealer, we can update the `updateDisplay` function to include the totals in parentheses after the cards. We will also modify the `stand` method in the `Blackjack` class to reveal the dealer's second card when the player chooses to stand.\n\nHere's how we can do this:\n\n1. **Update the `updateDisplay` function** to show the total scores.\n2. **Modify the `stand` method** to reveal the dealer's second card.\n\n### Updating `updateDisplay` Function\n\nWe'll modify the existing code in the `updateDisplay` function to show the player's and dealer's totals.\n\n```javascript\n// Function to update the game status and cards display\nfunction updateDisplay() {\n const playerCardsDiv = document.getElementById('player-cards');\n const dealerCardsDiv = document.getElementById('dealer-cards');\n const gameStatusDiv = document.getElementById('game-status');\n\n // Display player's cards and total score\n playerCardsDiv.innerHTML = `Player Cards: ${game.player.cards.map(card => card.image).join(' ')} (Total: ${game.player.score})`;\n \n // Display dealer's cards and total score (only show the first card initially)\n const dealerCardsDisplay = game.status === 0 ? `${game.dealer.cards[0].image} ??` : game.dealer.cards.map(card => card.image).join(' ');\n dealerCardsDiv.innerHTML = `Dealer Cards: ${dealerCardsDisplay} (Total: ${game.dealer.score})`;\n\n // Update game status\n if (game.status === 1) {\n gameStatusDiv.innerText = \"Player Wins!\";\n } else if (game.status === 2) {\n gameStatusDiv.innerText = \"Bust! Player Loses.\";\n } else if (game.status === 3) {\n gameStatusDiv.innerText = \"Push! It's a tie.\";\n } else {\n gameStatusDiv.innerText = \"Game in progress...\";\n }\n}\n```\n\n### Modifying the `stand` Method\n\nNext, we need to ensure that the dealer's second card is revealed when the player stands. We'll adjust the `stand` method accordingly:\n\n```javascript\nstand() {\n if (this.status !== 0) return;\n\n while (this.dealer.score < 17) {\n this.dealer.cards.push(this.deck.getRandomCard());\n let val = this.dealer.cards.reverse()[0].value;\n this.dealer.score += val;\n }\n\n // Reveal the dealer's second card\n this.dealer.cards.push(this.deck.getRandomCard());\n\n if (this.player.score === this.dealer.score) {\n this.status = 3;\n this.event(\"push\");\n } else if (this.player.score > 21 || (this.dealer.score === 21 && this.player.score !== 21) || (this.dealer.score > this.player.score && this.dealer.score <= 21)) {\n this.status = 2;\n this.event(\"bust\");\n } else if (this.player.score === 21 || this.player.score > this.dealer.score || this.dealer.score > 21) {\n this.status = 1;\n this.event(\"win\");\n }\n}\n```\n\n### Summary of Changes\n- The player's and dealer's card totals are now displayed in parentheses next to their card lists.\n- The dealer's second card is revealed when the player stands.\n\nPlease add these changes to your code, and let me know if you want to add any more features or adjustments!","deleted":0,"created_at":"2025-02-05T14:44:50.542953Z","output_tokens":776,"code_id":207243,"input_tokens":4068,"id":107086},{"project_id":5752,"sender":"human","message":"lets hide hit/stand and show a 'play again' button when the game is over. reshow hit/stand and reset the game when it is clicked.","deleted":0,"created_at":"2025-02-05T14:46:23.913361Z","output_tokens":null,"code_id":207245,"input_tokens":null,"id":107087},{"project_id":5752,"sender":"ai","message":"To achieve this, we will need to hide the \"Hit\" and \"Stand\" buttons when the game is over and display a \"Play Again\" button instead. When the player clicks the \"Play Again\" button, we will reset the game and show the \"Hit\" and \"Stand\" buttons again.\n\n### Steps to Implement:\n\n1. **Add a \"Play Again\" button** in the HTML.\n2. **Modify the `updateDisplay` function** to show/hide buttons based on the game status.\n3. **Reset the game** and reinitialize it when the \"Play Again\" button is clicked.\n\n### Updated HTML\n\nLet's add the \"Play Again\" button to your existing HTML:\n\n```html\n\n\n\n \n \n Blackjack Game\n \n\n\n

Blackjack Game

\n \n \n \n \n\n\n```\n\n### Update `updateDisplay` Function\n\nModify the `updateDisplay` function to show/hide the buttons based on the game status:\n\n```javascript\n// Function to update the game status and cards display\nfunction updateDisplay() {\n const playerCardsDiv = document.getElementById('player-cards');\n const dealerCardsDiv = document.getElementById('dealer-cards');\n const gameStatusDiv = document.getElementById('game-status');\n const playAgainButton = document.getElementById('play-again-button');\n\n // Display player's cards and total score\n playerCardsDiv.innerHTML = `Player Cards: ${game.player.cards.map(card => card.image).join(' ')} (Total: ${game.player.score})`;\n \n // Display dealer's cards and total score (only show the first card initially)\n const dealerCardsDisplay = game.status === 0 ? `${game.dealer.cards[0].image} ??` : game.dealer.cards.map(card => card.image).join(' ');\n dealerCardsDiv.innerHTML = `Dealer Cards: ${dealerCardsDisplay} (Total: ${game.dealer.score})`;\n\n // Update game status\n if (game.status === 1) {\n gameStatusDiv.innerText = \"Player Wins!\";\n showPlayAgainButton();\n } else if (game.status === 2) {\n gameStatusDiv.innerText = \"Player Loses.\";\n showPlayAgainButton();\n } else if (game.status === 3) {\n gameStatusDiv.innerText = \"It's a tie.\";\n showPlayAgainButton();\n } else {\n gameStatusDiv.innerText = \"Game in progress...\";\n hidePlayAgainButton();\n }\n}\n\n// Function to show the Play Again button\nfunction showPlayAgainButton() {\n document.getElementById('hit-button').style.display = 'none';\n document.getElementById('stand-button').style.display = 'none';\n document.getElementById('play-again-button').style.display = 'block';\n}\n\n// Function to hide the Play Again button\nfunction hidePlayAgainButton() {\n document.getElementById('hit-button').style.display = 'block';\n document.getElementById('stand-button').style.display = 'block';\n document.getElementById('play-again-button').style.display = 'none';\n}\n```\n\n### Adding Functionality to the \"Play Again\" Button\n\nNow, we need to add an event listener to the \"Play Again\" button to reset the game:\n\n```javascript\ndocument.getElementById('play-again-button').addEventListener('click', () => {\n game = new Blackjack(); // Reset the game\n game.init(); // Initialize the new game\n updateDisplay(); // Update display with the new game state\n});\n```\n\n### Summary of Changes:\n- Added a \"Play Again\" button to the HTML.\n- Updated the `updateDisplay` function to show/hide buttons based on game status.\n- Implemented functionality to reset the game when \"Play Again\" is clicked.\n\nPlease add these changes to your code, and let me know if you'd like to implement any more features!","deleted":0,"created_at":"2025-02-05T14:46:23.947550Z","output_tokens":995,"code_id":207245,"input_tokens":4128,"id":107088}],"assets":[],"messages_sent":5,"comments":[],"steps":[]}