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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Degrafa Beta 3 - 360|MAX

4,596
views

Published 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.

Published in: Technology, Art & Photos

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,596
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
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