bodymovinでSVGアニメーション

170526のまぼろしさんでのSVG勉強会の資料です。

Transcript

1. CPEZNPWJOͰ
   47(Ξχϝʔγϣϯ
2. ࣗݾ঺հ ໊લɿઍ༿խਔ
   ձࣾɿגࣜձࣾτϥΠϜ
   झຯɿΞχϝؑ৆ Ξχϝʔγϣϯؑ৆
   ΋͏͙͢ίʔμʔྺೋ೥ʹͳΓ·͢ ˔ᢲA
   ͜Μͳͷ΋࡞Γ·ͨ͠
   IUUQTOBOBLJHJUIVCJPBMQIBCFU@NPUJPOIUNM
3. CPEZNPWJOͱ͸ʁʁ "GUFS&⒎FDUT ҎԼ"& Ͱ࡞ͬͨγΣΠϓΞχϝʔγϣϯΛ
   ϒϥ΢βͰඳըग़དྷΔ͍͢͝΍ͭͰ͢ʂ
4. ಋೖ ·ͣ͸HJUIVC͔Βμ΢ϯϩʔυ
   IUUQTHJUIVCDPNCPEZNPWJOCPEZNPWJO
   
5. ಋೖ "&ʹϓϥάΠϯΛಋೖ
   ʢࠓճ͸;91*OTUBMMFSͰਐΊ·͢ɻʣ
   IUUQ[YQJOTUBMMFSDPN
   μ΢ϯϩʔυͨ͠ϑΝΠϧͷதͷ
   CVJMEFYUFOTJPOCPEZNPWJO[YQ
   ͷϑΝΠϧΛ;91*OTUBMMFSʹυϥοάͰ"&ʹ͍Ε·͢ɻ
   
7. ө૾Λ࡞Γ·͢ɻ ࢥ͍ͷ··ʹ"&Ͱө૾Λʜͱݴ͍͍ͨͱ͜ΖͳͷͰ͕͢
   CPEZNPWJOΛ࢖͏ʹ͋ͨͬͯ
   ͍͔ͭ͘஫ҙ͠ͳ͍ͱ͍͚ͳ͍͜ͱ͕͋Γ·͢ɻ
8. ग़དྷͳ͍͜ͱ ɾ֤छΤϑΣΫτʢϫΠϓͱ͔΋࢖͑ͳ͍ʣ
   ɾSBOEPNʢ&YQSFTTJPOʣ
   ɾ৐ࢉՃࢉͳͲͷޮՌʢϞμϯϒϥ΢βͰ͸0,ʣ
   ɾը૾ϑΝΠϧʢϕΫλʔԽग़དྷͳ͍͔Βʁʣ
   ɾ%ΦϒδΣΫτԽʢ;࣠ͰΤϥʔΛىͨ͜͢Ίʣ
9. ग़དྷΔ͜ͱ ɾ&YQSFTTJPOʢࡾ֯ؔ਺΋࢖͑·ͨ͠ɺ͍͢͝ʂʣ
   ɾύεͷτϦϛϯάʢ͔͍͍ͬ͜ʂʣ
   ɾϚεΫΛ࢖ͬͨදݱʢٙࣅϫΠϓͱͯ͠࢖ͬͨΓʣ
   ɾάϥσʔγϣϯΛ࢖ͬͨృΓ
   ɾϞʔγϣϯύε
10. ݁࿦ 47(ΞχϝʔγϣϯͷͨΊͷ
    +40/Λॻ͖ग़͢΋ͷͳͷͰɺ
    47(Ͱग़དྷΔ͜ͱ͔͠ग़དྷ·ͤΜɻ
    ٯʹݴ͑͹47(Ͱग़དྷΔ͜ͱ͸͋Δఔ౓ग़དྷ·͢ɻ
11. ͦΜͳΘ͚Ͱ࡞ͬͯΈ·ͨ͠ ౖΒͳ͍Ͱ͍ͩ͘͞ʜ
12. த਎͸͜Μͳײ͡
13. ॻ͖ग़ͯ͠Έ·͢
15. ϒϥ΢βʹඳը͠·͢ μ΢ϯϩʔυͨ͠CPEZNPWJOϑΥϧμͷ
    CVJMEQMBZFSCPEZNPWJONJOKT
    Λ)5.-ϑΝΠϧΛ༻ҙͯ͠ಡΈࠐ·ͤ·͢ɻ
16. ඳըͷͨΊͷهड़
20. ඳը✌ Т✌
    ࡾ✌ Т ✌ࡾ
    ✌Т ✌
21. Φϓγϣϯ
22. Φϓγϣϯ
23. ͜ΜͳαΠτ΋ʜ IUUQXXXMPUUJFpMFTDPN
24. +40/σʔλͷμ΢ϯϩʔυ΋ग़དྷΔͷͰɺखܰʹࢼͤ·͢ɻ
25. ;91*OTUBMMFS
    IUUQBFTDSJQUTDPNMFBSO[YQJOTUBMMFS
    CPEZNPWJO
    IUUQTHJUIVCDPNCPEZNPWJOCPEZNPWJO
    MPUUJF
    pMFT
    IUUQXXXMPUUJFpMFTDPN