kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ・カスタム https://blog.kimizuka.org/ Three.js React DEMO kimizuka.org左上のボタンを押すとカメラの位置がスムーズに移動します。 今回の例だとcubeのscaleを変えるのと見栄えは変わらないですが、しっかりとカメラを動かしています。 ソースコード（抜粋） const maxRange = 16; const minRange = 2; export default function CubePage({ contents }) { const targetRef = useRef(maxRange); const positionRef = useRef(minRange); const canvasRef = useRef(n… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2023%2F01%2F11%2F234750" title="Three.jsでカメラをスムーズに移動する 🎥 - みかづきブログ・カスタム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20201102/20201102125631.png Hatena Blog https://hatena.blog 2023-01-11 23:47:50 rich https://blog.kimizuka.org/entry/2023/01/11/234750 1.0 100%