# 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.
没有合适的资源?快使用搜索试试~ 我知道了~
Processing的Flutter端口_Dart_下载.zip
共274个文件
png:112个
dart:86个
xml:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 175 浏览量
2023-04-26
11:08:34
上传
评论
收藏 1.59MB ZIP 举报
温馨提示
Processing的Flutter端口_Dart_下载.zip
资源推荐
资源详情
资源评论
收起资源包目录
Processing的Flutter端口_Dart_下载.zip (274个子文件)
_demos_screen.dart 36KB
_pimage.dart 25KB
_vertex.dart 17KB
_processing_demo_sketch_display.dart 16KB
two_d_primitives_test.dart 12KB
vertex_test.dart 11KB
main.dart 10KB
_processing_widget.dart 8KB
031_flappy_bird.dart 8KB
_blend_modes_sketch.dart 7KB
pvector_test.dart 7KB
setting_test.dart 7KB
color_test.dart 7KB
text_demos.dart 6KB
124_boids.dart 6KB
_typography.dart 6KB
_image.dart 5KB
003_snake_game.dart 5KB
024_perlin_noise_flow_field.dart 5KB
_painting_context.dart 5KB
_sketch.dart 5KB
_two_d_primitives.dart 5KB
gif.dart 4KB
_pixels.dart 4KB
processing_widget_test.dart 4KB
050_circle-packing-with-text.dart 4KB
_hacking_demo.dart 3KB
_filters_sketch.dart 3KB
085_game_of_life.dart 3KB
_pvector.dart 3KB
050_circle-packing.dart 3KB
_image_blending_sketch.dart 3KB
_random.dart 3KB
keyboard_test.dart 3KB
complex_shapes_test.dart 3KB
006_mitosis_simulation.dart 3KB
001_starfield.dart 3KB
network.dart 3KB
random_test.dart 2KB
028_metaballs.dart 2KB
test_infra.dart 2KB
loading_and_displaying_test.dart 2KB
trigonometry_test.dart 2KB
036_blobby.dart 2KB
solar_storm.dart 2KB
transform_test.dart 2KB
wobbly_swarm.dart 2KB
004_purple-rain.dart 2KB
environment_test.dart 2KB
dot_field.dart 2KB
colored_circles.dart 2KB
conversion.dart 2KB
_hacking.dart 2KB
_calculations.dart 2KB
052_random_walker.dart 2KB
_image_resize_sketch.dart 2KB
constants_test.dart 1KB
shapes.dart 1KB
_core.dart 1KB
_image_mask_sketch.dart 1KB
liquid_gels.dart 1KB
_color.dart 1KB
perlin_noise_demo.dart 1KB
_loading_and_displaying.dart 1KB
103_fire_effect.dart 1KB
attributes_test.dart 1KB
_environment.dart 1000B
decode_image_test.dart 987B
_setting.dart 976B
_empty_sketch.dart 970B
030_phyllotaxis.dart 911B
_mouse_and_touch.dart 894B
_mouse.dart 787B
_trigonometry.dart 704B
image_file_formats.dart 683B
_transform.dart 648B
_files.dart 617B
core_test.dart 578B
_time_and_date.dart 406B
_structure.dart 294B
_keyboard.dart 293B
_attributes.dart 270B
flutter_processing.dart 268B
_constants.dart 256B
_rendering.dart 163B
mouse_buttons.dart 48B
DebugProfile.entitlements 514B
Release.entitlements 240B
.gitignore 1KB
.gitignore 732B
.gitignore 569B
.gitignore 285B
.gitignore 81B
build.gradle 2KB
build.gradle 592B
settings.gradle 462B
Runner-Bridging-Header.h 38B
mask.jpg 53KB
Contents.json 2KB
Contents.json 1KB
共 274 条
- 1
- 2
- 3
资源评论
快撑死的鱼
- 粉丝: 1w+
- 资源: 9154
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功