COMP371 COMPUTER GRAPHICS

SESSION 1COURSE OVERVIEW - SYLLABUS

Lecture Overview• Introduction to the class• Introduction to Computer Graphics and

OpenGL Programming

2

3

• Charalambos [Charis] Poullis• Associate Professor @ CSE/ENCS

• Research interests• Computer Vision/Graphics • Virtual/Augmented Reality

• Immersive and Creative Technologies Lab• www.theICTlab.org• www.facebook.com/theICTlab

Introductions

4

• Email - preferred• charalambos@poullis.org

• Office: • Building: EV• Floor: 3• Room: 183

• Office hours: • Wednesday 14:00-16:00 • by appointment

Contact details

CYPRUS

CYPRUS

CYPRUSUniversity of Southern California

University of Cyprus

Cyprus University of Technology

Concordia University

Research Interests▪ Computer Vision▪ Computer Graphics▪ Virtual Reality▪ Augmented Reality

www.theICTlab.org

Recent workMulti-label Pixelwise Classification for Reconstruction of Large-scale Urban Areas, Y. He, S. Mudur, C. Poullis

Recent workMulti-label Pixelwise Classification for Reconstruction of Large-scale Urban Areas, Y. He, S. Mudur, C. Poullis

Recent workMulti-label Pixelwise Classification for Reconstruction of Large-scale Urban Areas, Y. He, S. Mudur, C. Poullis

Recent workMulti-label Pixelwise Classification for Reconstruction of Large-scale Urban Areas, Y. He, S. Mudur, C. Poullis

Recent work

Recent work

Recent workA Long-Range Vision System for Projection Mapping of Stereoscopic Content in Outdoor Areas, B. Maneshgar, L. Sujir, S. Mudur, C. Poullis

Recent work

A Long-Range Vision System for Projection Mapping of Stereoscopic Content in Outdoor Areas, B. Maneshgar, L. Sujir, S. Mudur, C. Poullis

Recent work

A Long-Range Vision System for Projection Mapping of Stereoscopic Content in Outdoor Areas, B. Maneshgar, L. Sujir, S. Mudur, C. Poullis

23

• Teaching Assistants: • Jocelyn [Chen Qiao]Section UUUJ, Monday @ 16:15 - 18:05 - H811• Tim [Timothy Forbes]• Section UUUI, Wednesday @ 16:15 - 18:05 - H811

• Grader• Jocelyn [Chen Qiao] - By appointment only

COMP371.TA@gmail.com

Teaching/Lab Assistants

Course Website• Please visit this site regularly.www.poullis.org/courses/2017/Fall/COMP371/

• For class discussions we will use Piazza• Signup link:http://piazza.com/concordia_university/fall2017/comp371• Access code:

• The lecture notes will be posted on the course website the day of the lecture (comp371/n0tes_2017)

• Bring to class and keep notes 24

Syllabus - Course Outline• Posted on the course websitehttp://www.poullis.org/courses/2017/Fall/COMP371/resources/COMP371F2017_CourseOutline.pdf

25

Prerequisites• Courses

• COMP 232 or COEN 231• COMP 352 or COEN 352

• Pointers and Basic Data Structures (e.g. linked lists, arrays)

• Geometry• Simple Linear Algebra

26

Assignments• 3 homeworks - submitted online - 10% each• 2 quizzes - 25% + 25% • 1 project - presentation - 20%

27

Grading• Specifications → required functionality and

features

• Style and documentation

• Aesthetics → Quality

• Appealing extras → bonus marks

Academic Integrity Policy• Feel free to discuss assignments with each

other, but coding must be done individually

• Feel free to incorporate code or tips you find on the Web, provided this doesn’t make the assignment trivial and you explicitly acknowledge your sources

• Remember: we can Google too!

What is Computer Graphics?• Computer graphics is concerned with all aspects

of producing images using a computer:• Modeling - how to represent shape of objects• Animation - how to represent and control motion• Rendering - how to create images of objects• Image Processing - how to manipulate and edit

imagesThis course will cover the above theoretical aspects and provide practical training using the OpenGL graphics library

30

Modeling • How to represent objects• Take the real and turn it into

a virtual representation

• Describe (approximate) the real world or fictional objects using mathematics

• If the image does not exist in real life, a blueprint is drawn by an artist

31

Animation • Control and represent motion of the objects

• keyframe - inverse kinematics• performance-based• procedural• physics based [simulation]

32

Rendering • How to create images of objects• Color• Lighting• Shading• Surface detail (texture)• Reflection, transparency, shadows

33

Image Processing • Various effects

• Scene completion • example shown later

• High dynamic range• increase ratio of light to dark

34

Computer Graphics Goals1. Create synthetic images which cannot be distinguished from reality

• Autodesk’s Fake or photo Quiz• http://area.autodesk.com/fakeorfoto

35

Computer Graphics Goals2. Create a new reality (not necessarily scientific)

• Scene completion using Millions of Photographs• James Hays, Alexei Efros

• Non-photorealistic rendering• Aaron Hertzmann, Denis Zorin

36

TentativeLectureSchedule

37

You will learn a lot!• Fundamental concepts of 3D Graphics• Common algorithms used in Graphics• How to write programs using OpenGL• How to deliver a project focused on 3D Graphics

38

You will be able to• Write C/C++ and OpenGL applications such as

computer games and other graphical applications

39

Required Resources• OpenGL works on all popular systems

• Windows: check graphics card properties for level of OpenGL supported

• Linux: Mesa (software implementation of OpenGL)• Mac: need extensions for 3.1 equivalence

• Get GLFW from web• http://www.glfw.org/

• Get GLEW from web• http://glew.sourceforge.net/

40

After this course• COMP 376 – Intro to Game Development• COMP 476 – Advanced Game Development• COMP 477 – Animation• COMP 498/691G – Computer Vision

41

Slides AcknowledgementsThe slides are a combination of multiple resources and materials generously made publicly available by E. Angel, P. Shirley, J. Barbic, R. Barzel, A. van Dam, Thomas Fevens, A Ben Hamza, Tiberiu Popa, Sudhir Mudur

42

Next Lecture• Introduction to Computer Graphics

• Graphics pipeline• OpenGL API• Primitives: lines, polygons• Attributes: color• Code Example

43

44