Chuck's Crazy Card Game

{"name":"Chuck's Crazy Card Game","description":"Join Chuck in a wacky card game adventure! Play exciting rounds of cards with Chuck and his friends. Can you outsmart Chuck and win the game?","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-05-28T08:39:59.518294Z","updated_at":"2024-05-28T08:39:59.518295Z","user_id":5,"status":"PRIVATE","parent_id":null,"id":1611,"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":"const cards = [\n { name: 'Chuck Speak', graphic: '🗣️' },\n { name: 'Chuck Yell', graphic: '🗣️🗣️' },\n { name: 'Secretly not a human', graphic: '❓👽' },\n { name: 'In a Minute (1)', graphic: '🕑' },\n { name: 'Chuck Confuse', graphic: '🌀' }\n];\n\nlet cardPositions = [];\nlet enemyHealth = 100;\nlet enemyIntent = \"Attack\";\nlet playerMana = 3;\n\nfunction drawCard(card, x, y) {\n fill(255); // Set fill color to white\n rect(x, y, 100, 150, 10); // Draw card rectangle with rounded corners\n \n fill(0); // Set fill color to black for text\n textSize(32);\n textAlign(CENTER, CENTER);\n text(card.graphic, x + 50, y + 75); // Draw graphic emoji at the center of the card\n \n textSize(14);\n text(card.name, x + 50, y + 140); // Draw card name at the bottom of the card\n}\nfunction drawRandomCard() {\n const randomIndex = Math.floor(Math.random() * cards.length); // Get a random index\n const card = cards[randomIndex]\n let x;\n \n do {\n x = Math.floor(Math.random() * (width - 100)); // Random x position within canvas width\n } while (isOverlapping(x)); // Ensure the new position doesn't overlap\n \n const y = height - 160; // Position card at the bottom of the canvas\n cardPositions.push(x); // Store the x position of the drawn card\n drawCard(card, x, y);\n}\n\nfunction isOverlapping(x) {\n const minDistance = 110; // Minimum distance between cards\n for (let pos of cardPositions) {\n if (Math.abs(pos - x) < minDistance) {\n return true; // Overlaps with an existing card\n }\n }\n return false; // No overlap\n}\n\nfunction drawEnemy() {\n // Draw health bar background\n fill(255, 0, 0);\n rect(50, 20, 200, 20);\n \n // Draw current health\n fill(0, 255, 0);\n rect(50, 20, (enemyHealth / 100) * 200, 20);\n \n // Draw health text\n fill(0);\n textSize(14);\n textAlign(CENTER, CENTER);\n text(`Enemy Health: ${enemyHealth}`, 150, 30);\n \n // Draw enemy intent\n textSize(16);\n text(`Intent: ${enemyIntent}`, 150, 60);\n}\n\nfunction drawMana() {\n // Draw mana text\n fill(0);\n textSize(20);\n textAlign(RIGHT, BOTTOM);\n text(`Mana: ${playerMana}`, width - 20, height - 20);\n}\n\nfunction setup() {\n createCanvas(400, 400);\n}\n\nfunction draw() {\n background(220);\n\n // Draw enemy and mana\n drawEnemy();\n drawMana();\n\n // Draw random cards\n drawRandomCard();\n drawRandomCard();\n drawRandomCard();\n\n noLoop(); // Stop looping after drawing cards once\n}\nfunction drawChuckSpeak(x, y) {\n return '🗣️';\n}\n\nfunction drawChuckYell(x, y) {\n return '🗣️🗣️';\n}\n\nfunction drawChuckShoutout(x,y) {\n return '🗣️🦜'\n}\n\nfunction drawSecretlyNotHuman(x, y) {\n return '❓👽';\n}\n\nfunction drawInAMinute(x, y) {\n return '🕑';\n}\n\nfunction drawChuckConfuse(x, y) {\n return '🌀';\n}","style.css":"","index.html":"\n\n\n \n \n Chuck's Crazy Card Game\n \n\n\n \n \n\n"},"chat_history":[{"project_id":1611,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-05-28T08:40:04.493972Z","output_tokens":null,"code_id":91208,"input_tokens":null,"id":47134},{"project_id":1611,"sender":"ai","message":"Great! Let's design and implement a set of Chuck-themed card graphics for the game.\n\nWe will follow these steps:\n1. Create functions to draw individual Chuck-themed card graphics using emojis.\n2. Implement these functions and integrate them into the `drawCard` function.\n\nLet's start by creating separate functions for each card graphic.\n\n### Step 1: Create Functions for Chuck-themed Card Graphics\n\nWe'll begin by defining functions to draw each of the Chuck-themed cards.\n\n```javascript\nfunction drawChuckSpeak(x, y) {\n return '🗣️';\n}\n\nfunction drawChuckYell(x, y) {\n return '🗣️🗣️';\n}\n\nfunction drawSecretlyNotHuman(x, y) {\n return '❓👽';\n}\n\nfunction drawInAMinute(x, y) {\n return '🕑';\n}\n\nfunction drawChuckConfuse(x, y) {\n return '🌀';\n}\n```\n\n- These functions return the emoji graphics for each card type.\n\n### Step 2: Integrate Card Graphics Functions into `drawCard`\n\nNow, we'll modify the `drawCard` function to use these specific graphics functions.\n\n```javascript\nfunction drawCard(card, x, y) {\n fill(255); // Set fill color to white\n rect(x, y, 100, 150, 10); // Draw card rectangle with rounded corners\n \n fill(0); // Set fill color to black for text\n textSize(32);\n textAlign(CENTER, CENTER);\n\n let cardGraphic;\n switch (card.name) {\n case 'Chuck Speak':\n cardGraphic = drawChuckSpeak();\n break;\n case 'Chuck Yell':\n cardGraphic = drawChuckYell();\n break;\n case 'Secretly not a human':\n cardGraphic = drawSecretlyNotHuman();\n break;\n case 'In a Minute (1)':\n cardGraphic = drawInAMinute();\n break;\n case 'Chuck Confuse':\n cardGraphic = drawChuckConfuse();\n break;\n }\n\n text(cardGraphic, x + 50, y + 75); // Draw graphic emoji at the center of the card\n \n textSize(14);\n text(card.name, x + 50, y + 140); // Draw card name at the bottom of the card\n}\n```\n\n- This updated `drawCard` function uses the card name to determine which graphic to draw.\n\n### Summary\n\n1. We created functions to return emojis for each card.\n2. We updated the `drawCard` function to use these functions.\n\nNow, let's integrate these changes into your existing code.\n\n```javascript\nfunction drawChuckSpeak(x, y) {\n return '🗣️';\n}\n\nfunction drawChuckYell(x, y) {\n return '🗣️🗣️';\n}\n\nfunction drawSecretlyNotHuman(x, y) {\n return '❓👽';\n}\n\nfunction drawInAMinute(x, y) {\n return '🕑';\n}\n\nfunction drawChuckConfuse(x, y) {\n return '🌀';\n}\n```\n\n```javascript\nfunction drawCard(card, x, y) {\n fill(255); // Set fill color to white\n rect(x, y, 100, 150, 10); // Draw card rectangle with rounded corners\n \n fill(0); // Set fill color to black for text\n textSize(32);\n textAlign(CENTER, CENTER);\n\n let cardGraphic;\n switch (card.name) {\n case 'Chuck Speak':\n cardGraphic = drawChuckSpeak();\n break;\n case 'Chuck Yell':\n cardGraphic = drawChuckYell();\n break;\n case 'Secretly not a human':\n cardGraphic = drawSecretlyNotHuman();\n break;\n case 'In a Minute (1)':\n cardGraphic = drawInAMinute();\n break;\n case 'Chuck Confuse':\n cardGraphic = drawChuckConfuse();\n break;\n }\n\n text(cardGraphic, x + 50, y + 75); // Draw graphic emoji at the center of the card\n \n textSize(14);\n text(card.name, x + 50, y + 140); // Draw card name at the bottom of the card\n}\n```\n\nThis should provide a clear and thematic visual representation for each card in Chuck's wacky card game.","deleted":0,"created_at":"2024-05-28T08:40:04.508080Z","output_tokens":null,"code_id":91208,"input_tokens":null,"id":47135}],"assets":[],"messages_sent":1,"comments":[],"steps":[{"instruction":"Display Chuck character on the game screen with animations","title":"Create Chuck character","created_at":"2024-05-28T08:39:59.527875","project_id":1611,"complete":false,"step_number":0,"updated_at":"2024-05-28T08:39:59.527878","id":9002},{"instruction":"Implement a card deck with a variety of cards for the game","title":"Add card deck","created_at":"2024-05-28T08:39:59.527955","project_id":1611,"complete":false,"step_number":1,"updated_at":"2024-05-28T08:39:59.527956","id":9003},{"instruction":"Incorporate user input for card selections and interactions","title":"Player input controls","created_at":"2024-05-28T08:39:59.528002","project_id":1611,"complete":false,"step_number":2,"updated_at":"2024-05-28T08:39:59.528003","id":9004},{"instruction":"Implement unique abilities for Chuck and other characters in the game","title":"Character abilities","created_at":"2024-05-28T08:39:59.528046","project_id":1611,"complete":false,"step_number":3,"updated_at":"2024-05-28T08:39:59.528047","id":9005},{"instruction":"Set up multiple rounds of card games with increasing difficulty","title":"Game rounds","created_at":"2024-05-28T08:39:59.528089","project_id":1611,"complete":false,"step_number":4,"updated_at":"2024-05-28T08:39:59.528089","id":9006},{"instruction":"Implement score tracking and display the winner at the end of the game","title":"Score tracking","created_at":"2024-05-28T08:39:59.528132","project_id":1611,"complete":false,"step_number":5,"updated_at":"2024-05-28T08:39:59.528132","id":9007}]}