osushi_94 https://blog.hatena.ne.jp/osushi_94/ マイナンバー忘れました https://94.hatenadiary.jp/ p5.js creativecoding code coding ピクセルアート ドット絵 pixelart シブヤピクセルアートなどで一定のカルチャーとなりつつあるピクセルアート。 これをイラストレーターなどデザインソフトウェアでパスデータとして使用したい時がすこしやっかい。 画像で素材として使うならまあ良いのだが、パスにしたいときは自動（画像トレース→拡張）だとうまくいかないことがある。手動だと骨が折れるし、、。 なんとか綺麗に自動化できる方法はないか、ということでp5.jsで作ってみた。 結構細かいドット絵でも綺麗にパス化できる。（256*256は問題ない） 画像をアップロードし、SVGファイルをダウンロードすると、以下のような感じに正方形のパス（面の塗りは画像の通り、線の色は無し）に変換されて… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F94.hatenadiary.jp%2Fentry%2F2025%2F07%2F27%2F194649" title="【p5.js】ピクセルアートの画像ファイルをSVGファイルに変換するプログラム - マイナンバー忘れました" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/o/osushi_94/20250727/20250727194423.png Hatena Blog https://hatena.blog 2025-07-27 19:46:49 rich https://94.hatenadiary.jp/entry/2025/07/27/194649 1.0 100%