Rust製GUIライブラリ

Transcript

1. Rust製GUIライブラリ
2. 動機 衝撃の音楽アプリとの出会い2013 Sunvox / Sundog engine (2008 ~) https://warmplace.ru/soft/sunvox/ React native (2015 ~ ) Flutter (2017 ~ )
3. 挑戦 2017 OpenGL & C++ で試みる + C++ 難しい + メモリ管理 + 多機能すぎる + ビルド設定・リンカー難しい + パッケージマネージャが無い + Mac / iOSのOpenGL非推奨化
4. 挑戦 2017 OpenGL & C++ で試みる + C++ 難しい + メモリ管理 + 多機能すぎる + ビルド設定・リンカー難しい + パッケージマネージャが無い + Mac / iOSのOpenGL非推奨化
5. 挑戦 2017 OpenGL & C++ で試みる + C++ 難しい + メモリ管理 + 多機能すぎる + ビルド設定・リンカー難しい + パッケージマネージャが無い + Mac / iOSのOpenGL非推奨化
6. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
7. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
8. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
9. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
10. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
11. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
12. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
13. 再挑戦 2022 きっかけ：RUST & It’s Ecosystem + メモリ管理 => 😃 + 多機能すぎる => 😃 + ビルド設定・リンカー難しい => 😃 + パッケージマネージャが無い => 😃 + iOSのOpenGL非推奨化 => WGPU + その他GUI作りに便利そうなライブラリ多数
14. GUIライブラリ思想 ~デザインをDRYに~ デザイナーが書いたSVGをそのままGitにコミット エンジニアなしで単純な見た目上の更新は出来るようにする
15. DEMO1: 人生ゲーム 150行 rust + Figma SVG iOS / Android / Web / MacOSで動作確認済み
16. DEMO1: 人生ゲーム 150行 rust + Figma SVG iOS / Android / Web / MacOSで動作確認済み
17. DEMO2: レイアウトエンジン Rust 30行 Figma互換レイアウト
18. アーキテクチャ Guppies Salvage * Rustは海が テーマの言語なので パッケージ名は 海風 SVG mono-repo library二つある
19. Guppies(グッピー) + GPU描画 + 三角形とシェーダーを受け取り描画する + Cross-Platform: iOS / Android / web / Mac / windows … Guppies Salvage SVG
20. Salvage(サルベージ) + SVG描画 + SVGを移動できる + SVGのテキストを更新 Guppies Salvage SVG
21. Guppies(グッピー): ライブラリ - Winit : イベントループ実行 - Wgpu : GPU描画 - Cargo-mobile : Xcode / Android studio 初期化 winit wgpu cargo-mobile
22. Salvage(salvage):ライブラリ - Usvg : 一般的なsvgを単純なベジェ曲線や直線のpathのみのSVGに変換 - Lyon : ベジェ曲線等を三角形に変更(tesselation) - Glam: 行列の演算 (svgの移動は変換行列で管理) <polygon /> <path /> usvg lyon glam
23. + PRでdevlogみたいな独り言書くの楽しかった https://github.com/Cactice/salvage-guppies/pull/29 + Rustのおかげで高校時代の夢を叶えられた C++より何倍も進捗を出せた + ゴミライブラリ作るの楽しいな 感想