Game

{"name":"Apple Catcher Game","description":"Catch the falling apples and score points in this fun and addictive game!","photo":null,"view_count":10,"fork_count":0,"expires_at":null,"created_at":"2024-01-22T17:55:11.786302Z","updated_at":"2024-01-22T17:55:11.786305Z","user_id":28,"status":"PUBLIC","parent_id":400,"id":441,"user":{"photo":null,"email":null,"recess_id":"cf1f90dc-37b2-f9e5-9b7b-608488d34314","created_at":"2023-12-21T15:44:32.712231Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"jacob","id":28,"password_hash":null,"updated_at":"2023-12-21T15:44:32.712233Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let player1Choice, player2Choice;\nlet player1Score = 0;\nlet player2Score = 0;\n\nlet bothCooperatePoints = 2;\nlet bothCheatPoints = 0;\nlet oneCheatsPoints = 3;\nlet cheatedPoints = -1;\n\nlet player1Choices = []; // To store the history of player 1's choices\nlet aiStrategies = ['Always Cheat', 'Always Cooperate', 'Grudger', 'Copycat', 'Detective', 'Sneaky']; // List of AI strategies\nlet aiScore = 0;\nlet isAiPlaying = false; // To check if AI is playing\nlet hasPlayerCheated = false; // Var\n\nlet turnNumber = 1; // Variable for the current turn number\n\nlet puzzleMode = false; // A variable to record if the game is in Puzzle Mode\nlet sneakyChanced\n\nlet ctx = document.getElementById('scoreChart').getContext('2d');\nlet ctx = document.getElementById('scoreChart2').getContext('2d');\nlet scoreChart = new Chart(ctx, {\n type: 'line',\n data: {\n labels: [], // This will hold the x values (turn numbers)\n datasets: [{\n label: 'Score',\n data: [], // This will hold the y values (scores)\n borderColor: 'rgba(75, 192, 192, 1)',\n tension: 0.1\n }]\n },\n options: {\n responsive: false, // This disables responsiveness\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n});\nlet scoreChart2 = new Chart(ctx, {\n type: 'line',\n data: {\n labels: [], // This will hold the x values (turn numbers)\n datasets: [{\n label: 'Score',\n data: [], // This will hold the y values (scores)\n borderColor: 'rgba(75, 192, 192, 1)',\n tension: 0.1\n }]\n },\n options: {\n responsive: false, // This disables responsiveness\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n});\n\nfunction checkChoices() {\n if (isAiPlaying) player2Choice = aiChoice();\n\n if (player1Choice === '@' && player2Choice === '@') {\n player1Score += bothCooperatePoints;\n player2Score += bothCooperatePoints;\n } else if (player1Choice === '!' && player2Choice === '!') {\n player1Score += bothCheatPoints;\n player2Score += bothCheatPoints;\n } else if (player1Choice === '@' && player2Choice === '!') {\n player1Score += cheatedPoints;\n player2Score += oneCheatsPoints;\n } else if (player1Choice === '!' && player2Choice === '@') {\n player1Score += oneCheatsPoints;\n player2Score += cheatedPoints;\n }\n\n document.getElementById('p1-score').textContent = player1Score;\n\n // Check if AI is playing and update its score display\n if (isAiPlaying) {\n document.getElementById('ai-score').textContent = player2Score;\n } else {\n document.getElementById('p2-score').textContent = player2Score;\n }\n\n // Rest of your function\n player1Choices.push(player1Choice);\n\n player1Choice = null;\n player2Choice = null;\n\n turnNumber++; // Increment the turn number at the end of each turn\n if (puzzleMode && turnNumber > 10) {\n alert('Game over! The AI strategy was: ' + aiStrategy);\n resetGame();\n }\n\n // At the end of each turn...\n scoreChart.data.labels.push(turnNumber); // Add the current turn number to the x values\n scoreChart.data.datasets[0].data.push(player1Score); // Add the current score to the y values\n scoreChart.update(); // Update the chart\n\n scoreChart2.data.labels.push(turnNumber); // Add the current turn number to the x values\n scoreChart2.data.datasets[0].data.push(player2Score); // Add the current score to the y values\n scoreChart2.update(); // Update the chart\n}\ndocument.getElementById('p1-cooperate').addEventListener('click', function () {\n player1Choice = '@';\n console.log('Player 1 cooperates');\n if (isAiPlaying) {\n player2Choice = aiChoice(); // Let the AI make its choice first\n console.log('AI choice:', player2Choice);\n checkChoices(); // Then check the choices\n } else if (player2Choice) {\n checkChoices();\n }\n});\n\ndocument.getElementById('p1-cheat').addEventListener('click', function () {\n player1Choice = '!';\n console.log('Player 1 cheats');\n if (isAiPlaying) {\n player2Choice = aiChoice(); // Let the AI make its choice first\n console.log('AI choice:', player2Choice);\n checkChoices(); // Then check the choices\n } else if (player2Choice) {\n checkChoices();\n }\n});\n\nfunction aiChoice() {\n let lastChoice = player1Choices[player1Choices.length - 1] || '@';\n let hasPlayerCheated = player1Choices.includes('!');\n\n\n switch (aiStrategy) {\n case 'Always Cheat':\n console.log('AI always cheats');\n return '!';\n case 'Always Cooperate':\n console.log('AI always cooperates');\n return '@';\n case 'Grudger':\n console.log('AI is a grudger');\n if (player1Choices.includes('!')) return '!';\n return '@';\n case 'Copycat':\n console.log('AI is a copycat');\n return lastChoice;\n\n case 'Sneaky':\n\n sneakyChanced = Math.floor(Math.random() * 10);\n if (sneakyChanced === 10) {\n return '!'\n } else {\n return lastChoice\n }\n\n\n case 'Detective':\n // Cheat on 3rd turn\n if (turnNumber === 3) {\n return '!';\n }\n if (turnNumber === 1, 2, 2) {\n return '@'\n\n }\n if (turnNumber > 3) {\n //c.p.j.s.salvotax.export\n if (player1Choices.includes('!')) {\n return lastChoice\n } else {\n return '!'\n }\n }\n\n break;\n\n }\n}\n\ndocument.getElementById('btn-player-vs-player').addEventListener('click', function () {\n document.getElementById('main-menu').style.display = 'none';\n document.getElementById('game-container').style.display = 'block';\n document.getElementById('player-ai').style.display = 'none';\n document.getElementById('player2').style.display = 'block';\n isAiPlaying = false;\n});\n\n// Update the 'btn-player-vs-ai' event listener\ndocument.getElementById('btn-player-vs-ai').addEventListener('click', function () {\n document.getElementById('main-menu').style.display = 'none';\n document.getElementById('game-container').style.display = 'block';\n document.getElementById('player-ai').style.display = 'block';\n document.getElementById('player2').style.display = 'none';\n aiStrategy = randomizeAiStrategy(); // Randomize the AI's strategy\n // document.getElementById('ai-strategy').textContent = aiStrategy;\n isAiPlaying = true;\n});\nfunction randomizeAiStrategy() {\n return aiStrategies[Math.floor(Math.random() * aiStrategies.length)];\n}\ndocument.getElementById('btn-ai-cheat').addEventListener('click', function () {\n startAiGame('Always Cheat');\n});\n\ndocument.getElementById('btn-ai-cooperate').addEventListener('click', function () {\n startAiGame('Always Cooperate');\n});\n\ndocument.getElementById('btn-ai-copycat').addEventListener('click', function () {\n startAiGame('Copycat');\n});\n\ndocument.getElementById('btn-ai-detective').addEventListener('click', function () {\n startAiGame('Detective');\n});\n\ndocument.getElementById('btn-ai-grudger').addEventListener('click', function () {\n startAiGame('Grudger');\n});\n\nfunction startAiGame(strategy) {\n document.getElementById('main-menu').style.display = 'none';\n document.getElementById('game-container').style.display = 'block';\n document.getElementById('player-ai').style.display = 'block';\n document.getElementById('player2').style.display = 'none';\n aiStrategy = strategy;\n //document.getElementById('ai-strategy').textContent = aiStrategy;\n isAiPlaying = true;\n}\ndocument.getElementById('btn-credits').addEventListener('click', function () {\n document.getElementById('main-menu').style.display = 'none';\n document.getElementById('credits-section').style.display = 'block';\n});\n\ndocument.getElementById('btn-back-to-main-menu').addEventListener('click', function () {\n document.getElementById('credits-section').style.display = 'none';\n document.getElementById('main-menu').style.display = 'block';\n});\ndocument.getElementById('btn-puzzle-mode').addEventListener('click', function () {\n startAiGame(randomizeAiStrategy());\n puzzleMode = true;\n turnNumber = 1;\n});\nfunction resetGame() {\n // Reset all game variables and update the display accordingly\n player1Score = 0;\n player2Score = 0;\n player1Choices = [];\n aiScore = 0;\n isAiPlaying = false;\n puzzleMode = false;\n\n document.getElementById('p1-score').textContent = player1Score;\n document.getElementById('p2-score').textContent = player2Score;\n document.getElementById('game-container').style.display = 'none';\n document.getElementById('main-menu').style.display = 'block';\n}\nfunction updateGraph() {\n // Get the graph container\n let graph = document.getElementById('score-graph');\n\n // Create a new div for the current turn\n let line = document.createElement('div');\n\n // Calculate the height of the line (proportional to the player's score)\n let height = (player1Score / 100) * graph.offsetHeight;\n\n // Set the line's styles\n line.style.height = height + 'px';\n line.style.width = '1px';\n line.style.backgroundColor = 'black';\n line.style.display = 'inline-block';\n\n // Add the line to the graph\n graph.appendChild(line);\n}","style.css":"#scoreChart {\r\n width: 500px;\r\n height: 250px;\r\n}","index.html":"\n\n\n\n \n \n Game\n \n\n\n\n \n \n\n \n \n

\n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"step_number":0,"complete":false,"updated_at":"2024-01-22T17:55:11.789762","id":2638,"title":"Set up basic HTML structure","instruction":"Create the basic structure of the game using HTML.","created_at":"2024-01-17T20:05:44.622032","project_id":441},{"step_number":1,"complete":false,"updated_at":"2024-01-22T17:55:11.789842","id":2639,"title":"Style the game with CSS","instruction":"Use CSS to style the game and create visually appealing visuals, including the falling apples.","created_at":"2024-01-17T20:05:44.622086","project_id":441},{"step_number":2,"complete":false,"updated_at":"2024-01-22T17:55:11.789890","id":2640,"title":"Implement player-controlled character movement","instruction":"Allow the player to move a character to catch the falling apples.","created_at":"2024-01-17T20:05:44.622127","project_id":441},{"step_number":3,"complete":false,"updated_at":"2024-01-22T17:55:11.789934","id":2641,"title":"Create apple spawning","instruction":"Spawn apples at the top of the screen to fall towards the player.","created_at":"2024-01-17T20:05:44.622167","project_id":441},{"step_number":4,"complete":false,"updated_at":"2024-01-22T17:55:11.789978","id":2642,"title":"Implement collision detection","instruction":"Detect when the player's character catches an apple and update the score.","created_at":"2024-01-17T20:05:44.622207","project_id":441},{"step_number":5,"complete":false,"updated_at":"2024-01-22T17:55:11.790020","id":2643,"title":"Add scoring system","instruction":"Track and display the player's score as they catch apples.","created_at":"2024-01-17T20:05:44.622245","project_id":441},{"step_number":6,"complete":false,"updated_at":"2024-01-22T17:55:11.790062","id":2644,"title":"Add timer","instruction":"Include a timer to track the player's progress or create a limited time to catch apples.","created_at":"2024-01-17T20:05:44.622283","project_id":441},{"step_number":7,"complete":false,"updated_at":"2024-01-22T17:55:11.790105","id":2645,"title":"Optional: Add obstacles or power-ups","instruction":"Introduce additional elements to increase the game's complexity and fun factor.","created_at":"2024-01-17T20:05:44.622320","project_id":441}]}

NAME TBA - Credits

Theo's \"NAME TBA\" game

Player 1

Player 2

Scenario:

AI Player

debug