Game Graphic Groove #1 ツイートまとめ

2015/2/6に行われたGame Graphic Grooveという勉強会を聴講しながらのツイートのまとめです。 http://connpass.com/event/11187/
0

Game Graphics Groove #1
クリエイティブが、ゲームを変える。

本日(2/6)開催です!!
参加者の皆さまは、渋谷ヒカリエ11Fの専用受付までお越しください。
その際に受付票とお名刺をお持ちくださいませ。

Unity、Unreal Engine、Cocos2d-xなど、
多くのツールが活況を呈し、
コンソールだけではなく、
スマホゲームの画質も大幅に上がってきています。

このイベントは、クリエイティブによる
ゲームの進化をさらに加速させるためのものです。

ゲームグラフィックのクリエイターが、
最新のヒットタイトル開発のノウハウを
余すこと無く共有します。

クリエイティブの視点から、
ゲーム開発の効率化や、表現力の向上、
そして、新しい体験の具現化について、
突き詰めていけるような情報をご紹介いたします。

・1st Groove:19:30〜

『消滅都市』Cocos2d-xでの演出・UIあれこれ
グリー株式会社 Japan Game事業本部
Wright Flyer Studios部
マネージャー/リードアニメーター 野口 隼

xionchannel @ajinotataki

アニメーションに関してと、UIとその他について。開発はcocos2dx。アニメーションはLWFを使っている。つまり、Flashで素材作ってる #gamegrpg

2015-02-06 19:32:42
xionchannel @ajinotataki

キャラ、エフェクト、合成演出などにLWFを使っている。Flashのアクションスクリプトで関数を埋めてプログラム呼び足したりしてる #gamegrpg

2015-02-06 19:34:03
xionchannel @ajinotataki

エフェクトはアフターエフェクトの連番を基本にモーショントゥイーンを使うことで連番の数を減らしてる。cocosのパーティクルと組み合わせることも可能 #gamegrpg

2015-02-06 19:34:59
xionchannel @ajinotataki

演出はタイムラインアニメーションで作ってるが、動的に入れ替わる部分はからの素材を入れておいて、プログラムで後から絵をはめるようにしてる。 #gamegrpg

2015-02-06 19:36:06
xionchannel @ajinotataki

LWFのメリットはFlashユーザーなら学習コストは0。モックをFlashで作ることもあるが、これなら本番としてすぐ使える #gamegrpg

2015-02-06 19:37:00
xionchannel @ajinotataki

素材をgitにpushすることでjenkinsで自動ビルドするようにしてるので、実機ですぐに見ることができる #gamegrpg

2015-02-06 19:38:55
xionchannel @ajinotataki

パフォーマンス。テクスチャ統合を自動化。フォルダ名で判断して自動的にまとめるようにしてる。圧縮テクスチャはエフェクト系のみ使っている。OptpixのclearPVRを使いたかったがjenkinsから呼ぶ環境を作れなかったので今回は使っていない #gamegrpg

2015-02-06 19:40:42
xionchannel @ajinotataki

アプリにバンドルされるものはチュートリアルのものまでとして、後からダウンロードしてる #gamegrpg

2015-02-06 19:41:22
xionchannel @ajinotataki

UI組み込みフロー。Photoshopファイルをcocosように吐き出すjsxを作って出すようにした。 #gamegrpg pic.twitter.com/ROFugLVr2t

2015-02-06 19:42:58
拡大
xionchannel @ajinotataki

cocosだとレイアウトツールがないから、こういうのがないと厳しいんだろうなーと思う #gamegrpg pic.twitter.com/5xdcIe2lxL

2015-02-06 19:44:56
拡大
xionchannel @ajinotataki

ビットマップフォント。文字はビットマップでやってる。BMFontで必要な文字だけ使ったフォントセットを作ってる。 #gamegrpg

2015-02-06 19:46:41
xionchannel @ajinotataki

CocosBuilder, cocoStudioは使わずにやってる、ツールがまだ未熟だったから。なのでPSDからの出力のみ自作。PSDの共有はDropBox。アニメーションはプログラマに巻き取ってもらった。 #gamegrpg

2015-02-06 19:48:41
xionchannel @ajinotataki

Unityみたいにエディタがないので、いろいろ大変だった #gamegrpg

2015-02-06 19:49:05
xionchannel @ajinotataki

cocos2dxとFlashでの加算の結果が異なったので苦労した。実機で確認するしかなかった。 #gamegrpg

2015-02-06 19:51:55

・2nd Groove:19:50〜

『クロスサマナー』のド派手演出制作を支えたクリエイティブ開発環境
株式会社ポケラボ ゲーム事業本部 クリエイティブ部
エフェクトアーティスト 池田 博幸

xionchannel @ajinotataki

ポケラボ池田さん。黒須様なーについて。 #gamegrpg

2015-02-06 19:52:14
xionchannel @ajinotataki

クロサマは社内コンペ優勝作。フルネイティブへの挑戦。競合との差別化としてドット絵使った。 #gamegrpg

2015-02-06 19:56:47
xionchannel @ajinotataki

クロサマはコンボゲーなので、コンボ数に応じて設計されている。 #gamegrpg

2015-02-06 19:58:15
xionchannel @ajinotataki

unityのアニメーションでゴリゴリ作っている。演出の範囲はボックスこライダーで指定してあり、そのコライダーの両端にキャラが置かれるというもの。 #gamegrpg

2015-02-06 19:59:41