Your SlideShare is downloading. ×
0
Wolfram Kriesing, CTODienstag, 20. März 12
Dienstag, 20. März 12
Bikeshed?   What happenedDienstag, 20. März 12
Beginning 2010   Gordon / Tobias SchneiderDienstag, 20. März 12
Jan. - Aug. 2011   Full Flash 8 / AS2 supportDienstag, 20. März 12
JsConf   ...drinks...Dienstag, 20. März 12
Bikeshed                        •   JS API to create visual content                            (JS dev friendly ;) )      ...
What are we focusing on?          3D, Graphics, Effects   Connectivity   Device Access   Multimedia             Offline & S...
Canvas   faster and fasterDienstag, 20. März 12
Canvas: faster and fasterDienstag, 20. März 12
http://raphaeljs.com                        SVG   vectors for the massesDienstag, 20. März 12
SVG: vectors for the massesDienstag, 20. März 12
http://ro.me                        WebGL   a whole new worldDienstag, 20. März 12
WebGL: a whole new worldDienstag, 20. März 12
Woa                        lots of stuff :)Dienstag, 20. März 12
Bikeshed                        • JS developer friendly beautiful API                        • Flash inspired (conversion ...
http://www.stretta.com/~matthew/resources/studio/history.html                                                             ...
Content creation                                                     Bitmap               Text          Audio             ...
Content creation                        addTo(stage) color/gradient positioning                                           ...
Content creationDienstag, 20. März 12
The API: shapesDienstag, 20. März 12
The API: filtersDienstag, 20. März 12
The API: timeline - a bit like Flash                                              Frames                                  ...
The API: animations                        • Animate shape properties                        • Timeline bound / or not    ...
The API: summary                •   Rich set of features                •   Inspired by Flash => Flash ‘like’ content made...
http://interactive.usc.edu/2008/11/11/technologies-of-perception-digital-photography-and-architecture/                    ...
Architecture: Renderer / Movie execution                        Movie             RendererDienstag, 20. März 12
Architecture: Renderer / Movie execution                         Movie            Renderer                        IframeDi...
Architecture: Renderer / Movie execution                          Movie           Renderer                        WorkerDi...
Architecture: Renderer / Movie execution                          Movie           Renderer                        Node.jsD...
Architecture: Renderer / Movie execution                        Movie             Renderer                                ...
Architecture: Renderer / Movie execution                        Movie             Renderer                                ...
Architecture: Renderer / Movie execution                        Movie             Renderer                                ...
Architecture: Renderer / Movie execution                        Movie             Renderer                                ...
Bikeshed example   factsDienstag, 20. März 12
Thank you                        @bikeshedjs                        Wolfram Kriesing, CTO                        uxebuDien...
Upcoming SlideShare
Loading in...5
×

Presentation Mobile Monday Munich, March 2012

475

Published on

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
475
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Presentation Mobile Monday Munich, March 2012"

  1. 1. Wolfram Kriesing, CTODienstag, 20. März 12
  2. 2. Dienstag, 20. März 12
  3. 3. Bikeshed? What happenedDienstag, 20. März 12
  4. 4. Beginning 2010 Gordon / Tobias SchneiderDienstag, 20. März 12
  5. 5. Jan. - Aug. 2011 Full Flash 8 / AS2 supportDienstag, 20. März 12
  6. 6. JsConf ...drinks...Dienstag, 20. März 12
  7. 7. Bikeshed • JS API to create visual content (JS dev friendly ;) ) • Flash inspired (conversion possible) • Cross device / platform (mobile, desktop, space-ships)Dienstag, 20. März 12
  8. 8. What are we focusing on? 3D, Graphics, Effects Connectivity Device Access Multimedia Offline & Storage Performance Semantics CSS3Dienstag, 20. März 12
  9. 9. Canvas faster and fasterDienstag, 20. März 12
  10. 10. Canvas: faster and fasterDienstag, 20. März 12
  11. 11. http://raphaeljs.com SVG vectors for the massesDienstag, 20. März 12
  12. 12. SVG: vectors for the massesDienstag, 20. März 12
  13. 13. http://ro.me WebGL a whole new worldDienstag, 20. März 12
  14. 14. WebGL: a whole new worldDienstag, 20. März 12
  15. 15. Woa lots of stuff :)Dienstag, 20. März 12
  16. 16. Bikeshed • JS developer friendly beautiful API • Flash inspired (conversion possible :) ) • Future proof architectureDienstag, 20. März 12
  17. 17. http://www.stretta.com/~matthew/resources/studio/history.html The API BeautifulDienstag, 20. März 12
  18. 18. Content creation Bitmap Text Audio radial Shapes darker saturation Gradient Video lighter Color hsla linear randomize hue rgba Organization play frames Sprite Movie units Timeline Grouping stop length Manipulation mouseup mousedown Matrix on keyup drag Events x greyscale saturate emit keydown touch keyframes opacity y invert Filter blur matrix Animation mask dropShadow sepia rotation clip scaleDienstag, 20. März 12
  19. 19. Content creation addTo(stage) color/gradient positioning Shape Bitmap Text attr() line/fill fontDienstag, 20. März 12
  20. 20. Content creationDienstag, 20. März 12
  21. 21. The API: shapesDienstag, 20. März 12
  22. 22. The API: filtersDienstag, 20. März 12
  23. 23. The API: timeline - a bit like Flash Frames 120 240 360Dienstag, 20. März 12
  24. 24. The API: animations • Animate shape properties • Timeline bound / or not • Easing • EventsDienstag, 20. März 12
  25. 25. The API: summary • Rich set of features • Inspired by Flash => Flash ‘like’ content made easy ® ® • Use the Flash IDE to create content • Then export it to JS Bikeshed codeDienstag, 20. März 12
  26. 26. http://interactive.usc.edu/2008/11/11/technologies-of-perception-digital-photography-and-architecture/ Architecture Pssst “Client / Server”Dienstag, 20. März 12
  27. 27. Architecture: Renderer / Movie execution Movie RendererDienstag, 20. März 12
  28. 28. Architecture: Renderer / Movie execution Movie Renderer IframeDienstag, 20. März 12
  29. 29. Architecture: Renderer / Movie execution Movie Renderer WorkerDienstag, 20. März 12
  30. 30. Architecture: Renderer / Movie execution Movie Renderer Node.jsDienstag, 20. März 12
  31. 31. Architecture: Renderer / Movie execution Movie Renderer SVGDienstag, 20. März 12
  32. 32. Architecture: Renderer / Movie execution Movie Renderer CanvasDienstag, 20. März 12
  33. 33. Architecture: Renderer / Movie execution Movie Renderer WebGL ®Dienstag, 20. März 12
  34. 34. Architecture: Renderer / Movie execution Movie Renderer CombinationDienstag, 20. März 12
  35. 35. Bikeshed example factsDienstag, 20. März 12
  36. 36. Thank you @bikeshedjs Wolfram Kriesing, CTO uxebuDienstag, 20. März 12
  1. A particular slide catching your eye?

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

×