ゲームエフェクトデザイナーのブログ | A Real-Time VFX Artist's Blog

About Making Materials on UE, Making Tools with C#, etc

GDC 講演動画を翻訳しながら視聴する

GDC の講演動画は YouTube にも結構な量、公開されています。
しかも開催年ごとにプレイリストになっています。

現状は VFX に直接関係するものから観ていって、その後はレンダリングなどグラフィックス寄りのものに手を出していこうと思っていますが、自分なりに英語学習を兼ねつつ翻訳しながら視聴する流れを書き留めておきたいと思います。

続きを読む

海外講演の英語字幕を整形する秀丸マクロ

例えば、YouTubeGDC の講演動画で英語字幕を表示した際には「自然な位置での改行」「ピリオド・カンマ」が入っておらず、また全文がほぼ小文字になっているため、非常に読みにくいです。
そこで、テキストの整形のために秀丸マクロを組んでみました。
(普段、文章やリストの整形に秀丸をよく使っているので)

ちなみに YouTube の字幕は Language Reactor でもダウンロードできます。
Language Reactor - Chrome ウェブストア

続きを読む

GDC 2022 | How to (Not) Create Textures for VFX

GDC 2022 の講演「How to (Not) Create Textures for VFX」から、重要なトピック(余力があれば英語表現も‥)を取り上げてみる記事になります。

タイトルはテクスチャを作る方法・またいかにテクスチャを(ゼロから)作らずに手早く用意するかといった意味が込められているようです。

講演動画を再生しながら、本記事を読んでいただくと良いと思います。

続きを読む

英語学習を3年続けてみた所感 | My impressions after 3 years of studying English

英語学習を始めてもうすぐ3年が経ちます。
It's been almost three years since I started studying English.

そこで、本記事にて今の所感を書いておきたいと思います。
Therefore, I wrote my current impressions in this article.

続きを読む

VPN + Netflix で日本のアニメを英語で観る

VPN 接続サービスを利用することで、世界各国の接続環境でオンデマンド配信を楽しむことができるのですが、そうすると国内で英語音声に非対応の作品も英語で視聴可能になったりします。英語字幕対応の日本のアニメは結構ありますが、英語音声対応のものになると一気に限られてくるのですよね。

VPN サービスの導入方法についてはこちらの記事をご覧いただければと思います。

他にもいくつかの記事・YouTube動画を参考にしましたが、VPN サービスは NordVPN が好評ですね。月額も安いため1年・2年で申し込んでしまって良いかと思いました。

スタンドアロンアプリのインストールが必要ですが、接続・切断は簡単ですぐ切り替えられますし、実際に Netflixジブリ作品を英語で試聴できています。

回線の重さについては、Ntflix で動画を視聴する分には全然問題はありませんが、視聴時に音声言語を切り替えるとその度に 10 秒ほど待たされるのはあります(名シーンとか日本語音声で聞きたくなったりするので)。

2022.06.05 追記:

イギリス・フランスでジブリ作品が視聴できているのと、シンガポールやマレーシアは U.S. 扱いになっているのと、また「君の名は(Your Name)」「天気の子(Weathering with You)」はオーストラリアで視聴できるのは確認しています。

GDC 2019 | The VFX Process Behind 'Battleborn'

GDC2019の「BATTLEBORN」のエフェクトのメイキングの講演から、重要なトピックと英語表現の両方を取り上げてみる記事になります。

講演部分は20分ほどで、英語に慣れるのにも丁度良いと思ってピックアップしました。

BATTLEBORNはUE3で開発されていたようです。
Battleborn (video game) - Wikipedia

 

Introduction


講演者はBATTLEBORNを開発したGearbox SoftwareのシニアVFXアーティストのAshley Lyons氏。「Borderlands: The Pre-Sequel」にも携わっているとのこと。

TwitterHank Hustle🎮🖱🎨 (@FXBl4ckout) | Twitter
ArtStation: https://ashlyons.artstation.com/

pre-sequel / prequel ‥ 前日譚・前編
sequel ‥ 後日譚・後編・続編


また、BATTLEBORNの特徴は以下であると説明されています。

