quitters
/ advanced-grid-sequencer-with-effects-and-chaining.markdown
Created
May 7, 2025 16:08
Advanced Grid Sequencer with Effects and Chaining
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| \\<!DOCTYPE html> | |
| \\\<html lang="en"> | |
| \\\<head> | |
| \\\ <meta charset="UTF-8"> | |
| \\\ <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| \\\ <title>Generative Pattern Blocks</title> | |
| \\\ <link rel="stylesheet" href="style.css"> | |
| \\\ | |
| \\\<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script> | |
| \\\ <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="frame"> | |
| <button id="importJsonButton">Import JSON</button> | |
| <button id="saveButton">Save</button> | |
| <button id="loadButton">Load</button> | |
| <button id="modeToggleButton">Mode A</button> | |
| <button id="randomizeButton">Randomize</button> | |
| <div class="text-container"> | |
| <label for="inputText">Prompt</label> | |
| <input type="text" id="inputText" placeholder="Enter your text here"> | |
| <label for="outputText">Output</label> |