Suche senden
Hochladen
Dragon bones ボーンアニメーション紹介&v2.0アップデート
•
13 gefällt mir
•
9,603 views
Andy Hall
Folgen
Flash向けのボーンアニメーション ライブラリDragonBonesの紹介。ボーンアニメーションの考え方、Flashでの作り方、そしてライブラリのv2.0の新機能。
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 36
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
Andy Hall
Adobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 Caravan
Andy Hall
HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライド
Andy Hall
GREE-Fsite
GREE-Fsite
technicaldesign
グリーにおけるスマホアプリ開発~HTML5編
グリーにおけるスマホアプリ開発~HTML5編
Mitsuhiro Tanda
Effective web performance tuning for smartphone
Effective web performance tuning for smartphone
dena_study
某S社のddd(メイリオ)
某S社のddd(メイリオ)
kumake
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
壽子 大倉
Empfohlen
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
CEDEC 2013 - FlashによるアセットワークフローのHTML5やネイティブアプリへのうまい持ち込み方
Andy Hall
Adobe&HTML 札幌 - HTML5 Caravan
Adobe&HTML 札幌 - HTML5 Caravan
Andy Hall
HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライド
Andy Hall
GREE-Fsite
GREE-Fsite
technicaldesign
グリーにおけるスマホアプリ開発~HTML5編
グリーにおけるスマホアプリ開発~HTML5編
Mitsuhiro Tanda
Effective web performance tuning for smartphone
Effective web performance tuning for smartphone
dena_study
某S社のddd(メイリオ)
某S社のddd(メイリオ)
kumake
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
壽子 大倉
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
Andy Hall
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Keisuke Todoroki
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
石橋 啓太
FFRK cocos2d xレイヤーの最適化
FFRK cocos2d xレイヤーの最適化
dena_study
Adobe Creative Cloud:アイデアを携えて、町へ出よう
Adobe Creative Cloud:アイデアを携えて、町へ出よう
Teiichi Ota
eVar7 Summit 報告会
eVar7 Summit 報告会
Keisuke Anzai
Adobe Primetime & Adobe Marketing Cloud: オールスクリーン対応のプレミアム動画事業収益化ソリューション
Adobe Primetime & Adobe Marketing Cloud: オールスクリーン対応のプレミアム動画事業収益化ソリューション
Teiichi Ota
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
Unityのオンラインゲームをhtmlに移植してわかったこと
Unityのオンラインゲームをhtmlに移植してわかったこと
Kouji Hosoda
FFRKを支えるWebアプリケーションフレームワークの技術
FFRKを支えるWebアプリケーションフレームワークの技術
dena_study
FINAL FANTASY Record Keeperのマスターデータを支える技術
FINAL FANTASY Record Keeperのマスターデータを支える技術
dena_study
ドメイン駆動設計入門
ドメイン駆動設計入門
増田 亨
WordBench神戸資料-テーマ:Resonsive
WordBench神戸資料-テーマ:Resonsive
Mami Kuroki
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)
Jun Hosokawa
Unityで本格戦国シュミレーションRPG 開発
Unityで本格戦国シュミレーションRPG 開発
dena_study
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Atsuhiro Kubo
PHPerがJava屋になるために乗り越えたこと
PHPerがJava屋になるために乗り越えたこと
Kazuhiro Serizawa
The forefront of html5 implementation
The forefront of html5 implementation
Satoshi Tanaka
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Web Technology Corp.
PhoneGapとハイブリッド開発
PhoneGapとハイブリッド開発
Andy Hall
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
Web Technology Corp.
Adobe & HTML5
Adobe & HTML5
Andy Hall
Weitere ähnliche Inhalte
Was ist angesagt?
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
Andy Hall
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
Keisuke Todoroki
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
石橋 啓太
FFRK cocos2d xレイヤーの最適化
FFRK cocos2d xレイヤーの最適化
dena_study
Adobe Creative Cloud:アイデアを携えて、町へ出よう
Adobe Creative Cloud:アイデアを携えて、町へ出よう
Teiichi Ota
eVar7 Summit 報告会
eVar7 Summit 報告会
Keisuke Anzai
Adobe Primetime & Adobe Marketing Cloud: オールスクリーン対応のプレミアム動画事業収益化ソリューション
Adobe Primetime & Adobe Marketing Cloud: オールスクリーン対応のプレミアム動画事業収益化ソリューション
Teiichi Ota
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
Unityのオンラインゲームをhtmlに移植してわかったこと
Unityのオンラインゲームをhtmlに移植してわかったこと
Kouji Hosoda
FFRKを支えるWebアプリケーションフレームワークの技術
FFRKを支えるWebアプリケーションフレームワークの技術
dena_study
FINAL FANTASY Record Keeperのマスターデータを支える技術
FINAL FANTASY Record Keeperのマスターデータを支える技術
dena_study
ドメイン駆動設計入門
ドメイン駆動設計入門
増田 亨
WordBench神戸資料-テーマ:Resonsive
WordBench神戸資料-テーマ:Resonsive
Mami Kuroki
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)
Jun Hosokawa
Unityで本格戦国シュミレーションRPG 開発
Unityで本格戦国シュミレーションRPG 開発
dena_study
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Atsuhiro Kubo
PHPerがJava屋になるために乗り越えたこと
PHPerがJava屋になるために乗り越えたこと
Kazuhiro Serizawa
Was ist angesagt?
(17)
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
HTML5 の Web制作を 確実に楽にする最新の アドビWeb制作ツール for HTML5 Carnival Fukuoka
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night
FFRK cocos2d xレイヤーの最適化
FFRK cocos2d xレイヤーの最適化
Adobe Creative Cloud:アイデアを携えて、町へ出よう
Adobe Creative Cloud:アイデアを携えて、町へ出よう
eVar7 Summit 報告会
eVar7 Summit 報告会
Adobe Primetime & Adobe Marketing Cloud: オールスクリーン対応のプレミアム動画事業収益化ソリューション
Adobe Primetime & Adobe Marketing Cloud: オールスクリーン対応のプレミアム動画事業収益化ソリューション
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Unityのオンラインゲームをhtmlに移植してわかったこと
Unityのオンラインゲームをhtmlに移植してわかったこと
FFRKを支えるWebアプリケーションフレームワークの技術
FFRKを支えるWebアプリケーションフレームワークの技術
FINAL FANTASY Record Keeperのマスターデータを支える技術
FINAL FANTASY Record Keeperのマスターデータを支える技術
ドメイン駆動設計入門
ドメイン駆動設計入門
WordBench神戸資料-テーマ:Resonsive
WordBench神戸資料-テーマ:Resonsive
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)
Unityで本格戦国シュミレーションRPG 開発
Unityで本格戦国シュミレーションRPG 開発
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
Frameworks We Live By: Design by day-to-day framework development: Multi-para...
PHPerがJava屋になるために乗り越えたこと
PHPerがJava屋になるために乗り越えたこと
Ähnlich wie Dragon bones ボーンアニメーション紹介&v2.0アップデート
The forefront of html5 implementation
The forefront of html5 implementation
Satoshi Tanaka
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Web Technology Corp.
PhoneGapとハイブリッド開発
PhoneGapとハイブリッド開発
Andy Hall
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
Web Technology Corp.
Adobe & HTML5
Adobe & HTML5
Andy Hall
Sneak Previews (ADC MEETUP ROUND 01)
Sneak Previews (ADC MEETUP ROUND 01)
Teiichi Ota
30分でできる!Adobe XDプラグイン開発!
30分でできる!Adobe XDプラグイン開発!
Yoshiki Takeoka
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
Michihiko Nasukawa
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Tomokazu Kizawa
【Unity道場スペシャル 2017博多】無料アニメーションツールAnima2Dを使ってみよう
【Unity道場スペシャル 2017博多】無料アニメーションツールAnima2Dを使ってみよう
Unity Technologies Japan K.K.
解析データの分析と活用
解析データの分析と活用
Keisuke Anzai
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
youten (ようてん)
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Yuji Nojima
Adobe XD Plugin「Scenegraph」の操作とDialogの作り方
Adobe XD Plugin「Scenegraph」の操作とDialogの作り方
Yoshiki Takeoka
CEDEC2012 Flashゲームにおけるパフォーマンスチューニングの A to Z
CEDEC2012 Flashゲームにおけるパフォーマンスチューニングの A to Z
Andy Demo
CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化
Andy Hall
Adobe Primetime:プレミアム動画配信事業者のための「次世代TV」収益最大化ソリューション(サブスクリプション&動画広告)
Adobe Primetime:プレミアム動画配信事業者のための「次世代TV」収益最大化ソリューション(サブスクリプション&動画広告)
Teiichi Ota
非ゲーム業界のデザイナーが CEDECに参加してきた
非ゲーム業界のデザイナーが CEDECに参加してきた
Meyco U
モダンなWebとモダンな開発ツールの新ネタ
モダンなWebとモダンな開発ツールの新ネタ
Andy Hall
【Unite Tokyo 2019】AWS for Unity Developers
【Unite Tokyo 2019】AWS for Unity Developers
UnityTechnologiesJapan002
Ähnlich wie Dragon bones ボーンアニメーション紹介&v2.0アップデート
(20)
The forefront of html5 implementation
The forefront of html5 implementation
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
PhoneGapとハイブリッド開発
PhoneGapとハイブリッド開発
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
GTMF2012 SpriteStudio と "Unity" と "CoronaSDK" と "ngCore" ! ~組み合わせて改善する 2D ワーク...
Adobe & HTML5
Adobe & HTML5
Sneak Previews (ADC MEETUP ROUND 01)
Sneak Previews (ADC MEETUP ROUND 01)
30分でできる!Adobe XDプラグイン開発!
30分でできる!Adobe XDプラグイン開発!
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
アドビの中の人が語るCreative Cloud最新事情と活用術! 〜 ココでしか聞けない「Adobe×山口」レア話 〜
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
Windowsストアアプリ開発ハンズオントレーニングに行ってきました 2012-09-22-lt
【Unity道場スペシャル 2017博多】無料アニメーションツールAnima2Dを使ってみよう
【Unity道場スペシャル 2017博多】無料アニメーションツールAnima2Dを使ってみよう
解析データの分析と活用
解析データの分析と活用
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Adobe XD Plugin「Scenegraph」の操作とDialogの作り方
Adobe XD Plugin「Scenegraph」の操作とDialogの作り方
CEDEC2012 Flashゲームにおけるパフォーマンスチューニングの A to Z
CEDEC2012 Flashゲームにおけるパフォーマンスチューニングの A to Z
CEDEC2012 - Flashコンテンツの最適化
CEDEC2012 - Flashコンテンツの最適化
Adobe Primetime:プレミアム動画配信事業者のための「次世代TV」収益最大化ソリューション(サブスクリプション&動画広告)
Adobe Primetime:プレミアム動画配信事業者のための「次世代TV」収益最大化ソリューション(サブスクリプション&動画広告)
非ゲーム業界のデザイナーが CEDECに参加してきた
非ゲーム業界のデザイナーが CEDECに参加してきた
モダンなWebとモダンな開発ツールの新ネタ
モダンなWebとモダンな開発ツールの新ネタ
【Unite Tokyo 2019】AWS for Unity Developers
【Unite Tokyo 2019】AWS for Unity Developers
Mehr von Andy Hall
FITC2014 モダンなWeb
FITC2014 モダンなWeb
Andy Hall
ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略
Andy Hall
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
Andy Hall
AIRにおけるゲーム創り
AIRにおけるゲーム創り
Andy Hall
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
Andy Hall
ごはんとFlash 2010
ごはんとFlash 2010
Andy Hall
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
Andy Hall
PhoneGap クイック スタート ガイド
PhoneGap クイック スタート ガイド
Andy Hall
Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013
Andy Hall
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
Andy Hall
モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!
Andy Hall
Link test mac
Link test mac
Andy Hall
Link test win
Link test win
Andy Hall
International flash games
International flash games
Andy Hall
Japan gaming
Japan gaming
Andy Hall
Flash performance tuning (EN)
Flash performance tuning (EN)
Andy Hall
CEDEC2012 Starling開発
CEDEC2012 Starling開発
Andy Hall
Mehr von Andy Hall
(17)
FITC2014 モダンなWeb
FITC2014 モダンなWeb
ソーシャルゲーム市場とアドビFlash戦略
ソーシャルゲーム市場とアドビFlash戦略
Flashまわりのでっかいゆめを見る
Flashまわりのでっかいゆめを見る
AIRにおけるゲーム創り
AIRにおけるゲーム創り
Flash/AIRの最新情報及びARMとの協業
Flash/AIRの最新情報及びARMとの協業
ごはんとFlash 2010
ごはんとFlash 2010
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGapでハイブリッド開発 for Firefox OS
PhoneGap クイック スタート ガイド
PhoneGap クイック スタート ガイド
Node.js and Photoshop Generator - JSConf Asia 2013
Node.js and Photoshop Generator - JSConf Asia 2013
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
dotFes KYOTO - スマホ開発にAIR & PhoneGapを勧める5つの理由
モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!
Link test mac
Link test mac
Link test win
Link test win
International flash games
International flash games
Japan gaming
Japan gaming
Flash performance tuning (EN)
Flash performance tuning (EN)
CEDEC2012 Starling開発
CEDEC2012 Starling開発
Kürzlich hochgeladen
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Kürzlich hochgeladen
(10)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Dragon bones ボーンアニメーション紹介&v2.0アップデート
1.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBonesの紹介とv2.0アップデート Andy Hall | アドビ システムズ株式会社 テクニカルエバンジェリスト
2.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. だれだっけ? 2 § 職歴はウェブ制作 → Flash開発 → アドビで色々 § 正式な肩書きは「クリエイティブ クラウド エバンジェリスト」 になりました § 興味はデザインとコードをまたぐところ § ゲーム好き @fenomas
3.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 今日のテーマ さて、質問: Stage3D対応アニメーション制作の もっともややこしいところは どこでしょう? 3
4.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 4 プログラマーデザイナー
5.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 5 プログラマーデザイナー ここです! スプライトシートは単なる コマアニメなのでどうしても 何らかのアニメーションを コードで書く必要が出る。
6.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 6 DragonBonesとは、 そのワークフロー問題を緩和してくれる、 最近注目されるライブラリーである。 プログラマーデザイナー 萌 萌 萌
7.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 7
8.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBonesの全体像 8 デザイナー プログラマー ボーン アニメーション
9.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. インストールの一言: 9
10.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. インストールの一言: 10
11.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. インストールの一言: 11
12.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. インストールの一言: 12
13.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. パネルを使った制作の流れ 13 1. Flashでタイムラインアニメーションを作る 2. DragonBonesパネルに読み込み 3. アニメーションのタイミングと設計を パネルで調整 4. ボーンアニメーションを書き出し、 コードベースのプロジェクトに使う
14.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの設計と考え方 14
15.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方: 15 スプライトシート + <メタデータ>
16.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方: 16 スプライトシート フレーム4 フレーム5 フレーム6
17.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方: 17 スプライトシート ボーンアニメーション + <メタデータ> フレーム4 フレーム5 フレーム6
18.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方: 18 スプライトシート ボーンアニメーション 頭: t=0 x=0 y=0 rot=0 t=1 x=2 y=3 rot=0 t=2 x=5 y=7 rot=3 t=3.." " フレーム4 フレーム5 フレーム6
19.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方: 19 ボーンアニメーション 頭: t=0 x=0 y=0 rot=0 t=1 x=2 y=3 rot=0 t=2 x=5 y=7 rot=3 t=3.." " 大事なポイント! 1. PNGに入るのはコマアニメ ではなくてパーツ。 2. アニメーションデータは フレーム毎ではない! キーフレーム毎である。
20.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方: 20 ボーンアニメーション 頭: t=0 x=0 y=0 rot=0 t=1 x=2 y=3 rot=0 t=2 x=5 y=7 rot=3 t=3.." " ところでボーンアニメーションを PNG (XML結合)として書き出すと アニメーションのデータがPNGの メタデータに入り、ボーン アニメーションがPNG一枚で済む。 自分的には感動。
21.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの考え方 ボーンアニメーションのメリット: § メモリー使用量は圧倒的に低い § パーツを動的に入れ替えられる § 全体シーンのアニメーションを Flashで作ることも可能 § アニメーションの長さ、細かさはほぼ無制限 弱点: § パフォーマンスはスプライトシートほど出ない 21
22.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの設計 基本的なのパーツ: Armature & Bone アーマチュア ボーン 22 Pix: http://jvk.deviantart.com/art/Claymation-armature-42001869
23.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの設計 基本的なのパーツ: Armature & Bone アーマチュア ボーン 23 Pix: http://jvk.deviantart.com/art/Claymation-armature-42001869
24.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. ボーンアニメーションの設計 考え方として: 24 アーマチュア ≒ MovieClip § アニメーションのコンテナ § 子ボーンのリストを持つ § アニメーションのリストも持つ ボーン ≒ Sprite § 動くパーツの一つ § 親アーマチュアを持つ § 子アーマチュアも持てる! だが!どちらも「Container」ではない。
25.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. FlashProを見ながら言うと: 25 コンテナMCは アーマチュア
26.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. FlashProを見ながら言うと: 26 子グラフィックは ボーン
27.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. FlashProを見ながら言うと: 27 タイムラインの ラベル付きの空フレームは 当アーマチュアの アニメーションになる
28.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. FlashProを見ながら言うと: 28 子ムービークリップは アーマチュアの条件を 満たせば、
29.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能! 29
30.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能 1.アーマチュア ⇔ アニメーションの再利用 一つのアーマチュアに定義してあるアニメーションを 違うアーマチュアに適用する。 (各アーマチュアのボーンの設計が一致すれば) 30
31.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能 2.ボーンのZ順序が動的に変わる アニメーションのパーツの重ねの順が変わった場合が認識される。 31
32.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能 3.マルチ解像度の対応 PNGの画像データをいくつかのスケールで書き出して、 デバイスによって適切なデータを読み込んで、スケールを かけて表示する。 32
33.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能 4.タイムラインイベント タイムラインアニメーションにあるサウンド再生と イベントをランタイムで取得し対応できる 33
34.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能 5.TextureAtlasの読み込み DragonBonesパネルで作った物以外にも、別方法で 作られたテキスチャーアトラスを利用できる 34
35.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. DragonBones v2.0 の新機能 6.時間ベースのアニメーション 各アニメーションの再生スピードを変えたり、 巻き戻したりできる。 35
36.
© 2012 Adobe
Systems Incorporated. All Rights Reserved. Adobe Confidential. 36 Andy Hall http://aphall.com @fenomas ご清聴ありがとうございました!
Jetzt herunterladen