한국어

The guide · Make

Make your own.

Every pattern on your board was made by someone. This is where they come from: the community, where people share them, and Pattern Lab, where you make your own.

  1. 01Community
  2. 02Pattern Lab

All guides

Scroll

The community

Patterns other people made, playing live. Take one at a time, or a whole deck.

The wall

Every pattern, playing.

community.patternflow.work hangs everything people have shared. Put the mouse on a card and it plays; roll the wheel over its screen and a knob turns. The screen is split K1 to K4, left to right.

Looking needs no account. On a phone the cards are stills: tap one to open its page, where it plays.

Follow the pointer
Newest · Oldest · Most liked · Most forked · In decks
Patterns

Newest · Oldest · Most liked · Most forked · In decksThe orders the wall comes in. Oldest goes back to the very first patterns.

Stuck here? Tell us

.h

Only a .h goes on a board.

Every pattern here is JavaScript: that's what plays in your browser. The board runs C++, so a pattern goes on it only once it has a .h, its firmware header.

Those carry a .h on the screen. Press Flashable now and only they stay.

Follow the pointer
Hardware ready — ships a .h firmware header
Patterns

Hardware ready — ships a .h firmware headerThe right one can go on a board. The left one is JS only: it plays here, not there.

Stuck here? Tell us

One pattern

Send one to your board.

Open a pattern with a .h and press ↗ Send to my Patternflow, then Send over Wi-Fi. Your board's own Patterns page opens with the pattern linked, fetches it and installs it. No account, no cable.

It's in the list straight away. Hold K4 to find it.

On Android, type the IP from K2 into Board address in the same window first.

Follow the pointer
↗ Send to my Patternflow
a pattern's page

↗ Send to my PatternflowOn the page of any pattern with a .h. No account needed.

Stuck here? Tell us

Your deck

Make a deck of your own.

A deck is a running order: up to 20, kept in this browser. Press + on a card with a .h, or drag the card down onto the bar at the bottom. Drag a slot to move it; drop it on ✕ to take it out.

Send to my board builds the deck (you need an account), then Send over Wi-Fi puts it on your board. On a phone, the ▦ chip at the top holds your deck.

Up to firmware v3.10.4, Send over Wi-Fi drops this order; the next firmware keeps it. Until your board has it, drop the ↓ .zip on the board's Patterns page instead.

Follow the pointer
Add to your deck
Patterns

Add to your deckThe + on a card with a .h. Pressed, it turns into a −.

Stuck here? Tell us

Other decks

Or take someone else's.

The Decks page holds the sets people stand behind. Basics, from Play's 03, is there, under Ships with Patternflow. Open a community deck and press Install to my board: no account, and the order comes with it.

Copy into my deck puts it in your bar instead, to change before you send it.

Follow the pointer
Community decks
Decks

Community decksEveryone's public decks: the first few patterns, in order, then how many more.

Stuck here? Tell us

Make it yours

Open it in the Lab.

Every pattern's page has Open in Pattern Lab, .h or not. A copy opens in the Lab; share it from there and it goes up as your fork, linked to the original.

That Lab is the one at community.patternflow.work, with drafts of its own: whatever was open there waits under Recent ▾. Making one of your own is next.

Follow the pointer
Open in Pattern Lab
a pattern's page

Open in Pattern LabOn every pattern's page, with a .h or without.

Stuck here? Tell us

Your own pattern

Ask an AI for one, colour it, set its knobs and put it on your board. All in the browser.

Pattern Lab

Open the Lab.

Pattern Lab is at patternflow.work/pattern-lab. It runs in the browser: nothing to install, and no account to start making. The preview is on the left, the code in the middle, the knobs and the Color Ramp on the right.

On a big enough screen it's open right here, beside these cards. It's your real Lab, with what this browser has saved, and what you make in it stays. The pointer shows the way; the clicks are yours.

Follow the pointer
Stuck here? Tell us

The name

Name it first.

Type a name where it says name this pattern. It's the name your board lists it under; left blank, the board gets a layer's name, like Code 1.

Your work saves as you go, in this browser only. Under the name it says Saved locally.

Follow the pointer
name this pattern

name this patternAt the top of the Lab. To hardware writes this name into the .h; the Director and Share start from it.

Stuck here? Tell us

Ask an AI

Get a pattern from an AI.

Press Copy prompt, paste it into an AI and send it. Copy the code it writes, then press Paste in the Lab: the preview changes to the new pattern.

