写真 → 3D ピクセルアート → PNG

3D ピクセルプレイグラウンド

写真で気軽に遊べる、小さな空間。

思いがけない作品を作ろう。

写真をピクセルの世界に。ドラッグして、調整して、自分らしい作品に。

画像の準備は不要。サンプルから始められます。

3D プレビューは、開いたときにだけ起動します。

このツールの使い方

  1. 1

    プレイグラウンドを開いてサンプルを試すか、端末から静止画の JPG、PNG、WebP 写真を選びます。

  2. 2

    細かさ、奥行き、間隔、色を調整します。作品をドラッグするか、視点ボタンで好みの角度を探してください。

  3. 3

    「PNG を保存」を選び、1080 × 1080 の画像をダウンロードします。実用的な編集に備えて、元の写真も残しておきましょう。

写真から小さな彫刻へ

プレイグラウンドは画像の色をサンプリングし、色付きのブロックに変換します。明るさによって芸術的な奥行きを表現しますが、写真から実際の 3D 形状を復元するものではありません。透明な部分には隙間ができることがあります。スマートフォンでも効果を試せるよう、細かさには意図的に上限を設けています。

顔、花、輪郭のはっきりしたシルエットから始めてみましょう。細かさを下げるとブロックが大きくなり、形がシンプルになります。奥行きを増やせば彫刻のような表面に、間隔を少し広げればピクセルが離れた表現になります。元の写真の見分けやすさを残したいときは、正面に近い角度に回転させてください。

作品を保存し、元の写真も残す

ダウンロードされるのは、背景を含む現在の表示を写した正方形の 1080 × 1080 PNG です。新しいピクセルアート作品であり、元の解像度のコピー、3D モデルファイル、アニメーションではありません。配色やピクセルの細かさを変えることは創作上の編集であり、元画像の情報が失われる場合があります。

実際のファイル要件には、通常のリサイズ、トリミング、変換、圧縮ツールを引き続き使えます。このプレイグラウンドは、指定したアップロード容量に収まることを保証しません。必要に応じて、書き出した PNG を後から圧縮またはリサイズしてください。

端末内で処理し、いつでも一時停止

選択した画像は、このブラウザページ内に留まります。10 MB、12 メガピクセル以下の静止画 JPG、PNG、WebP に対応しています。アニメーションファイル、SVG、GIF、HEIC、PDF には対応していません。アカウント、カメラの許可、アップロードは不要です。

プレビューはプレイグラウンドを開いてから起動し、操作するか回転を再生するまでは静止したままです。画面外に移動したりタブが非表示になると、アニメーションは一時停止します。プレビューを小さくし、ピクセル数を減らすとスマートフォンでの負荷を抑えられますが、動作性能はブラウザと端末に依存します。プレイグラウンドを閉じると描画リソースを解放できます。変更内容は次回の訪問には引き継がれません。

よくある質問

自分の写真を使えますか?

はい。使用する権利のある、対応形式の画像を選んでください。端末内で読み込まれ、アップロードされません。書き出されるピクセルアートは別の画像なので、元のファイルも保管してください。

プレビューのピクセルが元の写真より少ないのはなぜですか?

画像をサンプリングし、限られた数の色付きブロックを並べたグリッドに変換しています。これは見た目のスタイルであり、小型の端末でもプレビューを扱いやすくするためでもあります。PNG への書き出しは現在の作品を記録するもので、元の写真のすべての細部を保存するものではありません。

3D 表示が動かない場合は?

WebGL が有効な新しいバージョンのブラウザを試すか、プレイグラウンドを閉じて開き直してください。通常の画像・テキストツールは、この 3D プレビューを開かなくても利用できます。

参考資料・関連文献

Three.js · Three.js — Responsive design

実用的な編集が必要ですか?

通常のツールで元の画像をリサイズ、トリミング、圧縮できます。