Three.jsのOrbitControlsをもっと使いこなす！よくあるTips 5選 - Qiita

Three.jsのOrbitControlsをもっと使いこなす！よくあるTips 5選 Three.jsで3Dモデルを扱う際、OrbitControlsはカメラ操作の基本ツールです。 この記事では、初心者がよくつまずくポイントや「ちょっと便利」な設定をまとめました。 ✅ 1. コントロールの初期化は必ず「レンダーループ外」で！ import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'; const controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; // なめらかに動く controls.dampingFactor = 0.05; → controls.update()