Graphics and Visualization (Pharo Days 2015)
-
Upload
yuriy-tymchuk -
Category
Software
-
view
170 -
download
0
Transcript of Graphics and Visualization (Pharo Days 2015)
![Page 1: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/1.jpg)
Graphics and Visualization
Yuriy Tymchuk (almost) Alain Plantec
Guillaume Larcheveque
![Page 2: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/2.jpg)
What are Athens?
![Page 3: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/3.jpg)
![Page 4: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/4.jpg)
![Page 5: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/5.jpg)
![Page 6: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/6.jpg)
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
![Page 7: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/7.jpg)
p := aCanvas createPath:[ :b | b moveTo: [email protected] ; lineTo: 0.4@0; curveVia: 0.1@0 to: [email protected]; lineTo: [email protected]; curveVia: [email protected] to: [email protected]; lineTo: -0.4@0; curveVia: -0.1@0 to: ([email protected]) negated; lineTo: [email protected] negated ; curveVia: [email protected] negated to: [email protected] negated ]. aCanvas setPaint: self coloredCarColor; drawShape: p. stroke := aCanvas setStrokePaint: self wheelColor. stroke width: 0.01. aCanvas draw. wheel := aCanvas createPath:[ :b | b moveTo: [email protected]; cwArcTo: 0.15@0 angle: Float halfPi; moveTo: 0.1@0; cwArcTo: 0.15@0 angle: Float halfPi; moveTo: [email protected]; 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: [email protected]; lineTo: 0.225@0 ; cwArcTo: 0.15@0 angle: Float halfPi; lineTo: 0.225@0; lineTo: [email protected] ; lineTo: -0.225@ 0; cwArcTo: -0.15@0 angle: Float halfPi; lineTo: -0.225@ 0 ; lineTo: [email protected] negated].
stroke := aCanvas setStrokePaint: self chasisDecoratorColor. stroke width: 0.01. aCanvas drawShape: decorator. aCanvas setPaint: self chasisLineColor. aCanvas draw.
![Page 8: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/8.jpg)
![Page 9: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/9.jpg)
http://agilevisualization.com
![Page 10: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/10.jpg)
Athens
Trachel
Roassal
Amber stuff?
![Page 11: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/11.jpg)
Trachel
![Page 12: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/12.jpg)
Roassal
![Page 13: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/13.jpg)
![Page 14: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/14.jpg)
![Page 15: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/15.jpg)
![Page 16: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/16.jpg)
![Page 17: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/17.jpg)
![Page 18: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/18.jpg)
Nicolas Lusa Michele Lanza
![Page 19: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/19.jpg)
Nicolas Lusa Michele Lanza
Arc de Triomphe
Champs-Élysées
![Page 20: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/20.jpg)
ViDI
http://vidi.inf.usi.ch
![Page 21: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/21.jpg)
BlocA new 2D graphics framework for Pharo
![Page 22: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/22.jpg)
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
![Page 23: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/23.jpg)
New Morph hierarchyBlView for the rendering
BlMorph for events management
![Page 24: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/24.jpg)
Less Morph subclassesA Morph is associated with a View
A View can be a composite
![Page 25: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/25.jpg)
New layout strategiesAnchors, Box, Border, Stack
![Page 26: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/26.jpg)
An more to come: We are ready to build new widgets
Stay tuned!
![Page 27: Graphics and Visualization (Pharo Days 2015)](https://reader030.fdocuments.in/reader030/viewer/2022020208/55a941c81a28abfd5c8b46e5/html5/thumbnails/27.jpg)
Telescope