synth.textmode.art (✿◠‿◠)

synth.textmode.art is a browser-based live coding environment for procedural text generation and ASCII synthesis. It builds on textmode.js to create a browser-based creative coding environment with real-time execution.

Features

• Visual synthesis: Driven by textmode.js, offering a rich set of ASCII/textmode graphics tools and a modern WebGL2 pipeline.
• High-performance editor: Built on Monaco Editor (the power behind VS Code) with custom syntax highlighting and tailored type definitions.
• Local persistence: Automatically saves your work and settings to your browser's local storage.
• Responsive layout: Designed for both desktop and mobile devices, ensuring your sketches look great everywhere.

Note

Performance depends on the complexity of your scripts and device capabilities.

Getting started

Visit synth.textmode.art to start coding immediately - no installation required.

1. Start coding: Write your scripts in the integrated editors. The environment will auto-execute your changes by default.
2. Explore examples: Check the Examples menu to see what's possible and learn from pre-made sketches.
3. Customize: Use the Preferences menu to toggle UI visibility, adjust font sizes, or change editor settings.

Development

To run the project locally:

# Install dependencies
npm install

# Start dev server (Vite)
npm run dev

# Build for production
npm run build

The client loads the hosted sandbox runner from https://runner.textmode.art/ by default. Set VITE_RUNNER_URL to override the iframe URL for local testing or alternate deployments.

License

This application is licensed under the GNU Affero General Public License v3.0 or later - see the LICENSE file for details.

Gallery sketches under sketches/ are included under the contribution terms in CONTRIBUTING.md and may declare an additional standalone license in their meta.json.

Acknowledgements

This project targets the textmode.js sketch API.

AGPL-licensed dependency acknowledgement:

• textmode.synth.js - AGPL-3.0