umbra - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #llm #golang #rust #deep-learning #linux #nodejs #macos #cli #awesome-list #mcp #open-source

umbra

(★ 207)

Umbra, visual editor for shaders in Flutter.

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.md
  - build.md
  - chore.md
  - ci.md
  - config.yml
  - documentation.md
  - feature_request.md
  - performance.md
  - refactor.md
  - revert.md
  - style.md
  - test.md
- - app.yaml
  - ci.yaml
  - umbra.yaml
  - umbra_cli.yaml
  - umbra_flutter.yaml
- CODEOWNERS
- FUNDING.yml
- PULL_REQUEST_TEMPLATE.md
- - main.xml
- launch.json
- - bootstrap.dart
  - main_development.dart
  - main_production.dart
  - main_staging.dart
- .gitignore
- .metadata
- analysis_options.yaml
- coverage_badge.svg
- l10n.yaml
- LICENSE
- pubspec.lock
- pubspec.yaml
- README.md
- simple_uv_map.png
- - brick.yaml
- - brick.yaml
- - brick.yaml
- - brick.yaml
- - brick.yaml
- - 1-overview.md
  - 2-installation.md
  - 3-next-steps.md
  - README.md
- - 1-shaders.md
  - 2-uniforms.md
  - README.md
- cli-commands.md
- - .gitignore
  - analysis_options.yaml
  - CHANGELOG.md
  - coverage_badge.svg
  - LICENSE
  - pubspec.yaml
  - README.md
- - .gitignore
  - analysis_options.yaml
  - CHANGELOG.md
  - coverage_badge.svg
  - dart_test.yaml
  - LICENSE
  - pubspec.yaml
  - pubspec_overrides.yaml
  - README.md
- - .gitignore
  - analysis_options.yaml
  - CHANGELOG.md
  - coverage_badge.svg
  - LICENSE
  - pubspec.yaml
  - README.md
- release_ready.sh
- verify_pub_score.sh
.gitignore
analysis_options.yaml
coverage_badge.svg
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
Umbra
</h1>

<p align="center">
<a href="https://github.com/wolfenrain/umbra/actions"><img src="https://github.com/wolfenrain/umbra/workflows/umbra/badge.svg" alt="umbra"></a>
<a href="https://github.com/wolfenrain/umbra/actions"><img src="https://raw.githubusercontent.com/wolfenrain/umbra/main/coverage_badge.svg" alt="coverage"></a>
<a href="https://pub.dev/packages/very_good_analysis"><img src="https://img.shields.io/badge/style-very_good_analysis-B22C89.svg" alt="style: very good analysis"></a>
<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/license-MIT-purple.svg" alt="License: MIT"></a>
<a href="https://github.com/felangel/mason"><img src="https://img.shields.io/endpoint?url=https%3A%2F%2Ftinyurl.com%2Fmason-badge" alt="Powered by Mason"></a>
</p>

---

The visual editor for shaders in Flutter.

> **umbra** <sub>/ˈʌmbrə/</sub>
>
> _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](https://github.com/wolfenrain/umbra/tree/main/packages/umbra)                 | [![pub package](https://img.shields.io/pub/v/umbra.svg)](https://pub.dev/packages/umbra)                 |
| [umbra_cli](https://github.com/wolfenrain/umbra/tree/main/packages/umbra_cli)         | [![pub package](https://img.shields.io/pub/v/umbra_cli.svg)](https://pub.dev/packages/umbra_cli)         |
| [umbra_flutter](https://github.com/wolfenrain/umbra/tree/main/packages/umbra_flutter) | [![pub package](https://img.shields.io/pub/v/umbra_flutter.svg)](https://pub.dev/packages/umbra_flutter) |

## Quick start

For a getting started with Umbra check out the [getting started](https://github.com/wolfenrain/umbra/tree/main/docs/getting-started) section in the docs.

```sh
# 🎯 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](https://github.com/wolfenrain/umbra/tree/main/docs/shader-specifications) documentation.

Documentation about the CLI can be found [here](https://github.com/wolfenrain/umbra/tree/main/docs/cli-commands.md).

## Articles

If you are looking for more general information about shaders in Flutter, here is a list of articles:

- [Shaders with Flutter and Flame](https://blog.devowl.de/shaders-with-flutter-and-flame-faf5fda42100) by [DevOwl](https://twitter.com/RealDevOwl)
- [Flutter & Shaders - An initial look](https://wolfenrain.medium.com/flutter-shaders-an-initial-look-d9eb98d3fd7a) by [wolfenrain](https://twitter.com/wolfenrain)