SlideShare a Scribd company logo
AIR編
Flash Professional CS6
         の新機能のご紹介


                  前田 タスク
        2012/07/28 @F-site
自己紹介
・こんにちは        です
・フリーランスのプログラマ
・F-siteスタッフ


専門分野
・iOSのアプリ作成→AppStore用でなく社内用のアプリとか
・Flash / JavaScriptを使ったWebサイトのその部分をつくったり


Twitter @kinkuma_design
blog http://www.kuma-de.com/
!   ご注意
スクリーンキャプチャが英語版
→英語版をインストールしているため。 すみません。


 日本語版もちろんあります
 ご安心ください


今回はAIR for Android, AIR for Desktopでなく
AIR for iOSで試した情報です
小ネタ
CreativeCloudだとアプリごとに言語を決めて
全体で混在させてインストールが可能


以前は英語版はCS製品全て英語版でないと駄目だった


→この端末
InDesign > 日本語版
(最初英語版を入れてたのですが、縦組できないことが判明したため、
                               日本語版を入れ直しました)

Flash > 英語版


操作や設定でわからないことがあったときに検索します
そのときは英語メニューの方がひっかかりやすいので入れてます
で、
 ここから本題
Flash CS6の
              AIR関連新機能
1. AIR 向けモバイルコンテンツのシミュレーション

2. AIR をリモートデバッグするための
  ネットワークインターフェイスの選択

3. Wi-Fi 経由での iOS のデバッグ

4. AIR プラグインにおけるダイレクトレンダリング
  モードのサポート

5. AIR 用キャプティブランタイムのサポート
1. AIR 向けモバイルコンテンツのシミュレーション
1. AIR 向けモバイルコンテンツのシミュレーション

新機能のモバイルコンテンツシミュレーターを使用すれば、
以下の機能をシミュレート可能


* ハードウェアキー
* 加速度センサー
* マルチタッチ
* ジオロケーション
1. AIR 向けモバイルコンテンツのシミュレーション




    デモ
1. AIR 向けモバイルコンテンツのシミュレーション

利点

                                 ※後述
AIR for iOSでは実機に転送するのに、時間と手間が少しかかる  ため
頻繁にデバイスの機能をデバッグできるという感じではなかった

→これらがシミュレーターでできるのは、便利!!
2. AIR をリモートデバッグするためのネッ     トワークインターフェイスの選択
            3. Wi-Fi 経由での iOS のデバッグ
2. AIR をリモートデバッグするためのネットワークインターフェイスの選択
3. Wi-Fi 経由での iOS のデバッグ

実機とPCを同一Wi-FIネットワーク内につなぐことで、
実機のデバッグが可能

→iOS実機を操作したときにPC上で以下のことできる

・ブレークポイント
・ステップイン/ステップアウト
・変数監視機能
・トレース                          Wi-Fi
2. AIR をリモートデバッグするためのネットワークインターフェイスの選択
3. Wi-Fi 経由での iOS のデバッグ

手順
1. AIR設定の書き出しから      2. 実機にアプリをインストール
   リモートデバッグを選択
                     以下のような方法があります
                     1. パブリッシュ > iTunesにインストール > 実機と同期
                     2. iPhone 構成ユーティリティを使う
                     3. ADTを使って実機に直接インストール
                                         (AIR 3.4以上)
                     →Installing/Uninstalling iOS AIR applications on iOS de-
                     vices using ADT
                     http://blogs.adobe.com/airodynamics/2012/07/17/installinguninstall-
                     ing-ios-air-applications-on-ios-devices-using-adt/
2. AIR をリモートデバッグするためのネットワークインターフェイスの選択
3. Wi-Fi 経由での iOS のデバッグ

3. flashのメニューから           4. 実機でアプリ立ち上げて、
デバッグ > リモートデバッグ           ダイアログに手順1で設定し
を開始を選択                    たPCのIPアドレスを入力




5. デバッグ開始!
ゆったりとしたデバッグ空間でおくつろぎ下さい
4. AIR プラグインにおけるダイレクトレンダリングモードのサポート
4. AIR プラグインにおけるダイレクトレンダリングモードのサポート

Stage3D を使用してハードウェアアクセラレーション対応のコンテンツを再生する
ための新しいウィンドウモード、ダイレクト」
                 「     が追加されました

AIR設定 > 一般
> レンダーモード でダイレクトを選択

ダイレクトモードは、      AIR for Desktop、
AIR for iOS、
           AIR for Android 用に
それぞれ設定できます


Stage3D を使うコンテンツの場合はこれだけだと設定が不十分で、
app.xmlに以下を追加する必要があります。
<depthAndStencil>true</depthAndStencil>
※ハマりました

参照
[iOS][Stage3D] Blender で Alternaitva3D (3) iOS アプリにしてみた | romatica : Blog : Archive
http://blog.romatica.com/2012/07/21/ios_stage3d_blender_alternaitva3d3/
4. AIR プラグインにおけるダイレクトレンダリングモードのサポート

レンダリングモードの違い

AUTO                  ダイレクト
自動でレンダリング方法を選択        GPUによるレンダリング
                      Stage3D / StageVideoを使う場合は
CPU                   これを選択
CPUによるレンダリング
                      GPUとの違いはステージ上の変更があった箇所を
これまでのFlash Playerでの
                      直接GPUに送る点
レンダリング方法。             コンテンツによってはGPUの方がFPSが
ブレンドモード、 フィルタなどが使える   よい場合もある
                      ※http://forums.adobe.com/message/4310175


GPU
GPUによるレンダリング。
ブレンドモードの一部、 フィルタなど
使えない機能もあるが高速
4. AIR プラグインにおけるダイレクトレンダリングモードのサポート




   デモ
