Adobe MAX 2015 - Animating SVG with Flash Professional CC

Adobe MAX 2015のセッション「Animating SVG with Flash Professional CC」をまとめました。Snap.svg Animatorという拡張機能を中心に、SVG活用の利点が紹介されています。
0
池田 泰延(勉強会用) @clockmaker_bot

今回は「Animating SVG with Flash Professional CC」を受講しています。 #maxjp

2015-10-08 04:59:28
池田 泰延(勉強会用) @clockmaker_bot

Snap.SVG AnimatorはFlash Pro CCの拡張機能。 #maxjp

2015-10-08 05:02:55
池田 泰延(勉強会用) @clockmaker_bot

Snap.svg のワークフローとして、Ai→Fl→Snap.svgが提唱。 #maxjp pic.twitter.com/sKsZTukr1N

2015-10-08 05:05:35
拡大
池田 泰延(勉強会用) @clockmaker_bot

Adobe Add-onsポータルサイトからSnap.svg Animatorを入手することができる #maxjp

2015-10-08 05:06:11
池田 泰延(勉強会用) @clockmaker_bot

我々はどこにいこうとしているのか? ・MCのネスト ・シェイプ ・ラスタ画像 ・パターン塗り ・マスク #maxjp

2015-10-08 05:07:03
池田 泰延(勉強会用) @clockmaker_bot

出力は、ランタイムSnap.svgエンジンとJSONファイルとなる。 #maxjp

2015-10-08 05:07:35
池田 泰延(勉強会用) @clockmaker_bot

JavaScriptでの指定方法。 var anim = new SVGSAnim(json, width, height, fps); #maxjp

2015-10-08 05:08:24
池田 泰延(勉強会用) @clockmaker_bot

SVG FILETRSとして、ブラーとドロップシャドウをサポートする予定。 #maxjp

2015-10-08 05:09:52
池田 泰延(勉強会用) @clockmaker_bot

Flash Pro CC上でSnap.svgのJSを掛けるようにもしたい。 #maxjp

2015-10-08 05:10:17
池田 泰延(勉強会用) @clockmaker_bot

Snap.svg Animatorの目指しているところ→広告バナーでも使えるようにファイルサイズを抑えたい。 #maxjp

2015-10-08 05:10:59
池田 泰延(勉強会用) @clockmaker_bot

Snap.svgはオープンソースである。GitHubにて公開している。 #maxjp

2015-10-08 05:14:16