Doing vector graphics with Flex

1
Doing vector graphics with Flex

• What can we do with Degrafa and what we shouldn't

Martin Ruskov and Miroslav Nedyalkov Astea
Solutions AD
2
Contents

• The project DuoVu
• The library Degrafa
• Degrafa paths
• DuoVu walls
• DuoVu halos and highlighting
• What was done good
• What could be done better
• What did we learn

3
The project DuoVu

• DuoVu company
• DUOVU's patent-pending DUOVU technology
• What is the idea
• Virtual tours
• VuPoints
• Cool effect ?

4
The library Degrafa (1)
ltEllipse id"circle" x"100" y"30" height"40"
width"60"gt ltfillgt ltRadialGradientFill
spreadMethod"repeat" blendMode"difference"gt ltG
radientStop color"FC0" alpha".8"/gt ltGradientSto
p color"C50" alpha".5"/gt lt/RadialGradientFillgt
lt/fillgt ltstrokegt ltLinearGradientStroke
spreadMethod"reflect" blendMode"add"gt ltGradien
tStop color"FFF" alpha".8"/gt ltGradientStop
color"62ABCD" alpha".5"/gt lt/LinearGradientStrok
egt lt/strokegt lt/Ellipsegt

• DEclarative GRAphics FrAmework
• Higher level than ActionScript
• More human-readable than SVG

5
The library Degrafa (2)

• Advanced skinning

Application background-color "-45deg 330000
550000 330000" background-image
Embed("assets/images/designer.png") background-re
peat repeat background-position
center background-blend multiply borderSkin
ClassReference("com.degrafa.skins.CSSSkin")
6
Degrafa paths

• SVG graphics format
• The Bird
• The Birds path
• How can you use that?
• Importing paths from SVG files
• Extracting approximated vector images from raster
  graphic

7
DuoVu walls

• Need to provide support for walls
• Contemporary architecture is not rectilinear
• Competition with primitive solutions
• Need to balance between flexibility and ease
• We need more flexibility than in
  flash.display.Graphics
• Why not use Degrafas SVG path support?

8
DuoVu halos and highlighting(1)

• The DuoVu map
• Objects, seen on the map
• Halos and highlighting

9
DuoVu halos and highlighting(2)
The map
Map Object 2
Halo1
Halo3
Map Object 1
Map Object 3
Halo1
Halo2
Halo1
Highlight
Highlight
10
DuoVu halos and highlighting(3)

• Geometries and geometry groups
• Challenges, using the library

11
What was done good

• Successfully took advantage of Degrafa
• Extremely good results for the limited resources
• Thanks to building on Degrafa
• The project was a successful debut
• Our effort was reduced thanks to Degrafa
• Degrafa?

12
What could be done better

• Better software design
• Could use Decorator pattern
• Reduce coupling
• Better development planning
• Need better research
• Decided to use Degrafa at the middle of the
  project
• Could have asked the Degrafa team to help in this
  presentation
• Great and helpful community
• Degrafa?

13
What did we learn

• Think before coding ?
• Before using something new and good-looking, ask
  yourself Do I really need it?
• Never use something that is released tomorrow!
• Good research gt good results!
• Degrafa is good tool, but you have to use it
  right!

14
Questions