cse 581: interactive computer graphics
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 PresentationTRANSCRIPT
![Page 1: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/4.jpg)
The Text
Interactive Computer Graphics: A top-Down Approach Using OpenGL
Any edition is OK
![Page 5: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/5.jpg)
Supplemental Materials
OpenGL Programming Guidehttp://glprogramming.com/red/
OpenGL A Primer OpenGL Reference Manual
![Page 6: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/6.jpg)
Grading Labs – 4x10 : 40%
Homework – 3x5: 15%
Midterm – 20%
Final Project/Exam – 25%
![Page 7: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/9.jpg)
Applications
Computer-Aided Design (CAD)
Visual arts
Electronic games Movies/TV/Commercials
Scientific visualization
![Page 10: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/10.jpg)
Applications
Speed
RealismMovies/TV/Commercials
Electronic games
Real-time techniquesOffline techniques
![Page 11: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/14.jpg)
OpenGL Programming
An Open-source cross-platform Graphics Library
![Page 15: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/15.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/16.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/18.jpg)
Lab Assignment 3
• OpenGL illumination
![Page 19: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/19.jpg)
Lab Assignment 4
• Textures
![Page 20: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/20.jpg)
Lab Assignment 5
Be creative!
![Page 21: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/21.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/22.jpg)
Course Outline
• Geometry• Rasterization
How to assign projected objects (such as triangles, circles, squares…) to image pixels?
![Page 23: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/23.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/24.jpg)
Course Outline
• Geometry• Rasterization• Shading• Occlusion How to make sure something is visible,
something is occluded?
![Page 25: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/25.jpg)
Course Outline
• Geometry• Rasterization• Shading• Occlusion• Texture How to provide details on object
surfaces? (Appearance, bumps, etc…)
![Page 26: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/26.jpg)
Course Outline
• Geometry• Rasterization• Shading• Occlusion• Texture• Modeling How to represent complicated shapes?
![Page 27: CSE 581: Interactive Computer Graphics](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/27.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/28.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/29.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022061522/56816156550346895dd0df87/html5/thumbnails/30.jpg)
Graphics Pipeline