fast-paced ‥ ペースの速い・展開が早い
light-hearted ‥ 快活な・楽しい
FPS
stylized ‥ 様式化された・スタイライズドな
aesthetic ‥ 美的な・美学的な(アスタティック)
it incorporates mobile-like elements
 ‥ モバイル(ゲーム?)のような要素を組み込んでいる


講演内容のトピックは大きく3つ。

Why we decided to feature stylized effects?
なぜ我々はスタイライズドなエフェクトを特徴付けることを決めたのか?

How it concepted many of our ideas?
我々の沢山のアイデアをどうやって構想したのか?

How we implemented those ideas to come about with our final product?
それらアイデアを我々の最終的な製品に組み込む


メモ:【to implement】 と 【to incorporate】 と 【to integrate】 はどう違いますか? | HiNative

なぜスライライズドなエフェクトにしたのか?


2つ語られています。

It was a great way to stand out amongst other FPS games.
それが他のFPSゲームの中で突出するための方法だった。

・amongst = among 
・stand out ‥ 突出する・目立つ・際立つ

By doing so it allowed us to create some super creative and original VFX.
そうすることで非常にクリエイティブで独創的なエフェクトを作ることができた。


キャラクターデザインの時点ですでに誇張された見た目(exaggerated look)だったそうです。そこに独自のアニメーションされたエフェクト(Animated VFX)を加えることで、アニメ的な美学(cartoon-like aesthetic)を高めて(enhance)引き立たせ(complement)、カラフルな環境も同様に引き立たせることができたとのこと。

また様々なテクニックやスタイルを試せたことも良かったそうです。

加えてAshley氏の個人的な意見として「現実に即したエフェクトはアーティストに表現の制限を与えてしまう傾向にある」とも語られています。

沢山のアイデアをどうやって構想し、どう製品に組み込んだのか?


2人のアニメーターの参加が中核になっていたようです。

●Michel Gagne氏の参加

BATTLEBORNの構想段階で、様々な映画(Spider-Man: Into the Spider-Verseも)に携わっているFXアニメーターMichel Gagne氏が加わったそうです。
About Michel Gagné

講演とは関係無いですがスパイダーバースのメイキングを貼り付けておきます。。

こちらは、Michel氏とのやり取りの説明時に登場した表現のメモです。

initial growing pains ‥ 初期の困難

out of the way ‥ 並外れた・片付いて
follow suit ‥ 先例に倣う・後に続く
go over ‥ 調査する・探査する・練習する・熟考する


初期のエフェクトのコンセプトイメージを起こしてアイデアをコンセプト化しているそうで、実際にMichel氏がゲーム中のアニメーションの1コマ1コマに手描きで起こしたものが紹介されています。


●Seung Kim氏の参加

もう1人FXアニメーターのSeung Kim氏が3万フレーム(!)を遥かに超える量の中割りのパターンを描いて、ゲームのアセットに落とし込んだそうです。

またエフェクトチームに2人のアニメーターがいる利点として、観察する機会が得られる点と「12 Principles of Animation(12のアニメーションの原則)」のいくつかを自分たちのエフェクトに応用できた点があり、結果キャラクターアニメーションを模倣したエフェクトを作ることができたそうです。そのため36フレームなら36パターンのアニメを用意したとのこと(!)。

over the course of the game development ‥ ゲーム開発の過程で
a type of basic ground impact ‥ 基本的な地面への衝撃波
fall into the groove ‥ 型にハマる・マンネリになる・慣れる
turn into ~ ‥ ~に変化する
towards the end of development ‥ 開発の終盤に向かって
up to the standard ‥ 基準に達する
go back ‥ 再び取り掛かる・立ち返る
precise ‥ きちんとした
crisp ‥ 鮮明な・きちんとした
akin to ~ ‥ ~と同種の
observe [verb] ‥ 観察する
namely ‥ すなわち・ハッキリ言えば
unnoticeable ‥ 知覚されない・目立たない
end up with ~ ‥ 結果的に~で終わる

 

●フレームレートガイドの作成

テクスチャスペースを最大化するためにフレームレートガイドを作成したという話がされました(詳細は話されていないので分かりませんが、記載の感じだと1枚のテクスチャに複数のアニメーションパターンを同梱していたりも?)。

最終的に3600個を超えるパーティクルエフェクトが完成したとのことです。

●スタイルガイドの作成