5. AIR 用キャプティブランタイムのサポート
5. AIR 用キャプティブランタイムのサポート

共有ランタイムを使わずに、
            ランタイムを埋め込める

・プレイヤーを個別にダウンロードする必要がない
・プレイヤーのバージョンごとの違いを気にする必要がない。
・アプリ自体のサイズは増える

・Desktop、Android向けの機能(iOSは共有ランタイムが使えない)


             共有ランタイム             キャプティブランタイム

   AIRアプリケーション     AIRアプリケーション     AIRアプリケーション


       swf             swf             swf


                                    キャプティブ
   共有AIRランタイ (各アプリケーションで共有します)
            ム                        ランタイム
                                    (埋め込み)
5. AIR 用キャプティブランタイムのサポート

AIR設定 > AIRランタイ > AIRランタイ
               ム         ムを埋め込み
おまけ



  実機でのデモ
ゲームエンジンFlixelを使った
簡易弾幕ゲームのFPSを計測

  Stage3Dは未使用
以上です
ありがとうございました

More Related Content

PPTX
VS Code Remote Containersを使った Angular開発
PPTX
Blazor Web Assembly (C#) を触ってみた
PDF
2014年くらいにやる Adobe AIR スマフォゲーム開発
PDF
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
PDF
【社内LT】AdobeAIRでアプリ
PDF
スマホゲームの小規模開発チームで意外とAdobe AIRが使われている話
PPTX
Device Farm を使ったスマホアプリの自動テスト
PPTX
AWS amplify studioが変えるフロントエンド開発の未来とは
VS Code Remote Containersを使った Angular開発
Blazor Web Assembly (C#) を触ってみた
2014年くらいにやる Adobe AIR スマフォゲーム開発
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
【社内LT】AdobeAIRでアプリ
スマホゲームの小規模開発チームで意外とAdobe AIRが使われている話
Device Farm を使ったスマホアプリの自動テスト
AWS amplify studioが変えるフロントエンド開発の未来とは

What's hot (12)

PPTX
AWS Amplify 入門
PPTX
App extensionでテストコードを書く
PPTX
Azure DevOps ハンズオン Vo.2 ~Azure DevOps Wiki を用いたドキュメントの作成~
PPTX
Meteor kitchen で楽々ウェブアプリ開発
PPTX
Robotium を使った UI テスト
PDF
Firefox OS 2012 年まとめ
PPTX
Device Farm を使ったスマホアプリの自動テスト
PDF
Dev opschef
PDF
スマートスピーカーのバックエンドで Azure を使う方法
PPTX
Azure DevOps ハンズオン Vo.3 ~Delivery Plans を用いたプロジェクトのスケジュール管理~
PPTX
Azure DevOps ハンズオン Vo.1 ~Azure Boards を用いたアジャイル計画とポートフォリオマネジメント~
PDF
Aneについて
AWS Amplify 入門
App extensionでテストコードを書く
Azure DevOps ハンズオン Vo.2 ~Azure DevOps Wiki を用いたドキュメントの作成~
Meteor kitchen で楽々ウェブアプリ開発
Robotium を使った UI テスト
Firefox OS 2012 年まとめ
Device Farm を使ったスマホアプリの自動テスト
Dev opschef
スマートスピーカーのバックエンドで Azure を使う方法
Azure DevOps ハンズオン Vo.3 ~Delivery Plans を用いたプロジェクトのスケジュール管理~
Azure DevOps ハンズオン Vo.1 ~Azure Boards を用いたアジャイル計画とポートフォリオマネジメント~
Aneについて
Ad

Similar to Flash Professional CS6 の新機能のご紹介 AIR編 (20)

PDF
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
PDF
Flexでサクッと作れ!Androidアプリ開発のススメ
PDF
AIRにおけるゲーム創り
PDF
2011_9_9_AIR_LightningTalk
PDF
2011_9_9_AIR_LightningTalk
PPTX
AIR2.7でAIR for iOSを試してみた
PDF
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
PDF
MatrixEngine SKD説明チラシ
PDF
Air for iOS について
PPT
2011_9_9_AIR_LightningTalk
PDF
iOS app hacks all_map
PDF
スマホキャンプサマー2012:ANEとアプリ内課金に挑戦
PDF
Unity 名古屋セミナー [Sprite Studio]
PDF
Matrix enginesdkチラシ
PDF
Adobe AIR で作る カジュアルゲーム開発
PPT
ADC MEETUP ROUND01 SESSION4
PPT
ADC MEETUP 01
PDF
Flashup 12 Basic Training of Away3D
PPTX
3Dリッチコンテンツビジネス活用のご提案ver3.1
PDF
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Web制作で培ってきたFlashのリッチな表現力をモバイルアプリに
Flexでサクッと作れ!Androidアプリ開発のススメ
AIRにおけるゲーム創り
2011_9_9_AIR_LightningTalk
2011_9_9_AIR_LightningTalk
AIR2.7でAIR for iOSを試してみた
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
MatrixEngine SKD説明チラシ
Air for iOS について
2011_9_9_AIR_LightningTalk
iOS app hacks all_map
スマホキャンプサマー2012:ANEとアプリ内課金に挑戦
Unity 名古屋セミナー [Sprite Studio]
Matrix enginesdkチラシ
Adobe AIR で作る カジュアルゲーム開発
ADC MEETUP ROUND01 SESSION4
ADC MEETUP 01
Flashup 12 Basic Training of Away3D
3Dリッチコンテンツビジネス活用のご提案ver3.1
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Ad

Flash Professional CS6 の新機能のご紹介 AIR編