Från Flash till Canvas en förkärlek till svarta hål         @flashpatric
DENNA FÖRELÄSNINGEN            Canvas 2D context                  Historik                   Nutid   Hur ett vyträd gör li...
VAD CANVAS ÄR<canvas id=”canvas” width=”300” height=”150”></canvas>             En del av HTML5 standarden                ...
FÖRDELARNA                           Ur ett perspektiv som flashutvecklareDet är lätt att lära sig                    Kraft...
HISTORIK                                    Flash vs HTML1995 FutureSplash, blivande Flash, frågade   1995 HTML 3.2 draft ...
HISTORIK                                 Flash vs HTML1996 FutureSplash köps upp av Macromedia   1996 Lärde mig koda HTML ...
HISTORIK                                    Flash vs HTML2000 Jag gjorde min första Flashanimation   1998 XHTML 1.0       ...
HISTORIK                                  Flash vs HTML2000 Actionscript 1 och Flash 5         2001 XHTML 1.1
HISTORIK                                    Flash vs HTML2003 Actionscript 2 släpptes i samband    2003 Firefox föds      ...
HISTORIK                               Flash vs HTML2005 Macromedia köps upp av Adobe    2004 WHATWG grundades av folk frå...
HISTORIK                              Flash vs HTML2006 Actionscript 3 släpps.         2007 W3C grundar HTMLWG            ...
HISTORIK                                   Flash vs HTML2008 Adobe AIR introduceras för desktop   2008 Google Chrome ser d...
HISTORIK                                     Flash vs HTML2009 Adobe Flash Player för mobila enheter     2009 W3C tar WHAT...
HISTORIK                                                         Flash vs HTML2010 Adobe släpper AIR för Android och iOS  ...
HISTORIK                                    Flash vs HTML2011 Apples användaravtal ändas igen och      2011 Adobe skiftar ...
NUTID             HTML5 Canvas 2D marknadspenetration idagCanvas basic support                          Canvas Text API71....
NUTID                              Canvas 2D Context i Internet ExplorerIE8 och nedåt saknar support för Canvas           ...
NACKDELARNA                  Ur ett perspektiv som flashutvecklarePolyfills behövs för äldre webbläsare   Det finns ingen ”Ca...
OPTIMISTEN                        Det finns hopp om CanvasPolyfills täcker några behov        Adobe Flash Professional CS6Vi...
VAD ETT VYTRÄD ÄR”En hierarkisk lista med grafiska objekt som        beskrivs med sina egenskaper”
VAD ETT VYTRÄD ÄRDisplay Objekt                      Olika objekt och egenskaperFamiljen – förälder och barn        Stage ...
CREATEJS En uppsättning Javascript-bibliotek   Interaktiva upplevelser och spelIntegration i Flash Professional CS6
EASELJS          Baserat på Display List i Flash        Display list och DisplayListObjects                  DOM-elementMo...
TWEENJSTween- och easing API
SOUNDJSAPI för att arbeta med ljud tillsammans med Canvas
PRELOADJSEtt API för att hantera inladdning av data
ZOËExporterar SWF-filer som EaselJS sprite sheets
Demonstration!
Adobe Flash Professional CS6         Toolkit for CreateJS                  Nestlade animationer                  Armature ...
Demonstration!
Grundaren av CREATEJS               Grant Skinner                     gskinner.comErkänd talare, ledare och innovatör     ...
TACK!    Patric JonssonInteractive Developer      @flashpatric flashpatric@gmail.com
Upcoming SlideShare
Loading in...5
×

Från Flash till Canvas - en förkärlek till svarta hål

3,074

Published on

In Swedish only!!

