Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。

世界に向けたスマートフォンゲームを支える
グリーのテクニカルアーティストについて

Development Department/Japan Studio
Yota Hisamichi

Copyright © GREE, Inc. All Rights Reserved.

Self-introduction

Yota Hisamichi

RIA 系 Web ゲームコンテンツ会社、
大手コンソールゲーム会社で勤務後、

現在 GREE でスマ —トフォン向け
ネイティブゲームのクライアントサイド開発、
テクニカルアーティストやってます。
（ Web とコンソール業界の両方を見て来た、もと Flasher ）

先日、海外の複数カ国で「 Animal Days 」 β 版リリースしました。


Animal Days （ TA がいがありそうな、 Unity3D 上で 2D ゲー
ム）


グリーの TA を取り巻く
近況


世界に広がるグリーオフィス

・・・わずか１年少々で、全世界１１オフィス！


さらに増加するグリースタジオ

グローバルに通用する魅力的なコンテンツラインナップの強化を目的にモバ
イ
ル向けシミュレーション RPG のリーディングカンパニー Funzio,Inc
（本社：米国カリフォルニア州）を子会社化


グローバルに向けて GREE Platform リリー
ス


時代の要請と、それに伴う開発環境の充実

Automatic convert


求められるテクニカルアーティスト

このように、大きな舞台と準備が整いました！

そのため、

① 大量の asset を
② 高速かつ
③ どのスタジオ環境下でも

開発促進できる TA が、数多く必要です。

＝可能な限り自動化
高速・高品質・言語の超越


実際のゲーム開発における
具体例


あまり語られてこなかった
弊社のサーバーサイド以外の話


… 全部説明は無理なので
何をお見せするか、


1 Image
to
Native Game UI


1 枚の画像ファイルから、自動で
ネイティブゲーム UI を作る。
（までの流れ）


UI コンバートシステム (UIsmash) の全体概
要

ajustment
画像 layer make fla
Flash(R) publish
(PhotoShop) setting ( jsx )
( jsfl )

color texture localize
swf png packing
reduction data

lwf ( 仮 ) C#
convertor LWF 　 )
(仮
(or JavaScript)
git jenkins

Device1

全 16 工
( iPhone )
Unity3D
(or HTML5) Device2
( Android )
程！

PhotoShop layer name setting

layer setting について
（ここだけ手動）


PhotoShop layer name setting

Button_CloseButton_ShowGameMap


Layer 名で UI を指定・設定

callBack 名
UI のタイプ変数名 (state 名 )

Button_CloseButton_ShowGameMap



List_Body_2_3_horizontal



column 数
縦 or 横の指定
UI のタイプ変数名 row
数

List_Body_2_3_horizontal


Layer 名で UI を指定・設定 (convert 後の Flash 上 )


make fla

PhotShop script (.jsx)
Psd to Fla
早い。ズレない。誰でも使える


to Flash

Flash (R) (.xfl or .fla)
swf 生成より後々変更容易
後でモーション演出付与可能


swf publish

flash script (.jsfl)
エラーチェック・最適化・ swf 生成


減色 & like CSS Sprite

color reduction
(such as 16bit RGBA4444, gradation)
&
texture packing
(margin adjustment, draw call reduction.)

軽くなる。早くなる。奇麗になる。


localize data

bitmap text
(14 language)

あらかじめ指定しておけば、
ローカライズも容易


make lwf

lwf( 仮 ) convertor
(binary, C#, JavaScript)

各種フォーマットに書き出し可能。そして高速


version control

git & jenkins
(.apk .ipa)
(for QA, Dev, Staging, Product)

ソースとバイナリのバージョン管理
自動ビルド


GameEngine

Unity3D or HTML5
(or Flash(R) Air(R))
(and Unity3D EditorScript)

Unity 上でも 2D を実現。同時に HTML5 も。
エディタスクリプトが扱えれば、開発がよりスムーズに。


Build for multi device.

iPhone & Android
各種端末に対応


Complete!
ほぼすべて自動化可能かつ、
途中からマニュアルで修正・追加可能な状態


Shop UI sample


生成可能な UI

1. Img (MovieClip,parenting)
2. Text (Dynamic text)
3. Button (interactive motion)
4. Toggle
5. List (vertical,horizontal)
6. AttachTarget (Character, Item)
7. Frame
8. Gauge
9. RareRateStar
10. localize text target


How making
other object?
(such as Character, Building)

UI と同じく、すべて LWF( 仮 ) で実現

2D 向きでない 3D ゲームエンジンで、従来と同じ
Web アセットで、 2D ネイティブゲーム Map を描画


GREE-TA の必要スキル

・ Flash(R) オーサリングの基礎
・ ActionScript 1.1 の基礎 ( フィーチャーフォン )
・ PhotoShop の基礎
・減色・ TexturePacking の基礎
・自動化の基礎（ jsfl, jsx ）
・ Unity3D の基礎
・ HTML5 の基礎
・スマ —トフォンゲーム・アプリ開発の基礎

・今回お話した TA 業務への興味・適正


TA に必要なマインド

・多様性を吸収してパワーにできる人
（様々なスペシャリストと関われます。コンソールと Web 、クライアントサ
イドとサーバサイド、大規模開発と小規模開発、ベンチャーと大手などなど、
多様な職種出身者と常識が溢れています。国籍も様々です。それを整理・吸収
したい方）

・言語の壁を吸収できる人
（英語のドキュメントを読んで最先端の技術を吸収したい方、英語に耳が慣れ
る環境に身を置きたい方。）

・成功するまで諦めない人！
（困難な局面に直面しても、技術と発想とアートへの理解により、それを乗り
越えられる人。）


根本にあるもの

・ユーザー視点
　
　なによりユーザーに喜んで頂けるプロダクト開発を目指
　しています。

　特にテクニカルアーティストの場合は、エンジニアや
　アーティストも、自分のユーザー / お客様となります。

　さらに社内だけでなく、外部の協力会社もユーザーになり　
　えます。そのため、社外でも問題なく扱える技術開発が
　できるかどうかも重要です。


テクニカルアーティストが活躍できる規模感

・より多くの人に使ってもらえる。
　➡国内数千万、世界数億ユーザー、それにともなう多くのゲーム

・より頻繁に使ってもらえる
　➡ハイスピードなリリース、イベント

・使われ続ける
　➡売り切りモデルではない。人気が続く限り永久

・膨大かつ正確なデータで反響を得られる
　 ➡正しい評価、正しいイテレーション


他にないやりがいについて

世界中に、これだけの量とスピードでゲームを出している
環境に関われる場所はなかなかないと思います。

スマフォを通じて爆発的にゲームが広がっている、希有で
重要な勝負の時期だからかもしれません。そのため今を逃
したら、将来この規模のチャレンジは、やってこない
かもしれないかもしれません。

そしてそのチャレンジ成否が少なからず、 TA の手腕にか
かっていると言えます。


テクニカルアーティストとは？


銀の弾丸に
挑戦し続ける人！


Go global!!
ご興味を持たれた方、一緒に世界に向けた
スマートフォンゲームをつくりましょう！


Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。

Ähnlich wie Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。 (20)

Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。