More Related Content
Similar to Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに (20)
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
- 1. AIR for iOS / Android
について
Web制作で培ってきた Flash のリッチな表現力をモバイルアプリに!
- 18. 2011年末~
• AIR がバージョン3.0 になって機能が充実してきた
• 高速サイクルリリースによって頻繁にアップデートされるようになった
• 本家 Flash が バージョン11となってStage3D をサポート
→ GPU による高速な描画処理
• ネイティブ拡張 (ANE) をサポート
→ AIR では実現できない機能でも、
ネイティブ言語で書かれたプログラムを経由して実装ができる
- 27. AIR で使用する言語は Flash と同じ ActionScript
開発環境も Flash と同じものがそのまま使える
Flash
Flash Professional
ActionScript
Flash Builder
etc…
AIR
※ちなみに弊社の開発環境は、「 Flash Professional」+「 Flash Develop」
- 32. AIR を使うとひとつの開発環境と言語で
iOS / Android の両方のアプリを開発する事ができる
iOS アプリ
Flash Professional
ActionScript
Flash Builder
etc…
Android アプリ
- 36. GPU を使えば描画処理を分担できる
描画処理
CPU GPU
描画処理
その他の処理
CPUだけでは追いつかなかった描画処理も
GPU なら高速に処理できる
※図はあくまでもイメージです。実際の性能を表すものではありません。
- 40. CPUのみを使った CPUとGPU の両方を使った
PC < スマートフォン
GPU を使えば 今までの PC 向けの Webサイト よりも
表現力の高いコンテンツをスマートフォンでも作れる可能性もある
- 43. AGALの例
add ft0 v0 fc1.zw
sub ft1 v0 fc1.zw
add ft0 ft0 fc0
add ft1 ft1 fc0
m33 ft0.xyz ft0
m33 ft1.xyz ft1
sub ft0 ft0 fc0
sub ft1 ft1 fc0
tex ft0, ft0, fs1 <2d,wrap,linear,nomip>
tex ft1, ft1, fs2 <2d,wrap,linear,nomip>
add ft0 ft0 fc0.xy
add ft1 ft1 fc0.xy
mul ft0 ft0 fc1.xy
mul ft1 ft1 fc1.xy
add ft2 v0 ft0
add ft2 ft2 ft1
tex oc, ft2, fs0 <2d,linear,nomip>
- 53. 各 OS のネイティブプログラムを AIR アプリから呼び出す機能
Objective-C iOS アプリ
AIR アプリ ANE
Java Android アプリ
- 54. AIR がサポートしていない
最新の OS やデバイスの機能も
ネイティブのプログラムを用意できれば、
ANE を経由して実行することが可能
- 56. ANEを用意するには?
• まずはインターネットで探す
→ 人気のある機能は割りと有志の方が公開してくれている
→ ちゃんと使えるかどうかは事前に検証すること
• 見当たらなければ、ネイティブのプログラムが書ける人にお願いする
→ アプリ制作を全てお願いするより安く済むはず
• それでもダメなら、自分で頑張ってネイティブのプログラムを書く
→ アプリの全てをネイティブで書くよりはまだマシと思って頑張る
- 59. • Flash 制作で培ったノウハウはそのまま AIR でも最大限活かす
• iOS も Android も両対応
• Stage3D を使って今までのPC向けWeb制作ではできなかった
より高い表現を AIR アプリで実現できるチャンス
• AIR でサポートされてない機能も ANE を使えば実装できるので、
諦めずに実現できる可能性を考える