umbra

Umbra

---

The visual editor for shaders in Flutter.

umbra _/ˈʌmbrə/

noun:

1. 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.
2. 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:

• Shaders with Flutter and Flame by DevOwl
• Flutter & Shaders - An initial look by wolfenrain