Topic 01 筆文字アニメーション

遊技機系エフェクトの中でも文字にまつわるエフェクトは多岐にわたる。その中でも今回は毛筆を運ぶ表現のアニメーション制作を解説する。あらかじめデザインや演出仕様などを考慮し、Vコン段階において、気持ちの良いタイミングでロゴが出現するまでを仮制作し、リテイクが最低限になるよう無駄を省いている① 。そして、基本となるアウトライン素材を用意し、一画ずつ丁寧にマスクアニメーションを作成する。このベースとなるコンポでは、ゆっくり文字が書かれていくようキーを打っておくと、後の運筆の速度の調整が行いやすくなる。また、筆のにじみやかすれを表現するために、マスク先端にはラフエッジをかけている② 。その後、ベースコンポのアニメーションができたらタイムリマップで速度の抑揚を調整。書かれていく文字の先端を発光させるため、複製したベースコンポの開始時間をずらし、発光用のマスク素材として使用している③ 。また、運筆のアニメーションのみでは華やかさが足りないため、FumeFXで使いまわしの利く共通素材も用意した④ 。以上のコンポを3Dレイヤーとして配置し、カメラにアニメーションを付けて運筆を表現している⑤ 。

①
2Dデザイナーが制作したパスデータと、動きや尺の確認のために制作したVコンテ。ライトなデータで何度かタイミング調整を行なってから、抑揚ある派手な動きへと調整していく。この段階でタイミングを固めておくと、以後は迷うことがなくなりスムーズに作業を進められる。作り込んだものを調整するのはレンダリング時間が延び、修正がしづらくなるので避けたい

②
ラフエッジ処理の比較。硬い印象になってしまうため、筆独特のにじんだ印象になるようにスタイライズにて調整した

③
時間をずらすことによって、先端のマスクを作成。書かれていく文字の先端部分を赤く発光させる処理を追加で施した

④
FumeFXで制作した素材とその使用例。特徴のない形に調整しておくと、複数個所で使用した場合でも使いまわし感を軽減できる

⑤
3D空間上でコンポを配置し、文字のアニメーションに合わせてカメラを動かしていく

Topic 03 FIX時のキメのエフェクト

文字がFIXする瞬間は、最も派手に演出する必要のある重要な部分である。迫力ある表現にするためにロゴオブジェクトはElement 3Dで制作し、動きを3D的に表現した。ハイライトの入り方や反射の映り込みもロゴの動作や形状によってアニメーションするため、存在感や重量感が増し、豪華に見せることが可能だ①。
また、ロゴが張り付くタイミングに合わせ、衝撃波のような形状のエフェクトを発生させ何層も重ねることにより、衝突の勢いや高速感を出している。円にTrapcode Shineをかけた放射状の衝撃波のエフェクト、スクロールするフラクタルノイズにシリンダで円筒上にし広角カメラで放射状に変形したエフェクト、このふたつを重ね合わせ、S_Warp Vortexをかけて渦状に変形し、螺旋を描きながら広がるエフェクト素材とした②。
ほかにも中心で弾ける金属の火花や火の粉のようなエフェクト素材をParticularなどにて制作し、派手さやランダム感を追加し厚みをもたせている。Particularの設定、Turbulence FieldのAffect PositionとScaleで全体の動きが大きなうねりになるよう調整。パーティクルの発光はS_Glowと、厚みをもった発光にするためTrapcode Shineを併用し調整してある。③。
これらのエフェクト素材をロゴの動きに合わせて合成するのだが、ロゴにも発光アニメーションを付与することにより、衝撃エフェクトとのバランスがとれるよう調整している。張り付いた瞬間のロゴ上を左から右へ流れる反射エフェクトは、白色平面をマスクでアニメーションさせたものに、Element3Dのノーマルマップを利用したディスプレイスメントマップをかけ、立体感のあるスペキュラアニメーションを表現している④。

①
ロゴはElement 3Dを使って制作。質感を描き込んだテクスチャのディフューズ、反射を制御するスペキュラ、立体感を追加するノーマルマップ。それぞれテクスチャを割り当てて質感を上げていく

②
円にShineをかけて勢いのある衝撃エフェクトを制作（A）。ほかにもフラクタルノイズを極座標で円状にする、パーティクルを放射状に飛ばすなどの作り方がある。また、（B）はノイズと3Dカメラを利用した放射状エフェクト。円筒状に丸める際に発生するつなぎ目の処理をぼかすなどしてなじませている。そして、（C）が放射状エフェクト完成画像。今回はSapphireのS_WarpVortexを使用し、螺旋状になるように調整した。おおもとのテクスチャを変更することにより、様々な表現が可能だ

③
制作したパーティクル。Turbulence Fieldの設定はリアルな動きを表現する際、重要な設定項目となる。今回はAffectPositionとScaleを調整し、大きなうねりを表現した。また、動きを調整した後はShineとS_Glowで発光感を追加している

④
反射エフェクトの動きは白色平面をマスクし、アニメーションさせることで表現した。ロゴモデルのライティングやリフレクションなどの方法もあるが、マスクでのアニメーションが一番求める動きに調整しやすかったため、今回はその手法を採っている。Element 3Dにてノーマルマップを生成し、ディスプレイスメントマップに適用して平面を押し出すことで、ロゴの立体に沿ったハイライトを表現した。なお、ノーマルマップが水色ではなくなっているが、これはロゴ表面の傷などの質感がハイライトに影響されるよう凹凸の値を大きくし誇張しているため

まとめ　たくさんの手法で表現の幅を広げよう

遊技機映像の中で、特に「当たり」のタイトル出現エフェクトは、遊技者が最も熱くなれる場面であるため、制作する側にとっても力の入る箇所である。制作者は遊技機の演出意図を正しく理解し、それを表現するにふさわしいを手法を、たくさんの引き出しから選択していくことが重要だ。今回、紹介したのはその一部であるが、exsaでは様々なニーズに応えられるよう、幅広い表現のテクニックをストックし、効率化を図っている。これからも日々進化する遊技機向け映像において、特有の表現にしばられず、これまでにない新たな手法も常に模索し、さらなる品質の向上を目指していくつもりだ。