Graphics and Visualization (Pharo Days 2015)

(original presentation contained many videos)

Overview of graphics and visualization frameworks in Pharo

Transcript

1. Graphics and Visualization Yuriy Tymchuk (almost) Alain Plantec Guillaume Larcheveque
2. What are Athens?
6. aCanvas createPath: [:builder | builder absolute; moveTo: 70@100; lineTo: 330@100; cwArcTo: 350@120 angle: 90 degreesToRadians; lineTo: 350@280; cwArcTo: 330@300 angle: 90 degreesToRadians; lineTo: 70@300; cwArcTo: 50@280 angle: 90 degreesToRadians; lineTo: 50@120; cwArcTo: 70@100 angle: 90 degreesToRadians
7. p := aCanvas createPath:[ :b | b moveTo: 0.3@0.3 ; lineTo: 0.4@0; curveVia: 0.1@0 to: 0.1@0.1; lineTo: 0@0.2; curveVia: 0@0.1 to: -0.1@0.1; lineTo: -0.4@0; curveVia: -0.1@0 to: (0.1@0.1) negated; lineTo: 0@0.2 negated ; curveVia: 0@0.1 negated to: 0.1@0.1 negated ]. aCanvas setPaint: self coloredCarColor; drawShape: p. stroke := aCanvas setStrokePaint: self wheelColor. stroke width: 0.01. aCanvas draw. wheel := aCanvas createPath:[ :b | b moveTo: 0.3@0.3; cwArcTo: 0.15@0 angle: Float halfPi; moveTo: 0.1@0; cwArcTo: 0.15@0 angle: Float halfPi; moveTo: 0.0@0.4; cwArcTo: 0.15 negated@0 angle: Float halfPi; moveTo: -0.1@0; cwArcTo: 0.15 negated@0 angle: Float halfPi ]. aCanvas setPaint: self wheelColor; drawShape: wheel. decorator := aCanvas createPath:[ :b | b moveTo: 0.2@0.45; lineTo: 0.225@0 ; cwArcTo: 0.15@0 angle: Float halfPi; lineTo: 0.225@0; lineTo: 0@0.1 ; lineTo: -0.225@ 0; cwArcTo: -0.15@0 angle: Float halfPi; lineTo: -0.225@ 0 ; lineTo: 0@0.1 negated]. stroke := aCanvas setStrokePaint: self chasisDecoratorColor. stroke width: 0.01. aCanvas drawShape: decorator. aCanvas setPaint: self chasisLineColor. aCanvas draw.
9. http://agilevisualization.com
10. Athens Trachel Roassal Amber stuff?
11. Trachel
12. Roassal
18. Nicolas Lusa Michele Lanza
19. Nicolas Lusa Michele Lanza Arc de Triomphe Champs-Élysées
20. ViDI http://vidi.inf.usi.ch
21. Bloc A new 2D graphics framework for Pharo
22. Bloc • a new Morph hierarchy • a new event framework • new layout strategies • a new Halo framework • new World management • new widgets Bloc = new Morphic implementation + OSWindows + Athens + TxtText
23. New Morph hierarchy BlView for the rendering BlMorph for events management
24. Less Morph subclasses A Morph is associated with a View A View can be a composite
25. New layout strategies Anchors, Box, Border, Stack
26. An more to come: We are ready to build new widgets Stay tuned!
27. Telescope