1. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 1 Welcome to CP411 Computer Graphics 2012 Instructor: Dr. Hongbing Fan Introduction 1.What is computer graphics (CG) 2.Why computer graphics; the applications of CG 3.Relations to other fields 4. About the teaching and learning of this course Lecture 1: Computer Graphics hardware SIGGRAPH 2012 animation

2. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 2 What is Computer Graphics?

3. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 3 What is Computer Graphics?

4. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 4 What is Computer Graphics?

5. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 5 What is Computer Graphics?

6. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 6 What is Computer Graphics?

7. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 7 What is Computer Graphics?

8. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 8 What is Computer Graphics? Technically, it’s about the production, storage, manipulation and display of images using computers Practically, it’s about movies, games, art, training, advertising, communication, design, …

9. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 9 What is Computer Graphics? Definition of Computer Graphics –Creation, storage, manipulation and display of images of models of 2D and 3D objects –Pictorial synthesis of real or imaginary objects from their computer based models Main tasks 1.Modeling: creating and representing the geometry of objects in the 3D world 2.Rendering: generating images of the objects in 2D screen 3.Animation: describing how objects change in time After all, it’s about generating images for viewing by eyes

10. Relations to other fields 1.Image processing –Image enhancement –Feature retrieval –Pattern recognition and analysis of scenes –Reconstruction of models of 3-D objects –Robotics 2.User interface design –Understanding human –It pertains to user –Ergonomics 3.CAD/CAM (MECH) ….. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 10

11. Why computer graphics A picture is worth a thousand words 1.CG has many applications –Animation movies –Computer games –Image processing –CAD 2.CG is cool, fun, interesting –Cool images –To see what you are doing, to show what you are doing –To use knowledge learned from other course: math, physics, algorithm. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 11

12. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 12 Graphics Applications Entertainment: Cinema Pixar: Monster’s Inc. Square: Final Fantasy

13. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 13 Graphics Applications Video Games

14. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 14 Graphics Applications Medical Visualization MIT: Image-Guided Surgery Project The Visible Human Project

15. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 15 Graphics Applications Computer Aided Design (CAD)

16. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 16 Data Visualization More

17. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 17 Scientific Data Visualization

18. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 18 Computer Art More

19. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 19 Graphical User Interfaces (GUIs) MS Windows Mac OS X windows for Unix Linux

20. Touch GUI CP411 Computer Graphics, Wilfrid Laurier University Introduction # 20

21. Image processing and pattern recognition CP411 Computer Graphics, Wilfrid Laurier University Introduction # 21 DIP show

22. The field of computer graphics One of the most fast developing fields in computer science in past thirty years Heavily involved by academia, industry and general consumers Fast advances in –Modeling and rendering techniques –Computer hardware –CG software and hardware tools –Applications CP411 Computer Graphics, Wilfrid Laurier University Introduction # 22

23. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 23 Course Objectives To understand the fundamental principles, algorithms, and techniques for computer graphics. To practice the design and implement for computer graphics with C/C++ and graphics library (OpenGL) To gain the fundamental knowledge and skills for the CG related jobs.

24. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 24 Topics 1.Graphics hardware and software 2.View pipeline and transformation 3.Output primitives and raster algorithms 4.Geometric transformations (2D and 3D) 5.Rendering and modeling of 2D/3D scenes/objects 6.Curve and surfaces 7.Hidden surface removal 8.Color, illumination and shading models 9.Ray tracing 10.Fractal 11.Graphics files 12.OpenGL and GLSL

25. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 25 How will the course be taught? Lectures –23 lectures cover the graphics principles and algorithms and assignment tutorials –Class participation is mandatory (attendance and contribution 5%) Assignments –Reading assignments –5 assignments 40% –Final project 15% Exams –Final exam 40% Requirements –Require to attend class, attendance will be taken on regularly basis –Require to read textbook and to do assignments and final project

26. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 26 Course web page and lab support Course web site http://bohr.wlu.ca/~hfan/cp411/ –It is updated very frequently –Additional resources and links are provided –Reading for future classes is listed –Announcement, assignments, examples, references –Most lecture notes will be posted online. Taking notes is recommended for some classes Designated labs: N2085 Individual help and support: by appointment

27. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 27 Textbook and References Required: Computer Graphics with OpenGL, 4/E Donald Hearn, M. Pauline Baker and Warren R. Carithers Reference books (optional) –OpenGL Programming Guide –OpenGL Reference Manual –OpenGL Shading Language, 2 nd ed More reference links are listed in course web site See course web page

28. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 28 Prerequisites CP114 Data Structures I –Data structures and their applications –Programming skill CP217 Introduction to System Programming –Programming language C –Object oriented programming (cp213) MA122 Introductory Linear Algebra –matrix algebra; 2D/3D vector geometry; linear transformations.

29. CP411 Computer Graphics, Wilfrid Laurier University Introduction # 29 Programming Environment Dev-C++ and Eclipse will be the programming environment for the assignments –A free compiler and SDK –With Windows OS –Code are potable for Unix/Linux, Mac OpenGL will be used (required) –Provides an API for drawing objects specified in 2D/3D –Included as part of Windows, available for Linux either as Mesa (software) or hardware drivers Questions See examples (demo)