総勢30名のキャラクターが6つの組織に属していて、各組織とキャラクターに独自のスタイル化されたエフェクトがあり、一貫性を保つためにスタイルガイドを作成する必要があったそうです。

to keep things consistent ‥ 一貫性を保つために
consistent ‥ 辻褄の合う・一貫性のある・着実な
faction ‥ 派閥・技法の形式
cement the look ‥ ルックを固める
acquire [verb] ‥ 獲得する・習得する
we represented with electric blue and some golden yellow hues.
 ‥ 電撃的な青とゴールデンイエローの色合いで描写(表現)した
represent [verb] ‥ 示す・代表を務める・描画する・表現する・心に描く

hue ‥ 色相・色合い・色彩・種類・型・見え方

 

●グレーパッキング

RGBの各チャンネルにモノクロのテクスチャを格納することをグレーパッキングと呼んでいるそうです。特定の色が必要でない限り、各テクスチャはグレーパッキング用に色味を抑えて色調統一のためにグラデーションを入れないようにしているとのこと。

最終的に90%のテクスチャをグレーパッキングしたとのこと。マテリアルインスタンスでRGBのどのチャンネルの絵柄を利用するか選べる形になっている感じでしょうか。サムネイルでどんなテクスチャが格納されているか見辛くなるため、膨大なテクスチャの大半をパックしているとなるとその点がネックになりそうですが。。

assemble [verb] ‥ 集める・組み立てる・構築する・整理する

keep at around two to three colors ‥ 2~3色に抑える

a black and white texture ‥ モノクロテクスチャ

at the end of the project ‥ プロジェクト終了時

 

●2Dのテクスチャを3D環境に加える

旋風の3Dエフェクトを例に、どんなテクスチャをどんな3Dモデルに適用しているか説明されています。爆発エフェクトのコンセプトアートは真横から見た絵になっていますが、色んな角度から見ても大丈夫なようにエフェクトを構成するために、Michel氏には「真下を見るようなイメージで」とオーダーしたとのこと。

strip ‥ 細長い一辺
one-to-one ‥ 1対1の・1対1に対応する
give that effect a more volume
 ‥ そのエフェクトによりボリューム感を与える
escape that flat billboard type look
 ‥ 平坦なビルボードタイプの見た目を回避する
result [verb] ‥ 生じる・帰結する

 

●キャラクターに合ったエフェクトを用意する

12のアニメーションの原則の適用とキャラクターアニメーションの誇張されたルックにエフェクトをマッチさせた結果、プレイヤーキャラクターの全てのエフェクトに「a sense of ownership(キャラクターを体現している感じ?)」を生んでいるとのことです。

correspond ‥ 一致する・該当する
respective 名詞(複数形) ‥ それぞれの・個別の
convey [verb] ‥ 運ぶ・伝える
ownership ‥ 所有者・責任感
bipedal ‥ 二足歩行の
shimmer ‥ チラチラと光る・揺らめく

 

例えば二足歩行の蛇のキャラクター「Pendles」には全てのエフェクトに蛇のテーマを、同じく鳥のキャラクター「Ernest」には卵黄と羽のテーマを与えたそうです。

a heavily implied snake theme ‥ 色濃く暗示した蛇のテーマ
egg yolk ‥ 卵黄

 

●エフェクトを制作する上で避けたこと

チームで「FX Soup」または「Color Vomit」と呼んでいるものを避けた(avoiding what we on the team called Effects Soup or basically Color Vomit)、具体的には画面上に過剰にエフェクトを表示させることを避けたということです。

※ soup は濃霧・分厚い雲という意味がありネガティブなニュアンスがある模様
※ vomit は嘔吐物・噴出という意味がある模様

get carried away ‥ 調子に乗る・我を忘れる
straddle a line ‥ 境界をまたぐ
abundance ‥ 大量・おびただしさ
dial back ‥ (議論などを元に)戻す
numerous critique ‥ 無数の批評

 

●プレイヤーが近づいた際にフェードさせる

開発終盤のポリッシュ時に「We added a fade to all of the particle systems anytime the player got close to them.(ゲーム中に全てのエフェクトをプレイヤーが近づいたらフェードさせるようにした)」そうです。

