Herding Hounds

{"name":"Herding Hounds","description":null,"photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-10-23T15:31:33.778889Z","updated_at":"2024-10-23T15:31:33.778890Z","user_id":60,"status":"PRIVATE","parent_id":null,"id":3975,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"let dogX, dogY;\n\nlet sheep = [];\n\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n dogX = width / 2;\n dogY = height / 2;\n createSheep(10); // Create 10 sheep\n}\n\nfunction draw() {\n background(220);\n\n // Draw the dog\n textSize(32);\n text('🐶', dogX, dogY);\n\n // Handle dog movement\n if (keyIsDown(87)) { // W key\n dogY -= 5;\n }\n if (keyIsDown(83)) { // S key\n dogY += 5;\n }\n if (keyIsDown(65)) { // A key\n dogX -= 5;\n }\n if (keyIsDown(68)) { // D key\n dogX += 5;\n }\n\n // Draw and move sheep\n for (let i = 0; i < sheep.length; i++) {\n let s = sheep[i];\n text('🐑', s.x, s.y);\n\n // Calculate the distance from the dog\n let dx = s.x - dogX;\n let dy = s.y - dogY;\n let distance = sqrt(dx * dx + dy * dy);\n\n // If the dog is close, move the sheep away\n if (distance < 150) {\n s.x += dx / distance * 2;\n s.y += dy / distance * 2;\n }\n }\n}\n\nfunction createSheep(number) {\n for (let i = 0; i < number; i++) {\n sheep.push({\n x: random(width),\n y: random(height)\n });\n }\n}\n\n","style.css":"body { margin: 0; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; }\n\ncanvas { display: block; }","index.html":"\n\n\n \n \n Herding Hounds\n \n \n \n\n\n\n"},"chat_history":[{"deleted":0,"code_id":168812,"input_tokens":null,"id":82823,"project_id":3975,"sender":"human","message":"Let's get started!","created_at":"2024-10-23T15:32:00.392148Z","output_tokens":null},{"deleted":0,"code_id":168812,"input_tokens":null,"id":82824,"project_id":3975,"sender":"ai","message":"Great! You already have a basic setup for your project. Could you tell me more about your idea for \"Herding Hounds\"? What kind of project are you looking to build? Is it a game, a website, or something else?","created_at":"2024-10-23T15:32:00.399497Z","output_tokens":null},{"deleted":0,"code_id":168813,"input_tokens":null,"id":82825,"project_id":3975,"sender":"human","message":"Draw a dog on screen. control it with WASD. then populate the screen with sheep that run away from the dog.","created_at":"2024-10-23T15:32:47.426615Z","output_tokens":null},{"deleted":0,"code_id":168813,"input_tokens":null,"id":82826,"project_id":3975,"sender":"ai","message":"That sounds like a fun project! We can definitely work on adding a controllable dog and sheep that react to its presence. Let's start with the first step: drawing a dog on the screen and making it controllable with the WASD keys.\n\n### Step 1: Draw and Control the Dog\n\nWe'll represent the dog with an emoji for simplicity. Let's add the code to draw the dog and control it with the WASD keys.\n\nUpdate your `script.js` with the following code:\n\n```javascript\nlet dogX, dogY; // Position of the dog\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n dogX = width / 2; // Start dog in the center of the screen\n dogY = height / 2;\n}\n\nfunction draw() {\n background(220); // Clear the screen\n\n // Draw the dog as an emoji\n textSize(32);\n text('🐶', dogX, dogY);\n\n // Handle dog movement\n if (keyIsDown(87)) { // W key\n dogY -= 5;\n }\n if (keyIsDown(83)) { // S key\n dogY += 5;\n }\n if (keyIsDown(65)) { // A key\n dogX -= 5;\n }\n if (keyIsDown(68)) { // D key\n dogX += 5;\n }\n}\n```\n\n### Explanation:\n\n- Added `dogX` and `dogY` to track the position of the dog.\n- Placed the dog in the center of the screen initially.\n- Used `textSize()` and `text()` to draw a dog emoji on the screen.\n- Used `keyIsDown()` to check if the WASD keys are pressed and moved the dog accordingly.\n\n### Next Steps:\n\nOnce you've added the dog and controlled its movement, let me know. We can then work on populating the screen with sheep that run away from the dog.","created_at":"2024-10-23T15:32:47.440403Z","output_tokens":null},{"deleted":0,"code_id":168817,"input_tokens":null,"id":82827,"project_id":3975,"sender":"human","message":"great the dog is looking good. let's put some sheep","created_at":"2024-10-23T15:33:41.163840Z","output_tokens":null},{"deleted":0,"code_id":168817,"input_tokens":null,"id":82828,"project_id":3975,"sender":"ai","message":"Awesome! Let's add some sheep to the screen. We'll make them react to the dog's position by moving away from it.\n\n### Step 2: Add and Animate Sheep\n\nWe'll represent the sheep with an emoji and have them move away from the dog when it's close. Here's how you can do it:\n\nUpdate your `script.js` with the following code:\n\n```javascript\nlet sheep = []; // Array to store sheep positions\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n dogX = width / 2;\n dogY = height / 2;\n createSheep(10); // Create 10 sheep\n}\n\nfunction draw() {\n background(220);\n\n // Draw the dog\n textSize(32);\n text('🐶', dogX, dogY);\n\n // Handle dog movement\n if (keyIsDown(87)) { // W key\n dogY -= 5;\n }\n if (keyIsDown(83)) { // S key\n dogY += 5;\n }\n if (keyIsDown(65)) { // A key\n dogX -= 5;\n }\n if (keyIsDown(68)) { // D key\n dogX += 5;\n }\n\n // Draw and move sheep\n for (let i = 0; i < sheep.length; i++) {\n let s = sheep[i];\n text('🐑', s.x, s.y);\n\n // Calculate the distance from the dog\n let dx = s.x - dogX;\n let dy = s.y - dogY;\n let distance = sqrt(dx * dx + dy * dy);\n\n // If the dog is close, move the sheep away\n if (distance < 150) {\n s.x += dx / distance * 2;\n s.y += dy / distance * 2;\n }\n }\n}\n\nfunction createSheep(number) {\n for (let i = 0; i < number; i++) {\n sheep.push({\n x: random(width),\n y: random(height)\n });\n }\n}\n```\n\n### Explanation:\n\n- Added an array `sheep` to store the positions of each sheep.\n- Created a `createSheep` function to generate sheep at random positions.\n- In the `draw` function, each sheep is drawn as an emoji, and they move away when the dog gets too close.\n- Calculated the distance to the dog and adjusted the sheep's position if they are within a certain range.\n\n### Next Steps:\n\nWith this setup, you can see the sheep moving away from the dog. If you want to adjust the number of sheep or their behavior, let me know!","created_at":"2024-10-23T15:33:41.227047Z","output_tokens":null}],"assets":[],"messages_sent":3,"comments":[],"steps":[]}