Chipgrid / Documentation / Start here
What is Chipgrid
An 8-bit live-coding environment in one web page. Letters on a grid are a program that plays a 4-voice sound chip and draws on a small screen.
Chipgrid is a musical instrument you program while it plays. The program is a grid of letters and numbers. Every sixteenth note, each letter reads its neighbours and writes a result below itself. Some letters count, some pick notes, some travel across the grid, and some play a sound or draw on the screen when something touches them.
The sound comes from an emulated sound chip like the NES’s: two pulse waves, a triangle and a noise channel. Four voices, no more. The picture is a 160 × 120 screen with the old palettes (NES, Commodore 64, Game Boy, CGA). Nothing appears on it unless the grid draws it.
It runs in the browser, on a computer or a phone, with nothing to install. The first time you open it, the tutorial starts.
What you see
- The grid, on the left: your program. The orange box is the cursor. Colours tell what each cell is: logic, movers, sound and screen each have
their own, and an empty input shows as
·, where an operator is listening. - The screen, top right: what your code draws.
- Four meters under it: one per voice of the chip (pulse 1, pulse 2, triangle, noise). When a fifth note takes a busy voice, its meter shows STEAL.
- Four tabs under the meters:
- Cell explains whatever is under the cursor: what it is, what it reads, what it is outputting right now.
- Tutorial follows the current chapter.
- Manual has a page for every operator, with an example to load.
- Why 8-bit? tells the history.
- The top bar: play, tempo (BPM), volume, zoom, the TUTORIAL and EXAMPLES menus, recording, and the file buttons. See Keys.
On a phone, a key pad at the bottom gives you the operators, the notes and the numbers.
Where to start
- The tutorial. Twenty short chapters. You type everything yourself, glowing cells show where, and each step moves on when it is right. Read along in The tutorial, chapter by chapter.
- The examples. 86 programs to load, listen to and take apart: songs, rhythms, visuals, routes, code that is also a picture. They are all in the Examples section, ready to open.
- The guides in this documentation explain the ideas one at a time: how the grid works, then sound, drawing, routes and gates and links.
- The reference lists every operator, with its inputs, its history and an example.
Where it comes from
Chipgrid was made for 8-bit workshops: people make chip music and pixel pictures from scratch, with no software to install and no music theory needed. Its language is inspired by Orca, the live-coding grid by Hundred Rabbits, but its operators are its own, made for the sound chips and screens of the 1980s.
A multiplayer version puts up to ten people on one big shared grid, on a laptop and the room’s Wi-Fi.