Techhills3 gloops flash
-
Upload
keita-nakaya -
Category
Documents
-
view
1.232 -
download
3
description
Transcript of Techhills3 gloops flash
![Page 1: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/1.jpg)
第3回テックヒルズ / 2012..Flashの終焉!? 2012/08/29
5分で伝える gloops の状況
![Page 2: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/2.jpg)
自己紹介
中家 啓太 Keita Nakaya
・株式会社 gloops (グループス) ・フラッシュクリエイター ・ソーシャルゲームのFlash制作 ・enchant.js を使ったアニメーション制作
![Page 3: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/3.jpg)
① gloopsの状況② Flashのスマートフォン対応③ 現在の取り組みについて
もくじ
![Page 4: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/4.jpg)
① gloopsの状況
![Page 5: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/5.jpg)
・19アプリを運営・イベントや新規ラインなども動く →Flash制作の依頼はかなり多い
・新規コンテンツに対しては1人専属で配置 →統一感を持たせるため
・それ以外は手の空いた人が順次対応
gloops の状況
![Page 6: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/6.jpg)
ユーザーの比率は??
gloops の状況
![Page 7: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/7.jpg)
フィーチャーフォン/スマートフォンの利用割合
gloops の状況
1:1
![Page 8: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/8.jpg)
スマートフォンに注力しつつも、まだまたフィーチャーフォンの存在は大きい
gloops の状況
![Page 9: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/9.jpg)
② Flashのスマートフォン対応
![Page 10: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/10.jpg)
・任務中に見せる簡単なアニメーション ⇒ CSS3アニメーション
・少し複雑なアニメーション ⇒ Flashや変換ツールを使用
Flashのスマートフォン対応
![Page 11: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/11.jpg)
・実際に使用している変換ツール
iOS :ExGame、Swiffy Android:Flash、ExGame、Swiffy
Flashのスマートフォン対応
※以前は Wallaby も利用
![Page 12: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/12.jpg)
・Swiffy の場合
始めにでかいファイルを読み込む⇒再生
Flashのスマートフォン対応
![Page 13: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/13.jpg)
読込みが完了するまで再生されない!!↓
ユーザにストレスを与えてしまっている!!
Flashのスマートフォン対応
![Page 14: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/14.jpg)
■Good・オーサリングツールとしてFlashが使える・フィーチャーフォンとの両立が出来る・一部クセがあるがほぼ再現してくれる
■Bad・読み込みに時間がかかる・データ容量が重くなりがち・最適化が困難
コンバートツールの Good/Bad
![Page 15: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/15.jpg)
③ 現在の取り組みについて
![Page 16: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/16.jpg)
いろいろと検討中
・CSSアニメーション + JavaScript・enchant.js・Edge・CreatJS
などなど
現在の取り組みについて
![Page 17: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/17.jpg)
■Good・自由度が高い・コンバートツール特有のバグがない・処理の最適化がしやすくなる
■Bad・新しく覚えるためのコストがかかる・複雑な表現はFlashを使ったほうが制作が早い・OS やブラウザによる 挙動の違い
新しい取り組みの Good/Bad
![Page 18: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/18.jpg)
gloops のフラッシャーとして今後、どう動いていけばいいのか??
フラッシャーとして
![Page 19: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/19.jpg)
・gloopsでのフラッシャーの役割は「演出家」 ”軽い・速い・巧い” を目標としている
・「目的」はあくまでユーザーの満足
・そのための「手段」はFlashに限らない
フラッシャーとして
![Page 20: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/20.jpg)
今後は、環境や目的、用途によって複数の実現方法を使い分けていくことが重要
フラッシャーとして
![Page 21: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/21.jpg)
フラッシャーとして
変化する いま を楽しもう!!
![Page 22: Techhills3 gloops flash](https://reader033.fdocuments.net/reader033/viewer/2022042715/5586e376d8b42ab35a8b4627/html5/thumbnails/22.jpg)
引き続き、テックヒルズをお楽しみください!!
gloops ナビゲーターすぷーりー