もだねちゃん 3D ビューワー

ねんどろいど もだねちゃん を 3D スキャンしました。

• 回転: 左クリックでドラッグ / スワイプ
• 移動: 右クリックでドラッグ / 二本指ドラッグ
• ズーム: マウスホイール / ピンチイン・アウト

※ 動作が重い場合は、ブラウザの次の設定がオンになっているか確認してください。

• Microsoft Edge: 設定 > システム > 使用可能な場合はグラフィックス アクセラレータを使用する
• Google Chrome: 設定 > システム > グラフィック アクセラレーションが使用可能な場合は使用する

使用ライブラリ

• Three.js (MIT)
• React Three Fiber (MIT)
• react-postprocessing (MIT)
• drei (MIT)

使用アプリケーション

• Polycam (3D スキャナ)
• Blender (モデルの調整)

参考文献

• three.js docs
  • GLTFLoader – three.js docs
• React Three Fiber Documentation
• drei.pmnd.rs
• TOPIC 12｜Three.jsで活用する[1/2]｜Three.jsを使った3D都市モデルの読み込みと表示 | How To Use | PLATEAU [プラトー]
• スマホで無料3Dスキャン(フォトグラメトリ)を試してみよう！｜iwama
• Blenderの基本操作を確認しよう！～オブジェクトの移動・回転・拡大縮小する方法 | gihyo.jp
• 建物や自然を描かなくてもOK！ キャラが映える「背景の描き方」をイラストレーターのさいとうなおき氏が解説 | ニコニコニュース オリジナル
• three.jsのライトについてのメモ - のぐそんブログ