![Page 2: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/2.jpg)
History
• 1980s CG small specialized field• First built-in raster graphics displays
– Xerox Star
– Apple Macintosh
– IBM PC
• Bitmap graphics– Rectangular representation of 0s and 1s array of points
(pixels)
– Less expensive and easy to use
![Page 3: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/3.jpg)
WIMP
![Page 4: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/4.jpg)
Image Processing vs Computer Graphics
• Analysis– Picture processing– Image enhancements– Pattern Detection and Recognition– Scene Analysis and Computer Vision
• Synthesis– Pictorial representation of real or imaginary
objects from their computer-based models
![Page 5: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/5.jpg)
Image Processing
![Page 6: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/6.jpg)
Computer Graphics
![Page 7: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/7.jpg)
Advantages of Interactive Graphics (1)
• Natural communication for humans, since our pattern recognition abilities we perceive and process graphics rapidly
• Ancient Chinese “a picture is worth ten thousand words”
• Static pictures are good but dinamic are evn better for communication “a moving picture is worth ten thousand static ones”
![Page 8: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/8.jpg)
Advantages of Interactive Graphics (2)
• Motion dynamics– Object can be moved with respect to a stationary
observer• Flight simulator• Arcade games
• Update dynamics– Actual change of shape, color or other props of the
object beng viewed• Display deformations of an aircraft plane structure in flight• A graphical manipulation by the user change the system
reaction
![Page 9: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/9.jpg)
Motion dynamics
![Page 10: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/10.jpg)
Update dynamics
![Page 11: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/11.jpg)
CG uses
• User Interfaces (WIMP)• Intercative plotting in business, science and tech.• Office automation and electronic publishing• Computer aided drafting and design• Simulation and animation for scientific
visualization and entertainment• Art and commerce (advertising)• Process Control (flow)• Cartography (natural phenomenon)
![Page 12: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/12.jpg)
Classification of applications (1)
• By type (dimensionality) of presented objects and kind of picture to be produced
Type of obj Pictorial representation
2D Line drawing
Gray scale image
Color image
3D Line drawing (wireframe)
Line drawing with effects
Shaded color images
![Page 13: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/13.jpg)
Wireframe and Shaded
![Page 14: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/14.jpg)
Classification of applications (2)
• By type of interaction – Offline plotting (predefined physical data)– Interactive plotting (user supply parameters)– Calculating the object and fly around it (real
time under user control or scientific viz)– Interactive designing (start with blank screen
and user create views)
![Page 15: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/15.jpg)
Classification of applications (3)
• By the role of the picture– If the picture is an end or part of a process– Example in cartography: drafting, raster
painting, animation and artwork till the end drawing.
![Page 16: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/16.jpg)
Classification of applications (4)
• By logical and temporal relationships between objects and their pictures– Only one picture at a time (plotting)– Time-varying sequence of raleted pictures
(motion or update dynamics)– Structured collection of objects and their parts
(CAD, CAM)
![Page 17: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/17.jpg)
Development of CG
• Whirlwind Computer 1950s MIT– Computer driven CRT displays for output
![Page 18: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/18.jpg)
CG limitations
• High cost of the graphics hardware
• Need for large scale, expensive computing resource for interactivity
• Difficulty of writing large interactive programs (assembler)
• Non-portable software
![Page 19: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/19.jpg)
Output Techs: vector display
![Page 20: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/20.jpg)
Output techs: raster display
![Page 21: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/21.jpg)
Raster Scan
![Page 22: Grafica(1): Introduction Dott. Alessio Malizia Malizia@dsi.uniroma1.it](https://reader030.vdocument.in/reader030/viewer/2022033108/56649e1b5503460f94b08e23/html5/thumbnails/22.jpg)
Vector scan VS Raster scan