
2026/03/03 22:55
**Show HN:任意の画像を原始的な図形で再構築 ― WASM でブラウザ内実行**
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
概要:
Primitive Playground は、WebAssembly を使用してクライアント側のみでアップロードされた画像を幾何学的な形状のセットに変換するブラウザベースのツールです。Go で書かれた fogleman/primitive アルゴリズムを WASM に移植し、web UI を primitive-playground.taiseiue.jp で提供しています。ユーザーは以下の複数パラメータを設定できます:
- Shapes – 描画される多角形の数(デフォルト 100)。
- Mode – 形状スタイル、オプションは Combo, Triangle, Rectangle, Ellipse, Circle, Rotated Rectangle, Beziers, Rotated Ellipse, Polygon(デフォルト Triangle)。
- Alpha – Combo モードでの透明度(デフォルト 128)。
- Input size – 処理速度を上げるための画像スケーリング(デフォルト 256 px)。
- Output size – 最終キャンバスサイズ(デフォルト 1024 px)。
- Preview interval – レンダリング中にプレビューが更新される頻度(デフォルトは 10 個の形状ごと)。
生成時間は設定によって数十秒から数分まで変動します。プロジェクトは MIT ライセンス ©2025 Taisei Uemura の下で公開され、複雑な生成アートワークフローがサーバーインフラストラクチャなしで完全にクライアント側で実行できることを示しています。
本文
任意の画像をプリミティブ形状で再構築するウェブアプリ
(fogleman/primitive のポート)
これは何?
このウェブアプリは、入力された画像を幾何学的なプリミティブのみからなる合成に変換します。
全ての処理が WebAssembly で実行されるため、クライアント側(ブラウザ)上だけで完結します。
アルゴリズムは一つずつ形状を追加しながら、入力画像と現在描画された図像との誤差を最小化していきます。
形状が加わる様子はプレビューで確認できます。
これは fogleman/primitive(元々 Go で書かれた CLI)の WASM ポートで、ウェブ UI を通じてどのブラウザからも利用できるようにしたものです。
ぜひ fogleman/primitive にスターを付けてください。
使い方
primitive-playground.taiseiue.jp にアクセスしてください。
生成時間は設定により数秒から数分程度です。
設定可能項目
| パラメータ | 説明 | デフォルト |
|---|---|---|
| Shapes | 生成する形状の数 | 100 |
| Mode | 形状タイプ(Combo, Triangle, Rectangle, Ellipse, Circle, Rotated Rectangle, Beziers, Rotated Ellipse, Polygon) | Triangle |
| Alpha | 形状ごとの透明度(Combo モードのみ) | 128 |
| Input size | 処理前に入力画像を縮小するサイズ(px) | 256px |
| Output size | 最終出力画像のサイズ(px) | 1024px |
| Preview interval | プレビューが更新される形状数;大きいほど高速だがフリーズしやすくなる | 10 |
ライセンス
本ソフトウェアは MIT License の下で公開されています。
© 2025 Taisei Uemura
MITライセンスのもとでリリース。