Introducing Impeller - Flutter's new rendering engine

[LeoAndo]

https://io.google/2023/program/60b4bd9e-4159-473d-b031-edabb93d0e00/intl/ja/ https://www.youtube.com/watch?v=vd5NqS01rlA

[LeoAndo]

https://youtu.be/vd5NqS01rlA?t=29

SkiaはFlutter用に設計されていない。

[LeoAndo]

https://youtu.be/vd5NqS01rlA?t=87

Flutterフレームワークではウィジェットのツリーはレンダリングオブジェクトのツリーによって支えられています。 レンダーオブジェクトにはウィジェットを実際にレイアウトしてペイントする方法に関する指示が含まれる。 これらの命令はエンジンに与えられ、表示リストと呼ばれる単純なコマンドの順序付きリストに保存される

[LeoAndo]

https://youtu.be/vd5NqS01rlA?t=111

エンジンは利用可能なレンダラ(Impeller or Skia)のいずれかを使用して、この表示リストをSurface Textureまたは画面に表示できるピクセル値のグリッドに描画します。

表示リスト内の全てをレンダリングするために使用できるレンダリングパイプラインと呼ばれるもののコレクションをセットアップすることにより、GPUを活用します

レンダリングパイプラインを使用する前に、まず表示リストによって描画された全てのパスを取得し、それらを三角形のセットにTessellationする必要があります。

[LeoAndo]

demo https://youtu.be/vd5NqS01rlA?t=645