こがしぱんるーむ

初心者のゲームプログラミング勉強記録

ティラノスクリプト~拡張現実(AR)機能_カメラ映像編

こがしぱんです。

 

前回は、新年のあいさつでしたが、今回からまたティラノスクリプトの学習に戻っていきます!

 

前々回は「キーフレームアニメーション」をしました。

kogashipanroom.hatenablog.com

 

今回は、「拡張現実(AR)機能~カメラ映像~」です!

 

AR機能ってすごくない!?

ノベルゲームでそこまでできるの!?って感じで衝撃です...。

 

ということで、さっそく内容を見ていきましょう!

 

ティラノスクリプトのAR機能について・・・

※この機能はティラノスクリプトV5以上が必要です。

ティラノスクリプトV5ではAR機能が追加されています。
例えば、スマートフォンでゲーム画面にカメラの映像を背景に流して、キャラクターと2ショットを取るようなゲームが簡単につくれます。

(公式より引用)

 

例えば、ポケモンGOのARモードとか、

(引用元:AR+モードでポケモンを捕まえる — Pokémon GOヘルプセンター


デレステなど、色々なソシャゲで使われてますね。

(引用元:バンナム、『デレステ』のフォトスタジオに「ARスタジオ」を追加! 端末のカメラを通じて日常風景にアイドルが登場 | gamebiz

 

実際に公式の動作サンプルがあったので確認。

tyrano.jp

 

カメラを「許可」にすると、

 

カメラオンにしてないから、青背景なんですけど、オンにすると現実の背景が表示されるみたいなイメージ。

 

あかねちゃんが入ると、こんな感じ!

 

 

エフェクトもかけれる...だと!?

 

桜エフェクト。

 

雨エフェクト。

 

回想エフェクト。

などなど。

 

そして、カメラを特定位置に配置することも可能とのこと!

 

す、すごい...。

 

さっそく、AR機能に挑戦!!

 

■背景にカメラ映像を表示する

背景にカメラの入力を表示するには[bgcamera]タグを使用します。

↓が公式のサンプルコード。

 

前回のアニメーションコードの下にコピペ。

 

実行!!

おおーー!正常に動きました!

 

はじめて、カメラを使用する場合は、↓みたいなカメラの使用許可を求めるメッセージが表示されるらしいのですが、今回特になかった...。

1度、サンプルゲームで許可しちゃったからかな?

 

1度許可すれば2回目以降メッセージが表示されることはありません。(同一ドメインのみ有効)ということらしいので、プレイヤーには、このアクセスを許可するようにアナウンスしておきましょう。

 

またブラウザゲームとして動作させる場合 「https:// 〜 」でアクセスできる場所にゲーム配置しなければなりません。

 

次は、[bgcamera mode="back"]のコードについて内容確認。

modeパラメータは front back が指定できます。何も指定しないと端末のデフォルトカメラが選択されます。
背面カメラを使用したい場合はback。前面カメラを使用したい場合はfrontを指定します。

 

■カメラ映像の位置を調整する

通常は背景前面に表示されますが、座標と幅を指定することもできます。

 

公式のサンプルコード確認。(↓)

 

サンプルコードをコピペして、実行!

画面の中にカメラ映像がある!!

このように、位置と幅を指定すると、画面上の特定領域にカメラの映像を流すこともできるんですね!すごい!

 

ということで、今回はここまで!

今回は「拡張現実(AR)機能~カメラ映像~」をやってみました。

 

ノベルゲームでAR機能が自分で実装できるのってすごいですね!

ゲームの幅が広がりそう...!

 

次回もティラノスクリプトやっていきます!