flutter_processing - GitLite

KO | EN

gitlite — search

#javascript #python #react #llm #go #rust #linux #nodejs #windows #awesome #vue #security #openai #open-source

flutter_processing

(★ 186)

A Flutter port of Processing

파일 탐색기

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

- - pr_validation.yaml
- example.run.xml
- - .gitignore
  - build.gradle
  - gradle.properties
  - settings.gradle
- - audio-mixer.png
  - coffee.png
  - gradient.png
  - logo_128.png
  - mask.jpg
- - .gitignore
  - Podfile
  - Podfile.lock
- - _demos_screen.dart
  - _processing_demo_sketch_display.dart
  - main.dart
- - .gitignore
  - Podfile
  - Podfile.lock
- .gitignore
- .metadata
- analysis_options.yaml
- pubspec.lock
- pubspec.yaml
- README.md
- - _core.dart
  - _painting_context.dart
  - _processing_widget.dart
  - _sketch.dart
- flutter_processing.dart
- - audio-mixer_100x.png
  - space_100x.png
- - color_test.dart
  - setting_test.dart
- - constants_test.dart
- - core_test.dart
- - environment_test.dart
- - complex-shapes_stars.png
  - complex-shapes_triangle-strip-circle.png
- - loading_and_displaying_test.dart
- - keyboard_test.dart
- - pvector_test.dart
  - trigonometry_test.dart
- - random_test.dart
- - attributes_test.dart
  - two_d_primitives_test.dart
  - vertex_test.dart
- - transform_test.dart
- complex_shapes_test.dart
- decode_image_test.dart
- processing_widget_test.dart
- test_infra.dart
.gitignore
.metadata
CHANGELOG.md
CONTRIBUTING.md
LICENSE
pubspec.lock
pubspec.yaml
README.md
README_API_CHECKLIST.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Flutter Processing

A Flutter port of [Processing](https://processing.org/reference/).

This project is not affiliated with the Processing project, or related organizations.

The goal of `flutter_processing` is to provide the same easy learning environment as **Processing**, but with the additional utility of a production-ready UI toolkit, called **Flutter**. With traditional Processing, there is minimal professional value in the underlying language. With `flutter_processing`, the underlying tool, Flutter, is sufficient for employment as an app UI developer. `flutter_processing` offers an educational tool and an employment opportunity all in one.

Want to see how this project was implemented? Nearly every change was recorded and published to the [SuperDeclarative!](https://youtube.com/c/SuperDeclarative) channel on YouTube.

To see which Processing APIs have been ported to Flutter, see the [API Checklist](README_API_CHECKLIST.md).

---

Do you get value from this package? Please consider supporting SuperDeclarative!

<a href="https://donate.superdeclarative.com" target="_blank" alt="Donate"><img src="https://img.shields.io/badge/Donate-%24%24-green"></a>

---

# Getting Started
To play with some demos, clone this repository and run the example app!

<img src="https://user-images.githubusercontent.com/7259036/154913204-f4fedbd2-1788-47f2-b640-4ff8a9fac705.gif" width="100%">

To paint a canvas with a sketch in Flutter, the way you would in Processing, display a `Processing` widget and implement a `Sketch`.

```dart
void main() {
  runApp(
    MaterialApp(
      home: Processing(
        sketch: Sketch.simple(
          setup: (sketch) async {
            // TODO: do your typical Sketch setup
            //       stuff here. Call methods on
            //       the provided sketch object.
          },
          draw: (sketch) async {
            // TODO: do your typical Sketch drawing
            //       stuff here. Call methods on
            //       the provided sketch object.
          },
        ),
      ),
    ),
  );
}
```

To retain and access variables in your `Sketch`, or to implement a `Sketch` in a more traditional way, subclass `Sketch`:
```dart
void main() {
  runApp(
    MaterialApp(
      home: Processing(
        sketch: MySketch(),
      ),
    ),
  );
}

class MySketch extends Sketch {
  @override
  Future<void> setup() async {
    // TODO: do setup stuff here
  }

@override
  Future<void> draw() async {
    // TODO: do drawing stuff here
  }
}
```

# Get Involved
If you create anything cool, be sure to post it to Twitter and tag [@SuprDeclarative](https://twitter.com/SuprDeclarative) and [@FlutterDev](https://twitter.com/FlutterDev)!

If you need something implemented, or you find a bug, please checkout the [Contributing Guide](CONTRIBUTING.md) and then file an issue in the GitHub project.