sneak previews (adc meetup round 01)

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

太田禎一 | アドビ システムズ 株式会社 テクニカルエバンジェリスト

Sneak Previews

ADC MEETUP ROUND 01 | 2011.06.11

Photo: Mike Baird http://www.flickr.com/people/mikebaird/

What's Next?

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

アジェンダ

HTML5すげぇ

Flashすげぇ

2

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Flash要らず！"HTML5"でアニメーション♡

3

CSS3 Animations Canvas+ JavaScript

CSS+ JavaScript

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Wallaby (Technology Preview)

FLA→HTML5変換ツール ベクターはSVGに変換 CSS＋JavaScriptでアニメーション (jQuery)

4Link: http://labs.adobe.com/technologies/wallaby/

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Adobe Edge

HTML5アニメーション作成ツール CSS＋JavaScriptでアニメーション (jQuery) 既存HTMLページにアニメーション追加可能 ☜これ重要！

5Link: https://www.adobe.com/cfusion/mmform/index.cfm?name=project_edge

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Stage 3D (旧姓Molehill) API for Flash Player 11

爆速のリアルタイム3D描画エンジン OpenGL & Direct3D対応 + CPUレンダリング モバイル対応 (OpenGL ES 2) ☜これ重要！

6Link: http://labs.adobe.com/technologies/flashplatformruntimes/incubator/features/molehill.html

リリース後1年以内に10億台以上の端末で

コンソールクオリティの3Dゲームがプレイ可能に！

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

WebGL？

7Source: When can I use... (June 2011) http://caniuse.com/#search=webgl

デスクトップ=30.89%モバイル=0%

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

DEMO

8

WebGLFirefox 5

10,000 fish @21fps

MacBook Pro (2.53GHz)

Stage 3DFirefox 5

16,001 bunnies @60fps

Links: FishIE Tank (WebGL ver.) http://bit.ly/lSsq0A molehill Bunnies http://bit.ly/lndoBM

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.