Bigram Scripter

{"name":"Bigram Scripter","description":"Dive into the world of text manipulation with Bigram Scripter! This fun and interactive project allows you to create unique text outputs by generating bigrams from your input. With vibrant visuals and engaging gameplay, you'll learn programming while crafting creative phrases and sentences. Get ready to unleash your inner wordsmith!","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-12-19T14:53:55.717465Z","updated_at":"2024-12-19T14:53:55.717467Z","user_id":5,"status":"PRIVATE","parent_id":null,"id":5207,"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 bigramMap = new Map(); // Store words and their collapses\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n document.getElementById('addCollapse').addEventListener('click', addCollapse);\n document.getElementById('addWord').addEventListener('click', addWord);\n document.getElementById('generate').addEventListener('click', generateSequence);\n}\n\nfunction addCollapse() {\n const word = document.getElementById('word').value;\n const weight = parseInt(document.getElementById('weight').value);\n \n if (!bigramMap.has(word)) {\n bigramMap.set(word, []);\n }\n bigramMap.get(word).push({ collapse: word, weight: weight });\n}\n\nfunction addWord() {\n const word = document.getElementById('word').value;\n if (!bigramMap.has(word)) {\n bigramMap.set(word, []);\n }\n}\n\nfunction generateSequence() {\n const beginWord = document.getElementById('beginWord').value;\n let currentWord = beginWord;\n let sequence = [];\n\n for (let i = 0; i < 50; i++) {\n sequence.push(currentWord);\n const collapses = bigramMap.get(currentWord);\n if (!collapses) break; // No collapses for this word\n\n // Randomly pick a word based on weight\n let totalWeight = collapses.reduce((total, item) => total + item.weight, 0);\n let randomWeight = Math.random() * totalWeight;\n let sum = 0;\n for (let item of collapses) {\n sum += item.weight;\n if (randomWeight < sum) {\n currentWord = item.collapse;\n break;\n }\n }\n }\n console.log(sequence.join(' ')); // Print the sequence\n}","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Bigram Scripter\n \n \n\n\n \n \n\n"},"chat_history":[{"project_id":5207,"sender":"human","message":"Bigram Scripter","deleted":0,"created_at":"2024-12-19T14:53:55.729502Z","output_tokens":null,"code_id":193459,"input_tokens":null,"id":96859},{"project_id":5207,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-12-19T14:53:59.522737Z","output_tokens":null,"code_id":193459,"input_tokens":null,"id":96860},{"project_id":5207,"sender":"ai","message":"","deleted":0,"created_at":"2024-12-19T14:53:59.543955Z","output_tokens":0,"code_id":193459,"input_tokens":2363,"id":96861},{"project_id":5207,"sender":"human","message":"we add a cool menu to make Bigrams\nthis is the structure:\n[Word]\nCollapses:\n[Word] \n[Weight]\n[Word] \n[Weight]\nAdd Collapse Buttom\nAdd Word BUtton","deleted":0,"created_at":"2024-12-19T14:59:41.013808Z","output_tokens":null,"code_id":193460,"input_tokens":null,"id":96862},{"project_id":5207,"sender":"ai","message":"Let's create a menu for your Bigram Scripter. We can design it to include input fields for words, and buttons to add collapses and words. After each addition or change, we can refine the menu based on your preferences.\n\nCould you tell me a bit more about how you'd like this menu to look or function? For example, do you have a specific layout in mind, or any colors or styles you'd like to include?","deleted":0,"created_at":"2024-12-19T14:59:41.076682Z","output_tokens":99,"code_id":193460,"input_tokens":2403,"id":96863},{"project_id":5207,"sender":"human","message":"function:\none more field for Begin. then it runs through the words and have it pick randomlu from the words that are in the collapses of the current word, 50 times, with the [Weight] as weight adn then print it","deleted":0,"created_at":"2024-12-19T15:00:50.530360Z","output_tokens":null,"code_id":193460,"input_tokens":null,"id":96864},{"project_id":5207,"sender":"ai","message":"To implement this, we can start by adding an input field for the \"Begin\" word and then write a function that will pick words based on their weights, using the collapses of the current word. Let's work on this step-by-step. \n\nFirst, let's set up the HTML structure and JavaScript functionality for this feature.\n\n### HTML\nWe'll add input fields for the words and weights, and buttons for adding collapses and words. Here's how you can set up the HTML:\n\n```html\n\n\n\n \n \n Bigram Scripter\n \n \n\n\n \n \n\n\n```\n\n### JavaScript\nNext, let's create the JavaScript functions to handle adding words, collapses, and generating a sequence based on weights.\n\n```javascript\nlet bigramMap = new Map(); // Store words and their collapses\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n\n document.getElementById('addCollapse').addEventListener('click', addCollapse);\n document.getElementById('addWord').addEventListener('click', addWord);\n document.getElementById('generate').addEventListener('click', generateSequence);\n}\n\nfunction addCollapse() {\n const word = document.getElementById('word').value;\n const weight = parseInt(document.getElementById('weight').value);\n \n if (!bigramMap.has(word)) {\n bigramMap.set(word, []);\n }\n bigramMap.get(word).push({ collapse: word, weight: weight });\n}\n\nfunction addWord() {\n const word = document.getElementById('word').value;\n if (!bigramMap.has(word)) {\n bigramMap.set(word, []);\n }\n}\n\nfunction generateSequence() {\n const beginWord = document.getElementById('beginWord').value;\n let currentWord = beginWord;\n let sequence = [];\n\n for (let i = 0; i < 50; i++) {\n sequence.push(currentWord);\n const collapses = bigramMap.get(currentWord);\n if (!collapses) break; // No collapses for this word\n\n // Randomly pick a word based on weight\n let totalWeight = collapses.reduce((total, item) => total + item.weight, 0);\n let randomWeight = Math.random() * totalWeight;\n let sum = 0;\n for (let item of collapses) {\n sum += item.weight;\n if (randomWeight < sum) {\n currentWord = item.collapse;\n break;\n }\n }\n }\n console.log(sequence.join(' ')); // Print the sequence\n}\n```\n\n### Explanation\n- **bigramMap**: A Map to store each word and its collapses with weights.\n- **addCollapse**: Adds a collapse with a weight to the specified word.\n- **addWord**: Adds a new word to the bigramMap.\n- **generateSequence**: Starts with the \"Begin\" word and generates a sequence by picking collapses based on weight 50 times.\n\nWould you like to proceed with these changes or do you have any adjustments in mind?","deleted":0,"created_at":"2024-12-19T15:00:50.539769Z","output_tokens":874,"code_id":193460,"input_tokens":2407,"id":96865}],"assets":[],"messages_sent":4,"comments":[],"steps":[]}