Weitere ähnliche Inhalte
Ähnlich wie Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。 (20)
Html5conference2012 yota hisamichi_世界に向けたスマートフォンゲームを支える、 greeのテクニカルアーティストについて。
- 2. Self-introduction
Yota Hisamichi
RIA 系 Web ゲームコンテンツ会社、
大手コンソールゲーム会社で勤務後、
現在 GREE でスマ —トフォン向け
ネイティブゲームのクライアントサイド開発、
テクニカルアーティストやってます。
( Web とコンソール業界の両方を見て来た、もと Flasher )
先日、海外の複数カ国で「 Animal Days 」 β 版リリースしました。
Copyright © GREE, Inc. All Rights Reserved.
- 3. Animal Days ( TA がいがありそうな、 Unity3D 上で 2D ゲー
ム)
Copyright © GREE, Inc. All Rights Reserved.
- 5. 世界に広がるグリーオフィス
・・・わずか1年少々で、全世界11オフィス!
Copyright © GREE, Inc. All Rights Reserved.
- 11. 実際のゲーム開発における
具体例
Copyright © GREE, Inc. All Rights Reserved.
- 13. … 全部説明は無理なので
何をお見せするか、
Copyright © GREE, Inc. All Rights Reserved.
- 14. 1 Image
to
Native Game UI
Copyright © GREE, Inc. All Rights Reserved.
- 16. 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 )
程!
Copyright © GREE, Inc. All Rights Reserved.
- 17. PhotoShop layer name setting
layer setting について
(ここだけ手動)
Copyright © GREE, Inc. All Rights Reserved.
- 18. PhotoShop layer name setting
Button_CloseButton_ShowGameMap
Copyright © GREE, Inc. All Rights Reserved.
- 19. Layer 名で UI を指定・設定
callBack 名
UI のタイプ 変数名 (state 名 )
Button_CloseButton_ShowGameMap
Copyright © GREE, Inc. All Rights Reserved.
- 20. Layer 名で UI を指定・設定
callBack 名
UI のタイプ 変数名 (state 名 )
Button_CloseButton_ShowGameMap
Copyright © GREE, Inc. All Rights Reserved.
- 21. Layer 名で UI を指定・設定
List_Body_2_3_horizontal
Copyright © GREE, Inc. All Rights Reserved.
- 22. Layer 名で UI を指定・設定
column 数
縦 or 横の指定
UI のタイプ 変数名 row
数
List_Body_2_3_horizontal
Copyright © GREE, Inc. All Rights Reserved.
- 23. Layer 名で UI を指定・設定
column 数
縦 or 横の指定
UI のタイプ 変数名 row
数
List_Body_2_3_horizontal
Copyright © GREE, Inc. All Rights Reserved.
- 24. Layer 名で UI を指定・設定 (convert 後の Flash 上 )
Copyright © GREE, Inc. All Rights Reserved.
- 25. make fla
PhotShop script (.jsx)
Psd to Fla
早い。ズレない。誰でも使える
Copyright © GREE, Inc. All Rights Reserved.
- 26. to Flash
Flash (R) (.xfl or .fla)
swf 生成より後々変更容易
後でモーション演出付与可能
Copyright © GREE, Inc. All Rights Reserved.
- 27. swf publish
flash script (.jsfl)
エラーチェック・最適化・ swf 生成
Copyright © GREE, Inc. All Rights Reserved.
- 28. 減色 & like CSS Sprite
color reduction
(such as 16bit RGBA4444, gradation)
&
texture packing
(margin adjustment, draw call reduction.)
軽くなる。早くなる。奇麗になる。
Copyright © GREE, Inc. All Rights Reserved.
- 29. localize data
bitmap text
(14 language)
あらかじめ指定しておけば、
ローカライズも容易
Copyright © GREE, Inc. All Rights Reserved.
- 30. make lwf
lwf( 仮 ) convertor
(binary, C#, JavaScript)
各種フォーマットに書き出し可能。そして高速
Copyright © GREE, Inc. All Rights Reserved.
- 31. version control
git & jenkins
(.apk .ipa)
(for QA, Dev, Staging, Product)
ソースとバイナリのバージョン管理
自動ビルド
Copyright © GREE, Inc. All Rights Reserved.
- 32. GameEngine
Unity3D or HTML5
(or Flash(R) Air(R))
(and Unity3D EditorScript)
Unity 上でも 2D を実現。同時に HTML5 も。
エディタスクリプトが扱えれば、開発がよりスムーズに。
Copyright © GREE, Inc. All Rights Reserved.
- 33. Build for multi device.
iPhone & Android
各種端末に対応
Copyright © GREE, Inc. All Rights Reserved.
- 34. Complete!
ほぼすべて自動化可能かつ、
途中からマニュアルで修正・追加可能な状態
Copyright © GREE, Inc. All Rights Reserved.
- 36. 生成可能な 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
Copyright © GREE, Inc. All Rights Reserved.
- 37. How making
other object?
(such as Character, Building)
UI と同じく、すべて LWF( 仮 ) で実現
2D 向きでない 3D ゲームエンジンで、従来と同じ
Web アセットで、 2D ネイティブゲーム Map を描画
Copyright © GREE, Inc. All Rights Reserved.
- 38. GREE-TA の必要スキル
・ Flash(R) オーサリングの基礎
・ ActionScript 1.1 の基礎 ( フィーチャーフォン )
・ PhotoShop の基礎
・減色・ TexturePacking の基礎
・自動化の基礎( jsfl, jsx )
・ Unity3D の基礎
・ HTML5 の基礎
・スマ —トフォンゲーム・アプリ開発の基礎
・今回お話した TA 業務への興味・適正
Copyright © GREE, Inc. All Rights Reserved.
- 39. TA に必要なマインド
・多様性を吸収してパワーにできる人
(様々なスペシャリストと関われます。コンソールと Web 、クライアントサ
イドとサーバサイド、大規模開発と小規模開発、ベンチャーと大手などなど、
多様な職種出身者と常識が溢れています。国籍も様々です。それを整理・吸収
したい方)
・言語の壁を吸収できる人
(英語のドキュメントを読んで最先端の技術を吸収したい方、英語に耳が慣れ
る環境に身を置きたい方。)
・成功するまで諦めない人!
(困難な局面に直面しても、技術と発想とアートへの理解により、それを乗り
越えられる人。)
Copyright © GREE, Inc. All Rights Reserved.