結果的にカメラの視界も良くなると思いますが、直接的にはキャラクター自体の視認性を上げるための施策ですね。

impede ‥ 妨げる
during the game ‥ ゲーム中

 

●最後にいくつかの助言

Ashley氏はスタイライズドなエフェクトをゲームに取り入れることを検討する際のアドバイスとして「You should ask yourself why you stylize effects in the first place and how will this decision affect your game.(そもそもなぜエフェクトをスタイライズするのか、その決定がゲームにどう影響するのか自身に問うべき)」と語っています。

そして「You can ask yourself if is the universe cohesive, (and) does everything belong.(その世界はまとまっているのかどうか、全てがあるべきところにあるかを自身に問ってはどうか)」、またコンセプト作成に移る際には新しいことへの挑戦を恐れず、自分では作れないタイプのエフェクト作成に果敢であれと言う一方で「FX Soup Look」を避けるべしといった感じにことを言われています。

それから「エフェクト自体がキャラクターのように命・振る舞い・個性を与えること」や「あなたが成し遂げられる限界に近づくこと」を最後に添えられています。

in the first place ‥ 第一に・そもそも

 

以上、英語のリスニングと開発における英語表現の勉強を兼ねてのご紹介でした!

Sprite Sheet Tool をリリースしました!

スプライトシートを作成したり、逆に画像を分割したりするためのツールです。

かなり簡易的に作成したツールなので、現状はファイル名を指定できなかったり出力フォルダを指定できなかったりと色々と手を抜いたものになっています。。

f:id:moko_03_25:20220220003723p:plain

 

複数の画像を1枚に結合して出力する方法


1.  ツール上に複数の画像をドラッグ&ドロップ
 ※この場合は何もプレビューされません(左下の Number : に枚数が表示されます)

2.「ヨコに並べる数」を指定

3.  画像のフォーマットを選択

4.「出力する」ボタンを押す

すると最初に放り込んだ画像が保存されている場所に「Output」フォルダを自動で作成して、その中に結合した画像を出力します。

f:id:moko_03_25:20220220001833g:plain

 

1枚の画像を複数の画像に分割して出力する方法


1.  ツール上に1枚の画像をドラッグ&ドロップ

2.「ヨコの分割数」と「タテの分割数」を指定

3.  画像のフォーマットを選択

4.「出力する」ボタンを押す

すると、こちらも「Output」フォルダを自動で作成して、その中に画像を出力します。

f:id:moko_03_25:20220220001820g:plain

 

ダウンロードはこちら


GitHubにアップしています。binaryフォルダ内にツール本体の実行ファイルが入っていますので「Download」ボタンからDLしてお使いください。

ライセンスは MIT License です。

不具合があったらtwitter(@moko_03_25)等でお知らせいただけると助かります!

更新履歴


・2022.02.20 ver.1.00   リリース!

作者 / 著作権


moko

動作確認済みのOS


Windows10 (64bit)

使用条件


本ツールはOSSオープンソース・ソフトウェア・ライセンス)です。
商用・非商用に関わらず(プライベートでもお仕事でも)ご自由にお使いください。
複製、改変、再配布も自由です。

免責事項


本ソフトウェアは予告なく機能を変更することがあります。
本ソフトウェアは動作環境を満たす全ての環境で正常に動作することを期待していますが、保証はできません。
本ソフトウェアの使用により生じたいかなる損害に関して、作者は一切の責任を負いません。

 

煙に背後のオブジェクトのシルエットを写す [後編] | Draw silhouettes of objects behind smoke Part.2

陽 花嶋 さんの記事「Niagaraでマリオのワンワン作ろう~PDB法でのリアルタイム鎖シミュレーション~」に続いて「UE Advent Calendar 2021」23 日目、そして前回の記事の後編です!

Following Yo Hamashima's article "Let's make Chomp in Mario Bros. ~ real-time chain simulation by PDB method ~," this is the article on the 23rd day of UE Advent Calendar 2021 and the second part of the previous article!

続きを読む

英語の技術記事の冠詞・単数形・複数形(UEの場合)

英語で技術記事を書く際に名詞の冠詞単数形複数形の使い分けに非常に迷います。
そこで UE5 の公式ドキュメントを参考に特徴を抜き出してみました。

続きを読む