画像から編集可能なThree.jsへ

img2threejsは、参照画像を解析し、写っているオブジェクトをプロシージャルなThree.jsシーンとして再構築する無料の画像変換ツールです。ブラックボックス化された単一メッシュではなく、名前付きパーツ、マテリアル、変換情報、確認可能なJSON仕様、編集可能なTypeScriptを出力します。

対象物がはっきり写ったPNGまたはJPGをアップロードし、「クイック生成」を選択します。img2threejsが画像を解析し、提案されたパーツとジオメトリを検証して、ブラウザ上にプロシージャルな3D結果を表示します。任意の追加アングルを使うと、隠れた接続部分の推定精度を高められます。

はい。現在のクイック生成は無料で利用できます。対応する参照画像をアップロードし、ブラウザで3D結果を確認して、TypeScriptとJSONをダウンロードできます。無料利用でも再構築の限界は変わらず、不鮮明な画像、有機物、透明物、遮蔽の多い対象は簡略化されたり、生成できない場合があります。

明るく鮮明で、硬い表面を持つ単一の対象物が全体まで写り、輪郭が読み取りやすく、背景がシンプルな画像が適しています。商品写真、工具、小型家電、家具パーツ、単体の小物は、人混み、髪、ガラス、煙、複雑な背景より安定した結果になりやすいです。

はい。回転して確認でき、コードで編集できる複数パーツのThree.jsシーンを生成します。単なる平面画像の効果ではありません。ただし、1枚の写真だけでは正確な縮尺、奥行き、隠れた面を取得できないため、写真測量による高精細スキャンではなくプロシージャルな近似です。

主な出力は、編集可能なThree.js TypeScriptと構造化されたJSONビルド仕様です。現在はGLB、OBJ、FBX、STLには対応していません。Webアプリへの組み込み、Gitでの管理、名前付きパーツの操作に向いたコードファーストの形式です。

はい。ダウンロードされるファクトリー関数は、名前付きパーツを含むTHREE.Groupを返します。パーツ名、寸法、マテリアルの変更、インタラクションやアニメーションの追加、個別のプロシージャル形状の置き換えができます。

参照画像は、視覚解析と生成のためにimg2threejsサーバーからOpenRouterおよび設定されたAIモデルへ送信されます。アカウントにひも付く画像ライブラリはありませんが、インフラ事業者やAI事業者が各社のポリシーに基づいてデータを処理・保持する場合があります。機密画像や利用権のない素材はアップロードしないでください。

いいえ。写真測量は、対象を囲むように撮影した多数の重複画像から詳細な形状やテクスチャを推定します。img2threejsは、1枚の必須画像と任意の補助画像から視覚解析とプロシージャル構築を行い、計測済みの表面ではなく編集しやすいブラウザ用コードを生成します。

アップロード画像の利用権を保有し、生成結果を確認する責任は利用者にあります。それらの権利と利用規約を満たす範囲で、生成コードを商用・非商用プロジェクトで使用、変更できます。公開や販売の前に、保護されたデザイン、商標、機密情報、第三者素材が含まれていないか確認してください。

名前付きパーツと階層構造が生成されるため、後からアニメーションを追加しやすくなります。ただし、完成済みのリグや自動アニメーションを保証するものではありません。パーツが個別に表現されていれば、車輪の回転、ふたの開閉、レバー操作、イベントの追加が可能です。

インタラクティブな商品ページ、技術解説、ゲームやシミュレーションの試作、教育用デモ、クリエイティブコーディング、社内コンセプトレビューなどに利用できます。本番公開前には、外観、性能、権利、アクセシビリティを必ず確認してください。