The Graphics Process and the Graphics...

12
mjb – September 6, 2017 Computer Graphics 1 The Graphics Process and the Graphics Pipeline GraphicsProcess.pptx Mike Bailey [email protected] This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License

Transcript of The Graphics Process and the Graphics...

Page 1: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

11

The Graphics Process and the Graphics Pipeline

GraphicsProcess.pptx

Mike [email protected]

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License

Page 2: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

2The Graphics Process

3DGeometric

Models

3DAnimationDefinition

Rendering

TextureInformation

ImageStorage and

Display

LightingInformation

SurfaceInformation

Page 3: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

3

The Graphics Process: Geometric Modeling

3DGeometric

Models

3D Scanning

InteractiveGeometricModeling

ModelLibraries

Rendering

DisplacementMapping

MaterialProperties

Page 4: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

4The Graphics Process: 3D Animation

3DAnimationDefinition

MotionDesign

MotionComputation

(physics)

MotionCapture

Rendering

DynamicDeformations

Page 5: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

5The Graphics Process: Texturing

TextureInformation

ScannedImage

Textures

Procedural(computed)

Textures

PaintedTextures

Rendering

Page 6: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

6The Graphics Process: Surface Information

RenderingSurface

Information

Alpha-BlendedTransparency

RefractiveTransparency

Reflectivity

SubsurfaceScattering

Page 7: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

7The Graphics Process: Surface Information

Alpha-BlendedTransparency

RefractiveTransparency

Reflectivity

SubsurfaceScattering

Page 8: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

8The Graphics Process: Lighting

LightingTypes

(point, directional, spot, …)

Light Positions

LightColors

RenderingLighting

Information

LightIntensities

Page 9: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

9The Graphics Process: Rendering

3DGeometric

Models

3DAnimationDefinition

ImageStorage

andDisplay

TextureInformation

LightingInformation

Rendering

SurfaceInformation

Page 10: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

10The Graphics Process:

Image Storage and Display

HardwareFramebuffer

Rendering

DiskFile

Recording

Editing

Page 11: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

11The Graphics Process; Summary

3DGeometric

Models

3DAnimationDefinition

Rendering

TextureInformation

ImageStorage and

Display

LightingInformation

SurfaceInformation

Page 12: The Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Graphi… ·  · 2017-09-06mjb–September 6, 2017 Computer Graphics 3 The Graphics Process:

mjb – September 6, 2017Computer Graphics

12The Basic Computer Graphics Pipeline

ModelTransform

ViewTransform

ProjectionTransform

ViewportTransform

HomogeneousDivision

FragmentProcessing, Texturing,

Per-fragment Lighting

Per-vertexLighting

RasterOps

RasterizationFramebuffer

ECWC

MC

CCEC

NDC

SC

SC

MC = Model CoordinatesWC = World CoordinatesEC = Eye CoordinatesCC = Clip CoordinatesNDC = Normalized Device CoordinatesSC = Screen Coordinates