A
AIGENT ACE
ホーム
デモ一覧
料金プラン
企業情報
calculate
この技術の概算見積を試算
見積試算
無料で相談する
デモの使い方
スプライン曲線で生成したワイヤーフレームのトンネルをカメラが自動で進み、マウスで視点をずらせる3Dデモです。
Three.js
トンネル
ワイヤーフレーム
操作手順
「マウスを左右に動かして視点変更」の通り、マウスを動かす
シアン色のワイヤーフレームトンネルが色相を変えながら続くのを確認
マウス位置に応じてカメラの視点がずれ、トンネルの見え方が変わるのを観察
活用シーン
CatmullRomCurve3とTubeGeometryによるトンネル生成の学習
曲線上を移動するカメラ制御の実装例
没入感のある背景演出の参考実装
Infinite Tunnel
マウスを左右に動かして視点変更