• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Degrafa Top 5 Features
 

Degrafa Top 5 Features

on

  • 12,161 views

Presentation given at Flex Camp Orange County discussing the "Top 5" features of Degrafa.

Presentation given at Flex Camp Orange County discussing the "Top 5" features of Degrafa.

Statistics

Views

Total Views
12,161
Views on SlideShare
6,684
Embed Views
5,477

Actions

Likes
5
Downloads
56
Comments
0

8 Embeds 5,477

http://www.degrafa.org 5344
http://creative-geeks.com 106
http://www.slideshare.net 13
http://translate.googleusercontent.com 9
http://www.degrafa.org.suite-qa.codebaby.com 2
http://static.slideshare.net 1
http://74.125.77.132 1
http://webcache.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Degrafa Top 5 Features Degrafa Top 5 Features Presentation Transcript

    • What are we talking about? introduction to Degrafa some of the basics top 5 features samples future stuff?
    • What is Degrafa?
    • Degrafa is: a declarative graphics framework open source licensed under MIT works with Flex 2, 3 and Flex 4* community driven for designers & developers at version Beta 3.1
    • Declarative Graphics Framework?
    • 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>
    • Geometry T SVG
    • Geometry: draw to anything* bindable properties base shapes auto shapes svg path data raster & vector text contributions by jim armstrong
    • Beyond Geometry states lls & strokes transforms layout masks lters extending
    • Demo: Degrafa Basics
    • Top 5 Features of Degrafa (debatable)
    • VectorFill
    • What’s VectorFill? create a ll using Degrafa markup treat it just like a BitmapFill no external assets easy to make changes
    • Demo: VectorFill
    • IGraphicSkin Button
    • What’s IGraphicSkin do? create skins for components uses the new Degrafa states skin charts completely customize your UI
    • Demo: IGraphicSkin
    • Repeaters
    • What are Repeaters? repeat any geometry modify any property on each repetition do complex things with minimal code
    • Repeaters are great for: patterns data visualization artistic explorations skinning
    • Demo: Repeaters
    • Advanced CSS
    • Advanced CSS do much more via CSS gradient backgrounds layer graphics multiple backgrounds rounded corners blends lters?
    • Why Advanced CSS? customize your entire UI using just CSS external access for designers easily repurpose complex styles
    • Demo: Advanced CSS
    • Decorators
    • Decorators externally alters geometry possible because of the Degrafa command stack get to the point-by-point data easy way to extend Degrafa without altering the source
    • Possibilities with Decorators? change angles to curves dashed lines start & end caps multiple & shape borders a ton of possibilities... group them together!
    • Demo: Decorators
    • So what does this mean?
    • Drawing is easy! <Surface> <GeometryGroup> <Circle radius=quot;100quot;> <fill> <SolidFill alpha=quot;.5quot; color=quot;#62ABCDquot;/> </fill> </Circle> </GeometryGroup> </Surface>
    • Less External Assets
    • Do really complex stuff with minimal code.
    • Fine-grained control.
    • Endless Possibilities?
    • What’s Next?
    • 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. AutoShapes extenions
    • Thanks! degrafa.org