Degrafa Beta 3 - 360|MAX
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Degrafa Beta 3 - 360|MAX

  • 7,540 views
Uploaded on

This presentation was given at 360|MAX during the Adobe MAX conference. The presentation outlines new features in Degrafa Beta 3.

This presentation was given at 360|MAX during the Adobe MAX conference. The presentation outlines new features in Degrafa Beta 3.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
7,540
On Slideshare
6,849
From Embeds
691
Number of Embeds
7

Actions

Shares
Downloads
88
Comments
0
Likes
6

Embeds 691

http://www.degrafa.org 619
http://kkoccaemi.textcube.com 38
http://www.slideshare.net 20
http://kkoccaemi.blogspot.kr 9
http://kkoccaemi.blogspot.com 3
http://74.125.153.132 1
http://translate.googleusercontent.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. What are talking about? introduction to Degrafa some of the basics features & bene ts demos more demos
  • 2. What is Degrafa?
  • 3. Degrafa is: a declarative graphics framework open source licensed under MIT works with Flex 2, 3 and Flex 4* community driven for designers & developers
  • 4. Declarative Graphics Framework?
  • 5. graphics.beginFill(#666666,.5); ActionScript graphics.drawCircle(0,0,100); graphics.endFill();
  • 6. graphics.beginFill(#666666,.5); ActionScript graphics.drawCircle(0,0,100); graphics.endFill(); <Circle radius=quot;100quot;> <fill> <SolidFill Degrafa MXML color=quot;#666quot; alpha=quot;.5quot;/> </fill> </Circle>
  • 7. How do you work with it? What does it offer?
  • 8. But, before we do... Degrafa Beta 3
  • 9. degrafa.org
  • 10. Draw to Anything* Surface
  • 11. Base & Custom Shapes SVG T
  • 12. Transforms (From multiple registration points.) Rotate Scale Skew Matrix
  • 13. Layout Percent Constraints 100%
  • 14. States Success! FAIL!
  • 15. Fills & Strokes </>
  • 16. Filters Drop Shadow Glow Etc.
  • 17. Masking
  • 18. Bindable Properties
  • 19. Contributions by Jim Armstrong (aka The Algorithmist) Splines, Text on a Path and More... algorithmist.wordpress.com
  • 20. Demo: Composition & Binding
  • 21. Complex Compositions
  • 22. Dynamic Graphics
  • 23. Skinning
  • 24. Demo: Dynamic Graphics & Skinning
  • 25. More with Less
  • 26. Repeaters
  • 27. Derive from other geometry
  • 28. Demo: Repeaters
  • 29. Do very complex things much more easily.
  • 30. Decorators
  • 31. Palettes hot/cool grey interpolated ...
  • 32. Stencils
  • 33. Load From Remote URL www.myurl.com/Circle.mxml www.myurl.com/grass.jpg
  • 34. Demo: Decorators
  • 35. Don’t forget, Advanced CSS
  • 36. Advanced CSS
  • 37. Demo: Advanced CSS
  • 38. What’s Next?
  • 39. What’s Next: feature set is de ned time to re ne and nish these features x bugs and optimize VectorText Text on a Path union, punch, join, etc.
  • 40. So what does this mean?
  • 41. Drawing is easy! <Surface> <GeometryGroup> <Circle radius=quot;100quot;> <fill> <SolidFill alpha=quot;.5quot; color=quot;#62ABCDquot;/> </fill> </Circle> </GeometryGroup> </Surface>
  • 42. Less External Assets
  • 43. Dynamic Graphics for any Situation User Interface Complex Designs Data Visualization Or whatever...
  • 44. Thanks! degrafa.org