紹介動画シリーズ

ブラウザゲーム「QRコード・タワーディフェンス」の30秒紹介動画

読み込んだQRコードから3Dの盤面と部隊が生まれるブラウザゲーム「QRコード・タワーディフェンス」の30秒の紹介動画です。QRを読み込む場面から90秒の防衛戦、ボスの出現、QRごとに変わる戦場までを見せています。

  • ブラウザゲーム
  • 30秒
  • 文字:日本語
  • 自主制作
  • 公開

依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。

QRコード・タワーディフェンスとこの紹介動画

QRコード・タワーディフェンスは、身の回りのQRコードを読み込むと、黒が防壁で白が通路の3D盤面と部隊が自動で生まれる90秒のリアルタイム防衛ゲームです。読み込むQRによって地形もユニットも変わり、50秒には中央にボスのQRガーディアンが現れます。CPUと対戦するひとり用のほか、ランダムマッチとルームマッチにも対応し、ブラウザだけで遊べます。画像やカメラ映像、読み取った文字列はブラウザの中で処理されます。

製品
QRコード・タワーディフェンス(ブラウザゲーム)
動画
30秒・横16:9・画面の文字は日本語・ナレーションなし

動画で見せたこと

  • QRコードを読み込むところから始め、画像でもカメラでも読み取れることを最初の場面で伝えた
  • 黒は防壁で白は通路になる盤面と、QRから生まれた部隊で戦う防衛戦を、実際に動かした画面で見せた
  • 50秒でボスが現れる場面と、QRが変わると戦場も変わる様子を、3つの盤面を並べて見せた

30秒の流れ

0〜2秒 画面いっぱいのQRコードを読み取る線が走り、作品名と「QRコードが盤面になる。90秒のリアルタイム防衛戦。」が出ます。

2〜9秒 「STAGE 1 QRを読み込む」として、ゲームのロビー画面を見せます。「画像でもカメラでも読み取れる」と添えます。

9〜15秒 「STAGE 2 QRが戦場になる」として、QRが3Dの盤面に変わっていくところを見せます。「黒は防壁 白は通路」と添えます。

15〜19秒 「STAGE 3 90秒の防衛戦」として、部隊が戦う場面を見せます。「QRから生まれた部隊で戦う」と添えます。

19〜22秒 「50秒 中央にボス出現」として、ボスの登場を見せます。「QRガーディアン HP 7,500」と添えます。

22〜27秒 「QRが変われば戦場も変わる」として、別のQRから生まれた3つの盤面を順に並べます。

27〜30秒 作品名、ブラウザ完結であること、画像などがブラウザ内で処理されること、ポータルのロゴとURLで締めます。

表現で工夫したこと

白地に実物のQRの升目を使い、画面の切り替えにも升目のワイプを使いました。QRの3つの角の切り出しシンボルが場面ごとに1つずつ揃っていく進み具合の表示も付けています。ゲーム映像は公開中のゲームを実際に動かして1コマずつ撮ったもので、ゲームの中身は変えていません。QRコードの登録商標の表記も最後に入れました。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。

自社の製品の紹介動画を相談する

企画が固まっていない段階からご相談いただけます。

紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る
無料で相談する