🦊
【Naninovel】パララックス(視差)を活用したカメラ演出
パララックスを活用したカメラ動作サンプル
上記動画の Naninovel スクリプト
※カメラの FOV とキャラ・背景の Z 位置を Naninovel デフォルト値から変更しています
- FOV: 60 -> 15.25
- キャラの Z Offset: 50 -> 30
- 背景の Z Offset: 100 -> 50
; カメラモードを Perspective に設定
@camera ortho:false
背景表示
; ※ Perspective モードでは、カメラから遠いオブジェクトが小さく描画されてしまう → scale で拡大
@back Kasenjiki scale:1.5
キャラクター表示
@char Schoolgirl scale:2
ズーム状態で左右移動
@camera zoom:.5
@camera offset:-5,0 time:.7
@camera offset:5,0 time:.7
@camera offset:-5,0 time:.7
@camera offset:5,0 time:.7
@camera offset:-5,0 time:.7
@camera offset:5,0 time:.7
@camera offset:-5,0 time:.7
@camera offset:0,0 time:.7
ズームリセット
@camera zoom:0 time:.7
ズーム & 左右移動
@camera zoom:.5 offset:-5,0 time:.7
@camera zoom:0 offset:0,0 time:.7
@camera zoom:.5 offset:5,0 time:.7
@camera zoom:0 offset:0,0 time:.7
@camera zoom:.5 offset:-5,0 time:.7
@camera zoom:0 offset:0,0 time:.7
@camera zoom:.5 offset:5,0 time:.7
@camera zoom:0 offset:0,0 time:.7
ズーム & 左右移動 & 回転
@camera zoom:.5 offset:-5,0 roll:15 time:.7
@camera zoom:0 offset:0,0 roll:0 time:.7
@camera zoom:.5 offset:5,0 roll:-15 time:.7
@camera zoom:0 offset:0,0 roll:0 time:.7
@camera zoom:.5 offset:-5,0 roll:15 time:.7
@camera zoom:0 offset:0,0 roll:0 time:.7
@camera zoom:.5 offset:5,0 roll:-15 time:.7
@camera zoom:0 offset:0,0 roll:0 time:.7
test
@stop
※比較用:パララックスなしの通常動作
Naninovel のカメラモード
Naninovel のカメラ機能には Orthographic
と Perspective
という 2 種類のモードが用意されています。
-
Orthographic
- 奥行きを考慮しない 2D 表現モード
-
Perspective
- 奥行きを考慮した 3D 表現モード
- → パララックスを活用したカメラ演出が可能
初期状態では Orthographic
モードに設定されており、スクリプトファイルにて下記コマンドを実行することで Perspective
モードに切り替えることが出来ます。
; Perspective モードに切り替える
@camera ortho:false
Perspective モードの注意点
カメラからの距離(Z 軸方向の位置関係)が反映されるため、デフォルトの設定のままだとキャラや背景が小さく描画されてしまいます。
小さく描画されることを考慮して、
- キャラや背景の表示コマンドで
scale
パラメータを設定し、拡大表示する - キャラや背景の Z 位置をカメラに寄せる
- カメラの設定で Field of View (FOV) を小さくする
と言った調整が必要となります。
まとめ
-
@camera ortho:false
コマンドでカメラモードをPerspective
に切り替えられる- → パララックスを活用したカメラ演出が可能となる
-
Perspective
モードではキャラや背景が小さく(遠くに)描画されてしまう- → キャラや背景のサイズ調整をする工夫が必要
Discussion