For real, that's your own AI, ChatGPT, Claude, Gemini or another, and it comes back with five variations to choose from. On a big enough screen, a practice AI with set answers stands in for it here.

Paste reads the clipboard, so the browser may ask first. Allow it, or paste into the box the Lab opens instead and press OK.

Follow the pointer
Copy prompt

Copy promptCopies the AI prompt for this layer, with its code in it.

Stuck here? Tell us

Color Ramp

Black and white is right.

The prompt asks for a v-field: the code gives each pixel a value from 0 to 1, and the layer's Color Ramp colours it. The ramp starts black to white.

Press Random ramp and the preview takes its colours; press it again for others, or click the bar to add a stop. The ramp goes to the board with the pattern.

Follow the pointer
Preview

PreviewA v-field on the default ramp: each pixel's value, 0 to 1, shown black to white.

Stuck here? Tell us

Knobs

Give the knobs a range.

The four sliders are your board's knobs, K1 at the top, shared by every layer. Drag one and watch the preview.

The boxes either side are its range: double-click one and type a number. Names and ranges start from a line in the code that begins // @knobs. Widen a range and the knob does more, on the board too.

Follow the pointer
Knobs

KnobsThe boxes either side of a slider are its range. Drag a digit sideways, or double-click and type.

Stuck here? Tell us

To hardware

One more prompt, for the board.

The board runs C++, so the pattern goes to it as a .h header, and an AI writes that too. Press To hardware, then Copy the conversion prompt, and send it to the AI.

Copy the .h it writes. It goes into the Lab next.

Follow the pointer
Copy the conversion prompt

Copy the conversion promptThe prompt for your AI: the pattern with its name, knobs and ranges, the ramp as a finished colour table, and how Patternflow's C++ is written.

Stuck here? Tell us

Apply

Onto your board.

Paste the .h into the box under Copy the conversion prompt. Looks like a header ✓ means it starts with #pragma once; press Next →.

↗ Apply to my Patternflow builds a module on the community's server, so you need to be signed in. Send over Wi-Fi then opens your board's Patterns page, which installs it. Hold K4: it's in the list, under its name.

Your computer has to be on the same Wi-Fi as the board. On Android, put the IP from the board's NETWORK screen (hold K2) into Device address first.

Follow the pointer
Looks like a header ✓

Looks like a header ✓Here, the real .h of the pattern the Lab opens with. Copy .h and Download .h keep a copy; Next → goes on.

Stuck here? Tell us

Layers

Stack them.

+ Code adds another pattern on top, with its own ramp; + Pixel, a layer for pixel art or an image. Tick masks layer below, and the new layer cuts out the one beneath it.

A layer that paints has Opacity and Blend instead. For the board, each code layer gets its own prompt.

Follow the pointer
+ Code · + Pixel

+ Code · + PixelThe top of the list is the top of the stack. Drag to reorder, double-click to rename.

Stuck here? Tell us

Graphic Export

Pictures and video.

In the Graphic Export tab, pick a size and press Save PNG: your pattern as a picture, up to 4096 px a side. ● Record makes an MP4 or WebM. It all happens in your browser.

Follow the pointer
Business card 3.5 × 2 in @ 300 dpi (1050 × 600)

Business card 3.5 × 2 in @ 300 dpi (1050 × 600)A size preset, like the frame × 4 to × 16, Full HD or 4K. Custom… goes up to 4096 px a side.

Stuck here? Tell us

Director

A timeline for the knobs.

In the Director tab, double-click the lane in two places, a little apart: two keyframes and a curve between them. Press ▶ and the knob follows it.

.pfs plays on a board with the Performance edition, .mid goes to Ableton, Render… makes a video.

Follow the pointer
.pfs · .mid · Render…

.pfs · .mid · Render…Keyframes on Glitch's lane, a smooth curve between them; ▶ plays it. .pfs is the show for a Performance-edition board, .mid the same moves as MIDI for Ableton, Render… a video.

Stuck here? Tell us

The community

Give it back.

Upload to the community, after Next → in To hardware, publishes it with its .h, ready for anyone's board; Share, at the top, without one. You sign in when you publish.

Opened someone's pattern? Yours goes up as its fork. And a JS-only pattern from 01 can get its .h the same way: make it here, then propose it on its page with Port this pattern (.h).

Follow the pointer
Upload to the community

Upload to the communityUnder Apply. The pattern and its .h go up together. Opened from someone's pattern, it goes up as their fork: the top of the Lab says forking from …, and its × undoes that.

Stuck here? Tell us