Movatterモバイル変換
[0]
ホーム
URL:
画像なし
夜間モード
Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Yutaka Sano
KEY, PDF
6,113 views
スマートフォンにおけるアニメーション実装 ~FlashからHTML5へシフトするには~
エンジニアカフェ× CyberX 技術勉強会 #2 ~スマホ対応でJavascript,HTML5はどう使う?~
Technology
◦
Read more
29
Save
Share
Embed
Embed presentation
Download
Downloaded 82 times
1
/ 37
2
/ 37
3
/ 37
4
/ 37
5
/ 37
6
/ 37
7
/ 37
8
/ 37
9
/ 37
10
/ 37
11
/ 37
12
/ 37
13
/ 37
14
/ 37
15
/ 37
16
/ 37
17
/ 37
18
/ 37
19
/ 37
20
/ 37
21
/ 37
22
/ 37
23
/ 37
24
/ 37
25
/ 37
26
/ 37
27
/ 37
28
/ 37
29
/ 37
30
/ 37
31
/ 37
32
/ 37
33
/ 37
34
/ 37
35
/ 37
36
/ 37
37
/ 37
Recommended
PDF
Xamarin の概要と活用事例
by
Yoshito Tabuchi
PDF
Xamarin 概要~Windows Embedded の業務用端末から Android へのシームレスな移行~
by
Yoshito Tabuchi
PPTX
ゆるふわ Xamarin Tips
by
Daiki Kawanuma
PPTX
Xamarinで作るiPhoneとwindowsストアアプリの共通コンポーネント
by
Masuda Tomoaki
PDF
Computer Vision と Translator Text API 使ってみた
by
Yoshito Tabuchi
PPTX
Developers.io.札幌 xamarinってどうよ
by
Shinichi Hirauchi
PPTX
証券取引アプリについて
by
Masahiko Miyasaka
PPTX
私とXamarinと。
by
Takkiiii
PPTX
受託開発のPhalcon
by
Masatoshi Hiraoka
PPTX
アプリケーション・デベロッパー 〜Xamarinによるクロスプラットフォーム開発〜
by
Daiki Kawanuma
PPTX
20分でできる!Xamarin.Forms入門
by
Shinichi Hirauchi
PDF
Xamarinをこれから始める皆様へ
by
Yoshito Tabuchi
PDF
テックヒルズ#3_R土濱
by
Kentaro Tsuchihama
PPTX
Sl17
by
c-mitsuba
PDF
20171202 Xamarinの歩き方
by
Yoshito Tabuchi
PDF
BlueMonkeyプロジェクトのご紹介
by
Yoshito Tabuchi
PDF
Realm Mobile Platform 概要
by
Yoshito Tabuchi
PPTX
Xamarinを企業向けアプリ開発の プラットフォームとして選定し 実際にアプリをリリースした話
by
Daisuke Tsutsumi
PDF
NET Standard と Xamarin
by
Yoshito Tabuchi
PPTX
証券取引アプリとNote app作ってみた
by
Masahiko Miyasaka
PDF
Xamarin.forms+azureで始めるモバイル開発
by
Tsukasa Kato
PDF
Xamarin概要と活用方法
by
Yoshito Tabuchi
PDF
Xamarin.Forms アプリケーション 設計パターン
by
一希 大田
PDF
BoxViewの美味しい食べ方
by
Shinichi Hirauchi
PDF
Xamarin から使う Azure
by
Yoshito Tabuchi
PDF
モバイル向けクロスプラットフォーム開発ツール Xamarin の概要とその利点
by
Yoshito Tabuchi
PPTX
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
by
Shinichi Hirauchi
PDF
Xamarin概要+最新情報
by
Yoshito Tabuchi
PDF
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
by
Web Technology Corp.
PDF
HTML5スマートフォン業務アプリ開発セミナー(応用)テキストの抜粋
by
Staffnet_Inc
More Related Content
PDF
Xamarin の概要と活用事例
by
Yoshito Tabuchi
PDF
Xamarin 概要~Windows Embedded の業務用端末から Android へのシームレスな移行~
by
Yoshito Tabuchi
PPTX
ゆるふわ Xamarin Tips
by
Daiki Kawanuma
PPTX
Xamarinで作るiPhoneとwindowsストアアプリの共通コンポーネント
by
Masuda Tomoaki
PDF
Computer Vision と Translator Text API 使ってみた
by
Yoshito Tabuchi
PPTX
Developers.io.札幌 xamarinってどうよ
by
Shinichi Hirauchi
PPTX
証券取引アプリについて
by
Masahiko Miyasaka
PPTX
私とXamarinと。
by
Takkiiii
Xamarin の概要と活用事例
by
Yoshito Tabuchi
Xamarin 概要~Windows Embedded の業務用端末から Android へのシームレスな移行~
by
Yoshito Tabuchi
ゆるふわ Xamarin Tips
by
Daiki Kawanuma
Xamarinで作るiPhoneとwindowsストアアプリの共通コンポーネント
by
Masuda Tomoaki
Computer Vision と Translator Text API 使ってみた
by
Yoshito Tabuchi
Developers.io.札幌 xamarinってどうよ
by
Shinichi Hirauchi
証券取引アプリについて
by
Masahiko Miyasaka
私とXamarinと。
by
Takkiiii
What's hot
PPTX
受託開発のPhalcon
by
Masatoshi Hiraoka
PPTX
アプリケーション・デベロッパー 〜Xamarinによるクロスプラットフォーム開発〜
by
Daiki Kawanuma
PPTX
20分でできる!Xamarin.Forms入門
by
Shinichi Hirauchi
PDF
Xamarinをこれから始める皆様へ
by
Yoshito Tabuchi
PDF
テックヒルズ#3_R土濱
by
Kentaro Tsuchihama
PPTX
Sl17
by
c-mitsuba
PDF
20171202 Xamarinの歩き方
by
Yoshito Tabuchi
PDF
BlueMonkeyプロジェクトのご紹介
by
Yoshito Tabuchi
PDF
Realm Mobile Platform 概要
by
Yoshito Tabuchi
PPTX
Xamarinを企業向けアプリ開発の プラットフォームとして選定し 実際にアプリをリリースした話
by
Daisuke Tsutsumi
PDF
NET Standard と Xamarin
by
Yoshito Tabuchi
PPTX
証券取引アプリとNote app作ってみた
by
Masahiko Miyasaka
PDF
Xamarin.forms+azureで始めるモバイル開発
by
Tsukasa Kato
PDF
Xamarin概要と活用方法
by
Yoshito Tabuchi
PDF
Xamarin.Forms アプリケーション 設計パターン
by
一希 大田
PDF
BoxViewの美味しい食べ方
by
Shinichi Hirauchi
PDF
Xamarin から使う Azure
by
Yoshito Tabuchi
PDF
モバイル向けクロスプラットフォーム開発ツール Xamarin の概要とその利点
by
Yoshito Tabuchi
PPTX
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
by
Shinichi Hirauchi
PDF
Xamarin概要+最新情報
by
Yoshito Tabuchi
受託開発のPhalcon
by
Masatoshi Hiraoka
アプリケーション・デベロッパー 〜Xamarinによるクロスプラットフォーム開発〜
by
Daiki Kawanuma
20分でできる!Xamarin.Forms入門
by
Shinichi Hirauchi
Xamarinをこれから始める皆様へ
by
Yoshito Tabuchi
テックヒルズ#3_R土濱
by
Kentaro Tsuchihama
Sl17
by
c-mitsuba
20171202 Xamarinの歩き方
by
Yoshito Tabuchi
BlueMonkeyプロジェクトのご紹介
by
Yoshito Tabuchi
Realm Mobile Platform 概要
by
Yoshito Tabuchi
Xamarinを企業向けアプリ開発の プラットフォームとして選定し 実際にアプリをリリースした話
by
Daisuke Tsutsumi
NET Standard と Xamarin
by
Yoshito Tabuchi
証券取引アプリとNote app作ってみた
by
Masahiko Miyasaka
Xamarin.forms+azureで始めるモバイル開発
by
Tsukasa Kato
Xamarin概要と活用方法
by
Yoshito Tabuchi
Xamarin.Forms アプリケーション 設計パターン
by
一希 大田
BoxViewの美味しい食べ方
by
Shinichi Hirauchi
Xamarin から使う Azure
by
Yoshito Tabuchi
モバイル向けクロスプラットフォーム開発ツール Xamarin の概要とその利点
by
Yoshito Tabuchi
ソフト屋が挑戦した電子工作 〜力ずくの10か月〜
by
Shinichi Hirauchi
Xamarin概要+最新情報
by
Yoshito Tabuchi
Similar to スマートフォンにおけるアニメーション実装 ~FlashからHTML5へシフトするには~
PDF
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
by
Web Technology Corp.
PDF
HTML5スマートフォン業務アプリ開発セミナー(応用)テキストの抜粋
by
Staffnet_Inc
PPTX
インタラクティブコンテンツにおけるHTML5とFlash
by
Yasunobu Ikeda
PDF
「Flashユーザーが取り組むHTML5」アンケート結果
by
Yoshiya OKI
KEY
iPhoneで動くFlash Playerを実装した苦労話LT資料
by
Kohei Morino
PPTX
ハイブリットソーシャルゲームの現場
by
Shota Suzuki
PDF
The forefront of html5 implementation
by
Satoshi Tanaka
PDF
Test doc
by
Chris Brownlee
PPTX
Flash lite概要
by
Toshiharu Shirai
PDF
Yapc asia-2012-lt-thon
by
karupanerura
PDF
フラッシャーはこれからどうしたらいいのか。
by
Shuichi Takaya
KEY
12.09.08 明星和楽2012 KLabハンズオンセッション
by
Kei Nakazawa
PDF
モバイルWebアプリのこれまでとこれから
by
dsuke Takaoka
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
by
Web Technology Corp.
HTML5スマートフォン業務アプリ開発セミナー(応用)テキストの抜粋
by
Staffnet_Inc
インタラクティブコンテンツにおけるHTML5とFlash
by
Yasunobu Ikeda
「Flashユーザーが取り組むHTML5」アンケート結果
by
Yoshiya OKI
iPhoneで動くFlash Playerを実装した苦労話LT資料
by
Kohei Morino
ハイブリットソーシャルゲームの現場
by
Shota Suzuki
The forefront of html5 implementation
by
Satoshi Tanaka
Test doc
by
Chris Brownlee
Flash lite概要
by
Toshiharu Shirai
Yapc asia-2012-lt-thon
by
karupanerura
フラッシャーはこれからどうしたらいいのか。
by
Shuichi Takaya
12.09.08 明星和楽2012 KLabハンズオンセッション
by
Kei Nakazawa
モバイルWebアプリのこれまでとこれから
by
dsuke Takaoka
スマートフォンにおけるアニメーション実装 ~FlashからHTML5へシフトするには~
1.
スマートフォンにおけるアニメーション実装∼FlashからHTML5にシフトするには∼株式会社CyberX 佐野 裕
2.
自己紹介佐野 裕2011年6月 入社Flashディベロッパー現在は開発部にて主にスマートフォン向けのフロント部分の実装/開発etc
3.
Agenda現在のスマートフォン対応状況スマートフォン向けアニメーション実装手法制作の際注意したいことアニメーション実装の今後
4.
現在のスマートフォン対応状況
5.
現在のスマートフォン対応状況iPhone Flash非対応Adobe Flashモバイル(ブラウザ)からの撤退Android
Chrome Flash非表示
6.
現在のスマートフォン対応状況FlashがiOS/Androidともに対応出来なくなるのはすぐそこまで来ている弊社で開発しているソーシャルゲームのメインプラットフォームはスマートフォンに移行しつつある考えるべきは「対応する/しない」ではなく「どうやって対応するか」
7.
スマートフォン向けアニメーション実装方法
8.
どんな手法があるか大きく分けて3パターン1. IDE(GUI)ツールを使ってアニメーションを作る2. JavaScript/CSSでアニメーションを実装する3.
変換ツールを使う
9.
1.ツールを使った実装Flash IDEライクなタイムラインベースのアニメーション制作ツールを用いて制作する方法
10.
長所/短所長所アニメーターが作りやすい短所ツールの習得コストフィーチャーフォンと両立しなければならないまだ過渡期のためツールの仕様変更が発生しやすい
11.
1.ツールを使った実装Adobe EdgejQueryベースでアニメーションを実装Sencha Animater独自フレームワークによるアニメーションHype独自フレームワーク 安価
12.
2.JavaScript/CSSによる実装
13.
2.JS/CSSによる実装JavaScriptとCSS3でアニメーションを実装するDOM/Canvasの2パターン
14.
2.JS/CSSによる実装DOMフレーム毎にDIVタグなどのDOM要素のパラメータをJS/CSSを用いて変えながらアニメーションを表現Canvasフレーム毎にCanvas要素をリフレッシュしながら再描画を行ってアニメーションを表現
15.
長所/短所長所フレーム毎の処理が出来るのでゲームなどの実装に向いている短所直感的なアニメーションの実装が難しいプログラマーとアニメーターの分業をどうするかフィーチャーフォンとの両立
16.
各種ライブラリenchant.jsゲーム開発向けライブラリ DOMベースArctic.jsCanvas用ライブラリ Flashライクな実装が売りEasel.jsadobeが採用...その他色々
17.
3.変換ツールを使う
18.
3.変換ツールを使う長所フィーチャーフォンとの両立アニメーション制作ツールとしてFlashが使える短所ASのボタン処理などを変換してやる必要があるパフォーマンスチューニング
19.
変換ツールswfキャプチャFlaファイル変換swfファイル変換
20.
変換ツール(キャプチャ系)swfをフレーム毎にキャプチャしてスプライトシートを作りJavaScriptで再生実装が容易/不具合は出にくい
21.
変換ツール(キャプチャ系)自社用ツールSWF Animation ConverterASに対応させたツール
22.
変換ツール(Flaファイル変換系)Flaファイルからアニメーションを生成するツール
23.
変換ツール(Flaファイル変換系)Wallabyadobe製変換ツールFlaファイルをCSS3ベースのアニメーションに変換SVGをPNGに変換すればAndroidでも動作する一年近くバージョンアップ無し
24.
変換ツール(Flaファイル変換系)Swiffygoogle製変換ツール通常変換サーバでswfを変換。拡張Extentionを使うとIDEからFlaファイルから直接変換出来るSWFをjsonデータに変換、独自プレイヤー(js)で再生ベクターはSVGに変換される
25.
変換ツール(swf変換系)SWFを直接変換してJavaScriptなどで再生する動的生成したswfにも対応出来る
26.
変換ツール(swf変換ファイル系)FlashForwardParserがphpSVG/Canvas両対応まだ不完全(ex.グラデーション)
27.
変換ツール(swf変換ファイル系)Reel(Gree) / ExGame(Mobage)JavaScriptでSWFを再生するそれぞれプラットフォームに参加していなければ使用出来ない
28.
変換ツール (swf変換系)LightningSwfmillで変換したXMLファイルをパースしてCSSベースのアニメーションで再生動作環境 python
29.
制作の際の注意点
30.
Androidから作れAndroid2.1ではCanvas処理にバグありツール系のものでもサポートされてない場合あり大量の端末の多さ / SDKバージョン違い今後はAndroid
Chrome対応も
31.
通信環境は3G大量に素材読み込む時はローディング周りには注意使うツールライブラリではプリロードに対して無自覚なものもあるので注意(特にPC向けのライブラリ)
32.
アニメーション実装の今後
33.
現在は過渡期ツールもライブラリもまだ成熟していない決め手にかける
34.
フィーチャーフォンとの両立スマホ対応だけでいいのか?FlashとHTML5それぞれでアニメーションが作れるか?→出来ないなら変換ツールを使う方向を検討
35.
今後の動向Adobe CreateJSFlashIDEからHTML5コンテンツをexport
36.
最後にアニメーションはセンス→センスを活かせる環境のチョイスが重要基準はフィーチャーフォンなのかスマホなのか→スマホの性能を生かしたもの方がクオリティは良いはず
37.
ご清聴ありがとうございました。
Editor's Notes
#2
\n
#3
\n
#4
\n
#5
\n
#6
\n
#7
\n
#8
\n
#9
\n
#10
\n
#11
\n
#12
\n
#13
\n
#14
\n
#15
\n
#16
\n
#17
\n
#18
\n
#19
\n
#20
\n
#21
\n
#22
\n
#23
\n
#24
\n
#25
\n
#26
\n
#27
\n
#28
\n
#29
\n
#30
\n
#31
\n
#32
\n
#33
\n
#34
\n
#35
\n
#36
\n
#37
\n
#38
\n
Download
[8]
ページ先頭
©2009-2025
Movatter.jp