Tiny Tapeout VGA Playground

Online version: https://vga-playground.com/

Write and run verilog code to generate VGA signals in the browser, then manufacture your project with Tiny Tapeout.

Development

You'll need to have Node.js installed on your computer and clone this repository.

Then you can install the dependencies and run the development server:

npm install
npm start

To view the playground, open http://localhost:5173 in your browser.

URL Parameters

You can use URL parameters to load a specific preset or a project from GitHub:

Load a preset

https://vga-playground.com/?preset=music

Available presets: stripes, music, rings, logo, conway, checkers, drop, gamepad

Load a project from GitHub

https://vga-playground.com/?repo=https://github.com/urish/tt-rings

This fetches info.yaml from the repository to discover source files, then loads them into the editor. The repository must follow the Tiny Tapeout project structure.