Denna presentation tar upp hur du som HTML5 utvecklare kan dra nytta av att veta hur Flash och Actionscript är uppbyggt. Verktygen man kan använda för en bättre Canvasupplevelse och framför allt hur en Display List kan göra livet lättare för dig.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,074
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • Denna f&amp;#xF6;rel&amp;#xE4;sning tar bara upp den del som t&amp;#xE4;cks upp av Canvas 2D context och visar hur du som HTML5 utvecklare kan dra nytta av att veta hur Flash och Actionscript &amp;#xE4;r uppbyggt, verktygen man kan anv&amp;#xE4;nda f&amp;#xF6;r en b&amp;#xE4;ttre Canvasupplevelse.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Flash: Adobe sa nej tack.\nHTML: HTML3.2 var den f&amp;#xF6;rsta versionen som standardiserades och publicerades som en rekomendation av W3C\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Macromedia som d&amp;#xF6;pte om produkten till Flash\nHTML 4.0 f&amp;#xF6;resl&amp;#xE5;s som standard f&amp;#xF6;rst 1998\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • Flash: F&amp;#xF6;r f&amp;#xF6;rsta g&amp;#xE5;ngen kallas skriptspr&amp;#xE5;ket ActionScript, tidigare har det bara g&amp;#xE5;tt under ben&amp;#xE4;mningen Actions. I Flash 5 tillhandah&amp;#xF6;ll spr&amp;#xE5;ket mycket mer funktionalitet och punktsyntax. Man kunde utf&amp;#xF6;ra enklare OOP i likhet med vad man kunde g&amp;#xF6;ra i JavaScript\n
  • En simulering av&amp;#xA0;F&amp;#xF6;reningsbankens s&amp;#xE4;kerhetsdosa\n
  • En simulering av&amp;#xA0;F&amp;#xF6;reningsbankens s&amp;#xE4;kerhetsdosa\n
  • En simulering av&amp;#xA0;F&amp;#xF6;reningsbankens s&amp;#xE4;kerhetsdosa\n
  • En simulering av&amp;#xA0;F&amp;#xF6;reningsbankens s&amp;#xE4;kerhetsdosa\n
  • En simulering av&amp;#xA0;F&amp;#xF6;reningsbankens s&amp;#xE4;kerhetsdosa\n
  • En simulering av&amp;#xA0;F&amp;#xF6;reningsbankens s&amp;#xE4;kerhetsdosa\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • HTML: Web Hypertext Application Technology Working Group\nN&amp;#xE5;gon representant fr&amp;#xE5;n Microsoft ville inte vara med\n
  • En omskrivning av spr&amp;#xE5;ket&amp;#xA0;\n
  • En omskrivning av spr&amp;#xE5;ket&amp;#xA0;\n
  • En omskrivning av spr&amp;#xE5;ket&amp;#xA0;\n
  • En omskrivning av spr&amp;#xE5;ket&amp;#xA0;\n
  • En omskrivning av spr&amp;#xE5;ket&amp;#xA0;\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • http://www.w3.org/People/Raggett/book4/ch02.html\nhttp://createjs.com/\n\n
  • Från Flash till Canvas - en förkärlek till svarta hål

    1. 1. Från Flash till Canvas en förkärlek till svarta hål @flashpatric
    2. 2. DENNA FÖRELÄSNINGEN Canvas 2D context Historik Nutid Hur ett vyträd gör livet lättare för dig Verktyg för en bättre Canvasupplevelse Demonstration
    3. 3. VAD CANVAS ÄR<canvas id=”canvas” width=”300” height=”150”></canvas> En del av HTML5 standarden Dynamisk bitmap Egna API:er för att rita och skriva text
    4. 4. FÖRDELARNA Ur ett perspektiv som flashutvecklareDet är lätt att lära sig Kraftfullt tillsammans med andra nya funktionerMycket bra prestanda i nyare webbläsare Semantics Offline & StorageBildmanipulation på pixelnivå Device accessDet finns många väl beprövade JS-bibliotek ConnectivityRelativt hög marknadspenetration Audio & video 3D graphics & effects3D context – WebGL Performance & IntegrationGPU accelererat CSS3
    5. 5. HISTORIK Flash vs HTML1995 FutureSplash, blivande Flash, frågade 1995 HTML 3.2 draft Adobe om de ville köpa företaget Microsoft släpper Internet Explorer
    6. 6. HISTORIK Flash vs HTML1996 FutureSplash köps upp av Macromedia 1996 Lärde mig koda HTML 1997 HTML 4.0, “Cougar”
    7. 7. HISTORIK Flash vs HTML2000 Jag gjorde min första Flashanimation 1998 XHTML 1.0 1999 HTML 4.01
    8. 8. HISTORIK Flash vs HTML2000 Actionscript 1 och Flash 5 2001 XHTML 1.1
    9. 9. HISTORIK Flash vs HTML2003 Actionscript 2 släpptes i samband 2003 Firefox föds med MX 2004 och Flash Player 7
    10. 10. HISTORIK Flash vs HTML2005 Macromedia köps upp av Adobe 2004 WHATWG grundades av folk från Apple, Mozilla och Opera.
    11. 11. HISTORIK Flash vs HTML2006 Actionscript 3 släpps. 2007 W3C grundar HTMLWG Accepterar ett tidigare krav att släppa XHTML
    12. 12. HISTORIK Flash vs HTML2008 Adobe AIR introduceras för desktop 2008 Google Chrome ser dagens ljus
    13. 13. HISTORIK Flash vs HTML2009 Adobe Flash Player för mobila enheter 2009 W3C tar WHATWG:s förslag om Adobe uttrycker sin skepsis mot HTML5 HTML5 som grund till en ny standard Nja…
    14. 14. HISTORIK Flash vs HTML2010 Adobe släpper AIR för Android och iOS 2010 Microsoft implementerar viss HTML5- men stoppas av Apples nya funktionalitet i IE9 användaravtal “3.3.1 — Applications may only use Documented APIs in the manner prescribed by Apple and must not use or call any private APIs. Applications must be originally written in Objective-C, C, C++, or JavaScript as executed by the iPhone OS WebKit engine, and only code written in C, C++, and Objective-C may compile and directly link against the Documented APIs (e.g., Applications that link to Documented APIs through an intermediary translation or compatibility layer or tool are prohibited).”
    15. 15. HISTORIK Flash vs HTML2011 Apples användaravtal ändas igen och 2011 Adobe skiftar fokus och förflyttar en stor Adobe AIR släpps på nytt av Adobe för del av resurserna från Flash-teamet till iOS HTML5 Adobe Flash Player för mobila enheter Adobe gör en megablunder i sin läggs ner kommunikation
    16. 16. NUTID HTML5 Canvas 2D marknadspenetration idagCanvas basic support Canvas Text API71.17% 70.56%Opera Mini har delvis support för Canvas Opera Mini saknar support för Canvas Text APICSS Canvas Drawing Full Screen API35.56% (Chrome, Safari, iOS Safari, Android 0%browser) Firefox, Chrome och Safari har delvis support
    17. 17. NUTID Canvas 2D Context i Internet ExplorerIE8 och nedåt saknar support för Canvas <!DOCTYPE html> <html>Kan använda polyfills för VML i IE7 och IE8 <head> <meta charset="utf-8">Explorercanvas.js <title>Dive Into HTML5 Canvas</title> <!--[if lt IE 9]>Allt stöds inte, det finns begränsningar! <script src="excanvas.js"></script> - Bara linjära gradienter <![endif]--> - Mönster måste repetera i båda riktningarna </head> - Urklippsbanor stöds ej <body> ... </body> - Oenhetlig skalning skalar ej konturlinjer korrekt </html> - Dålig prestanda
    18. 18. NACKDELARNA Ur ett perspektiv som flashutvecklarePolyfills behövs för äldre webbläsare Det finns ingen ”Canvaseditor” ännuInget animations API/tidslinje Det som ritas är bara pixlarDålig textrendering Inget vyträd
    19. 19. OPTIMISTEN Det finns hopp om CanvasPolyfills täcker några behov Adobe Flash Professional CS6Vi är programmerare! Dynamiska pixlarWebbfonter Logiskt vyträd
    20. 20. VAD ETT VYTRÄD ÄR”En hierarkisk lista med grafiska objekt som beskrivs med sina egenskaper”
    21. 21. VAD ETT VYTRÄD ÄRDisplay Objekt Olika objekt och egenskaperFamiljen – förälder och barn Stage x&yÄrver från en abstrakt klass Bitmap alphaRendering sker i förhållande till Shape scaleX & scaleYföräldern Text Etc..Dess egenskaper bestämmer hur derenderas
    22. 22. CREATEJS En uppsättning Javascript-bibliotek Interaktiva upplevelser och spelIntegration i Flash Professional CS6
    23. 23. EASELJS Baserat på Display List i Flash Display list och DisplayListObjects DOM-elementMouse events på objekt, även onClick och onPress Touch support
    24. 24. TWEENJSTween- och easing API
    25. 25. SOUNDJSAPI för att arbeta med ljud tillsammans med Canvas
    26. 26. PRELOADJSEtt API för att hantera inladdning av data
    27. 27. ZOËExporterar SWF-filer som EaselJS sprite sheets
    28. 28. Demonstration!
    29. 29. Adobe Flash Professional CS6 Toolkit for CreateJS Nestlade animationer Armature Ljud Vektorobjekt Shape morphningar Dynamisk text
    30. 30. Demonstration!
    31. 31. Grundaren av CREATEJS Grant Skinner gskinner.comErkänd talare, ledare och innovatör inom interaktiv media Gtween RegExr CreateJS EaselGL
    32. 32. TACK! Patric JonssonInteractive Developer @flashpatric flashpatric@gmail.com
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×