30
CSE 581: Interactive Computer Graphics Spring 2012, UG 4 Tuesday, Thursday – 9:00AM – 10:18AM DL 0317 Raghu Machiraju Slides: Courtesy - Prof. Huamin Wang, CSE, OSU

CSE 581: Interactive Computer Graphics

  • Upload
    hosea

  • View
    70

  • Download
    1

Embed Size (px)

DESCRIPTION

CSE 581: Interactive Computer Graphics. Spring 2012, UG 4 Tuesday, Thursday – 9:00AM – 10:18AM DL 0317 Raghu Machiraju Slides: Courtesy - Prof . Huamin Wang, CSE, OSU. Details. Instructor: Raghu Machiraju machiraju dot 1 at osu dot edu Office hours: - PowerPoint PPT Presentation

Citation preview

Page 1: CSE 581:  Interactive Computer Graphics

CSE 581: Interactive Computer Graphics

Spring 2012, UG 4 Tuesday, Thursday – 9:00AM – 10:18AM

DL 0317Raghu Machiraju

Slides: Courtesy - Prof. Huamin Wang, CSE, OSU

Page 2: CSE 581:  Interactive Computer Graphics

Details

• Instructor: Raghu Machiraju

machiraju dot 1 at osu dot edu• Office hours:

o TR: 10:30 PM – 11:30 PM, DL 779o Make an appointment

• Grader: Some H. Being• Grader’s office hour: TBA

Page 3: CSE 581:  Interactive Computer Graphics

Prerequisites

• 222/230/502/Permission from the instructor

• Fluent in C/C++

• Comfortable with linear algebra (vector and matrix)

• Passion for games, videos, and sleep-deprivation

Page 4: CSE 581:  Interactive Computer Graphics

The Text

Interactive Computer Graphics: A top-Down Approach Using OpenGL

Any edition is OK

Page 5: CSE 581:  Interactive Computer Graphics

Supplemental Materials

OpenGL Programming Guidehttp://glprogramming.com/red/

OpenGL A Primer OpenGL Reference Manual

Page 6: CSE 581:  Interactive Computer Graphics

Grading Labs – 4x10 : 40%

Homework – 3x5: 15%

Midterm – 20%

Final Project/Exam – 25%

Page 7: CSE 581:  Interactive Computer Graphics

Late PolicyAssignment due at 11:59PM on due date

Late submissions penalized:- 0 to 24 hours: late 10% deduction- 24 to 48 hours: late 20% deduction- 48 to 72 hours: late 30% deduction- >72 hours late: NOT accepted!

Page 8: CSE 581:  Interactive Computer Graphics

What is Computer Graphics?

• Generating images/videos by computers

• The scientific study of how to generate such images

• Not just photorealism:• Painterly effects• Cartoon• Sketch…

Page 9: CSE 581:  Interactive Computer Graphics

Applications

Computer-Aided Design (CAD)

Visual arts

Electronic games Movies/TV/Commercials

Scientific visualization

Page 10: CSE 581:  Interactive Computer Graphics

Applications

Speed

RealismMovies/TV/Commercials

Electronic games

Real-time techniquesOffline techniques

Page 11: CSE 581:  Interactive Computer Graphics

Graphics Topics

Geometry(How to represent the shape)

Rendering(How to generate an image)

Animation(How to let the shape move)

This course

Page 12: CSE 581:  Interactive Computer Graphics

Objectives

Basic understanding of graphics hardware/software technology

The ability of using OpenGL to write 2D/3D programs

Getting prepared for advancedgraphics courses

Page 13: CSE 581:  Interactive Computer Graphics

Examples

• What is a graphics card (GPU)?• What are its functionalities?• What is the graphics pipeline?• What are the algorithms inside it?• Stencil buffer• Anti-aliasing• Shaders

• How to use it?

Page 14: CSE 581:  Interactive Computer Graphics

OpenGL Programming

An Open-source cross-platform Graphics Library

Page 15: CSE 581:  Interactive Computer Graphics

Not just about API…

An Open-source cross-platform Graphics Library

• Learn the techniques behind it

• Don’t need to implement them. Just use them.

Page 16: CSE 581:  Interactive Computer Graphics

Lab Assignment 1

• Learn how to create an OpenGL window (using GLUT)

• Learn how to draw simple 2D primitives (lines, triangles, polygons, etc)

• Learn how to handle mouse input

Page 17: CSE 581:  Interactive Computer Graphics

Lab Assignment 2

• Learn how to define 3D objects

• Learn how to place objects in 3D worlds

• Learn how to control camera and objects

Page 18: CSE 581:  Interactive Computer Graphics

Lab Assignment 3

• OpenGL illumination

Page 19: CSE 581:  Interactive Computer Graphics

Lab Assignment 4

• Textures

Page 20: CSE 581:  Interactive Computer Graphics

Lab Assignment 5

Be creative!

Page 21: CSE 581:  Interactive Computer Graphics

Course Outline

• GeometryHow to specify camera configurations?How to place scene objects in 2D/3D?How to transform objects and cameras?How to project 3D objects to 2D?

Page 22: CSE 581:  Interactive Computer Graphics

Course Outline

• Geometry• Rasterization

How to assign projected objects (such as triangles, circles, squares…) to image pixels?

Page 23: CSE 581:  Interactive Computer Graphics

Course Outline

• Geometry• Rasterization• Shading

How to model the interaction between the light and objects, based on their different reflection properties?

Page 24: CSE 581:  Interactive Computer Graphics

Course Outline

• Geometry• Rasterization• Shading• Occlusion How to make sure something is visible,

something is occluded?

Page 25: CSE 581:  Interactive Computer Graphics

Course Outline

• Geometry• Rasterization• Shading• Occlusion• Texture How to provide details on object

surfaces? (Appearance, bumps, etc…)

Page 26: CSE 581:  Interactive Computer Graphics

Course Outline

• Geometry• Rasterization• Shading• Occlusion• Texture• Modeling How to represent complicated shapes?

Page 27: CSE 581:  Interactive Computer Graphics

Course Outline

• Geometry• Rasterization• Shading• Occlusion• Texture• Modeling• Animation How to move shapes in a physically

plausible way?

Page 28: CSE 581:  Interactive Computer Graphics

Advanced Graphics Courses

681 (Rendering) 682 (Animation) 781 (Advanced Real-time Rendering)

78 (Advanced Off-line Rendering) 784 (Geometry)

Page 29: CSE 581:  Interactive Computer Graphics

Where to do labs?

• Your own PC• Graphics PC Lab –CL 112D• Each PC has a reasonably good graphics card• Software: Visual Studio, OpenGL/GLUT

Page 30: CSE 581:  Interactive Computer Graphics

Graphics Pipeline