Degrafa Beta 3 - 360|MAX

  • 4,564 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
4,564
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
88
Comments
0
Likes
6

Embeds 0

No embeds

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