Three.js スタジオ
403モデル · 作成・照明・アニメーションYour browser could not start WebGL 2
Enable hardware acceleration or try a recent version of Chrome, Firefox, Safari or Edge. The model catalogue is still browsable below.
最新の3Dモデル、オブジェクト、世界を403点
飛行機、ホテル、乗り物、トランプ、ガジェット、ランドマーク、惑星、銀河、オリジナル彫刻でシーンを作成。モデルを配置し、マテリアルと照明を調整して、透過PNG、SVG、GLB、再利用できるThree.jsコードとして書き出せます。
単一のブラウザエディタに、パラメトリックシェイプ、彫刻、世界、日常アセットを統合。アニメーション背景、シネマティックブルーム、ライブFPS、お気に入り、最近のモデル、6つのローカルシーン枠、行/グリッド/円配置を備えます。ジオメトリは端末上で生成され、モデルのアップロードは不要です。
エディターの操作項目は現在英語で表示されます。
モデルコレクションを探す · 403
コレクションを選んで絞り込むか、モデルを直接スタジオで開けます。共有や識別がしやすいよう、モデル名は元の表記を保っています。
よくある質問
Three.js スタジオとは何ですか?
403点のプロシージャルモデル、アニメーション背景、シーン編集、書き出し機能を備えた無料のブラウザー3Dエディターです。モデルはThree.jsで端末内に生成されます。
どのようなモデルを使えますか?
飛行機、ホテル、家、車、列車、船、トランプ、ガジェット、食べ物、工具、楽器、建物、地球儀、国、惑星、銀河、オリジナル彫刻を選べます。
背景をアニメーションできますか?
はい。星空、オーロラ、星雲、海、残り火、シンセウェーブ、プラズマ、マトリックス風の雨など8種類の背景を選べます。オブジェクトも同時に動かせます。
本物の3Dモデルですか?
はい。Three.jsのメッシュを生成し、WebGL 2で描画します。カメラを回し、オブジェクトを配置し、マテリアルや照明を調整してFPSを確認できます。
何をエクスポートできますか?
透過PNG、SVG輪郭、GLB、埋め込みglTF、再利用可能なThree.jsコードを出力できます。対応ブラウザーではWebM録画も可能です。
最近のモデルとシーン枠はどう使いますか?
最近のモデルはこの端末の直近12件を保持します。シーンタブには、オブジェクト・マテリアル・照明・アニメーション・カメラを含む名前付きスナップショットを6件まで保存できます。すべてブラウザ内に保存されるため、持ち運び可能なバックアップにはプロジェクトJSONをエクスポートしてください。クイック配置はロック中や非表示のオブジェクトを動かさず、ロック解除済みの表示オブジェクトだけを配置します。
スマートフォンやタブレットで使えますか?
はい。最新のモバイルブラウザーでタッチ操作に対応しています。エディターが画面外にある間は描画を一時停止します。
商用プロジェクトに使えますか?
はい。SVG Nexusのオリジナルモデルとプリセットは個人・商用プロジェクトで無料で使えます。Three.jsはMITライセンスです。
独立していた3D Shapes Studioはどこへ?
このThree.js Studioに統合されました。153種類のシェイプレシピとプリセットは、既存の世界やアセットとともに利用できます。古い/shapesリンクはここへリダイレクトされ、モデル・プリセット・カテゴリ選択を保持します。