Perlin Studio documentation¶
Perlin Studio makes seamless looping noise animations in the browser: images, loop videos, textures and an embeddable element. The documentation follows the Diátaxis split: learn, do, look up, understand.
Start here if you are new: Getting started. Something not working: Troubleshooting.
Tutorials¶
- Getting started — from opening the studio to a looping video and a saved preset.
How-to guides¶
- Export a looping video
- Export an image or a tileable texture
- Match a brand palette
- Cut noise out with a mask
- Get a specific look
- Use the GPU renderer
- Embed in a web page
- Install as an app (PWA)
- Install the macOS app
- Troubleshooting
Reference¶
- Control reference — every control, range and default.
- Colour modes and relief lighting
- Preset format — every key of the JSON file.
- The
<perlin-noise>element — attributes, properties, behaviour.
Explanation¶
- How the parameters shape the image
- Design choices
- Architecture — layering, the maths, the worker pipeline, the GPU renderer.
For contributors and agents¶
The internal/ folder holds orientation and decisions for people working on the code: architecture.md (layout and glossary), decisions.md (why things are as they are), ui-spec.md (element ids of every control) and web-component-spec.md (design of the element). See also CONTRIBUTING.md and AGENTS.md.
Images used by these pages are in images/; rendered example loops are in examples/.