Umbra
The visual editor for shaders in Flutter.
umbra /ˈʌmbrə/
noun:
- the fully shaded inner region of a shadow cast by an opaque object, especially the area on the earth or moon experiencing the total phase of an eclipse.
LITERARY
shadow or darkness.
"an impenetrable umbra seemed to fill every inch of the museum"
Packages
| Package | Pub |
|---|---|
| umbra |  |
| umbra_cli |  |
| umbra_flutter |  |
Quick start
For a getting started with Umbra check out the getting started section in the docs.
# 🎯 Activate from https://pub.dev
dart pub global activate umbra_cli
# 🚀 Install umbra dependencies
umbra install-deps
# 🕶️ Create your first shader
umbra create hello_world
# 📦 Compile your first shader to a Dart file
umbra generate shaders/hello_world.glsl --output lib/shaders/Documentation
For the documentation that describes how you should writing shaders that are compatible with Umbra tooling, see the Shader Specifications documentation.
Documentation about the CLI can be found here.
Articles
If you are looking for more general information about shaders in Flutter, here is a list of articles: