1. 1 Chapter 1: Graphics Systems and Models

2. 2 Applications of C. G. – 1/4 Display of information Maps GIS (geographic information system) CT (computer tomography) MRI (magnetic resonance imaging) PET (positron-emission tomography) Fluid flow, molecular biology, mathematics…

3. 3 Display of Information

4. 4 Applications of C. G. – 2/4 Design CAD (computer-aided design): VLSI (very-large-scale integrated) circuits Together with other tools: architecture or interior design

5. 5 Interior Design

6. 6 Applications of C. G. – 3/4 Simulation and animation Flight simulation – pilot training Games and educational software Benefits: Less cost Less danger, e.g. combination with the VR (virtual reality) techniques can help surgical interns and astronauts

7. 7 Applications of C. G. – 4/4 User interfaces Friendly working environment: windows, icons, menus, pointing devices

8. 8 A Graphics System

9. 9 Pixels

10. 10 Frame Buffer High-end systems: VRAM or DRAM Simpler systems: part of memory Depth: the number of bits per pixel True color: depth=24 Resolution: the number of pixels in the frame buffer

11. 11 Rasterization or Scan-conversion Conversion of geometric entities to pixels in the frame buffer High-end systems Special-purpose processors Simpler systems A single and shared processor

12. 12 Output Devices – 1/2 CRT (Cathode-ray tube)

13. 13 Output Devices – 2/2 CRT Refresh: at least 50 times per second Interlace and non-interlace systems Color CRTs have three colored phosphors and a shadow mask Other raster devices: LCD (liquid-crystal displays) Plasma panels and digital projection systems Non-refreshable: printers and plotters

14. 14 Shadow-mask CRT

15. 15 Input Devices Mouse Joystick Data tablet Anything else? Hand Foot Voice Mind?

16. 16 Images: Physical and Synthetic Image formation Lighting Shading Properties of materials

17. 17 Objects and Viewers – 1/3 Object: formed from geometric primitives Points, lines, polygons Vertex (pl. Vertices) is the most primitive one Viewer: Locations Viewing angles

18. 18 Objects and Viewers – 2/3

19. 19 Objects and Viewers – 3/3 3D world  2D image

20. 20 Light and Images

21. 21 Electromagnetic Spectrum

22. 22 Single Point Light Source

23. 23 Ray Tracing Penetrating transparent surfaces Reflected by Mirrors Diffuse surfaces Refracted Absorbed

24. 24 Human Visual System Visual system does not have the same response to each color. We are most sensitive to green light

25. 25 Pinhole Camera – 1/2

26. 26 Pinhole Camera – 2/2  (x p, y p, -d) is the projection of (x, y, z)

27. 27 Synthetic-camera Model – 1/4 Bellows Camera Projector

28. 28 Synthetic-camera Model – 2/4 COP(Center of Projection) Focal Length

29. 29 Synthetic-camera Model – 3/4 Film Plane Projection Plane

30. 30 Synthetic-camera Model – 4/4 Clipping Window

31. 31 Programmer’s Interface Interface for a painting program

32. 32 Application Programmer’s Interface Specifications of the functions in the graphics library

33. 33 Pen-plotter Model moveto(0, 0) lineto(1, 0) lineto(1, 1) lineto(0, 1) lineto(0, 0) moveto(0, 1) lineto(0.5, 1.866) lineto(1.5, 1.866) lineto(1.5, 0.886) lineto(1, 0) moveto(1, 1) lineto(1.5, 1.866)

34. 34 Three-dimensional APIs Objects Viewers Light sources Material properties

35. 35 OpenGL Objects glBegin(GL_POLYGON); glVertex3f(0.0, 0.0, 0.0); glVertex3f(0.0, 1.0, 0.0); glVertex3f(0.0, 0.0, 1.0); glEnd(); GL_LINE_STRIP, GL_POINTS…

36. 36 Camera(Viewer) Specifications Position (COP) Orientation Focal length Film plane

37. 37 Between Objects and Viewers Independently specified Use transforms to convert object from the world coordinate system to the coordinate system at the COP – adopted by OpenGL Dependently specified

38. 38 Sequence of Images Wireframe Flat shading HSR (Hidden surface removal) Smooth shading Curves and surfaces NURBS, Bezier curves/surfaces Texture mapping Bump mapping, environmental maps, antialiasing…

39. 39 Wireframe

40. 40 Flat Shading

41. 41 Smooth Shading

42. 42 Modeling With Curves/surfaces

43. 43 Bump Mapping

44. 44 Environmental Maps

45. 45 Antialiasing

46. 46 Modeling-rendering Paradigm Example: Scene graph

47. 47 Graphics Architecture – 1/3 Early graphics system Compute line segments Draw line segments Very high rate to avoid flickering

48. 48 Graphics Architecture – 2/3 Display-processor architecture

49. 49 Graphics Architecture – 3/3 Arithmetic pipeline: doubling the throughput! Pipeline Architecture: Geometric pipeline

50. 50 Geometric Pipeline – 1/2 Transformation Conversion between coordinate systems Translation, rotation, scaling Aggregate transforms by matrix multiplications Clipping Could be further pipelined

51. 51 Geometric Pipeline – 2/2 Projection Remaining 3D objects are projected into 2D objects Parallel or perspective projections Rasterization Convert 2D objects into pixels

52. 52 Performance Characteristics Latency Throughput: How fast we can move geometric entities through the pipeline How many pixels per second we can alter in the frame buffer Pipeline architecture is not a must Ray tracing or radiosity  for better quality

53. 53 Summary & Notes of Chapter 1 Application of computer graphics A graphics system Human visual system Pinhole and synthetic camera models Image formation Geometric pipeline Realistic images may require resolution of up to 4000  6000