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

The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

  • Upload
    others

  • View
    12

  • Download
    0

Embed Size (px)

Citation preview

Page 1: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

11

The Computer Graphics Process and the Graphics Pipeline

ComputerGraphicsProcess.pptx

Mike [email protected]

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

Page 2: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

2The Graphics Process

3DGeometric

Models

3DAnimationDefinition

Rendering

TextureInformation

ImageStorage and

Display

LightingInformation

SurfaceInformation

Page 3: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

3

The Graphics Process: Geometric Modeling

3DGeometric

Models

3D Scanning

InteractiveGeometricModeling

ModelLibraries

Rendering

DisplacementMapping

MaterialProperties

Page 4: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

4The Graphics Process: 3D Animation

3DAnimationDefinition

MotionDesign

MotionComputation

(physics)

MotionCapture

Rendering

DynamicDeformations

Page 5: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

5The Graphics Process: Texturing

TextureInformation

ScannedImage

Textures

Procedural(computed)

Textures

PaintedTextures

Rendering

Page 6: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

6The Graphics Process: Surface Information

RenderingSurface

Information

Alpha-BlendedTransparency

RefractiveTransparency

Reflectivity

SubsurfaceScattering

Page 7: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

7The Graphics Process: Surface Information

Alpha-BlendedTransparency

RefractiveTransparency

Reflectivity

SubsurfaceScattering

Page 8: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

8The Graphics Process: Lighting

LightingTypes

(point, directional, spot, …)

Light Positions

LightColors

RenderingLighting

Information

LightIntensities

Page 9: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

9The Graphics Process: Rendering

3DGeometric

Models

3DAnimationDefinition

ImageStorage

andDisplay

TextureInformation

LightingInformation

Rendering

SurfaceInformation

Page 10: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

10The Graphics Process:

Image Storage and Display

HardwareFramebuffer

Rendering

DiskFile

Recording

Editing

Page 11: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer Graphics

11The Graphics Process; Summary

3DGeometric

Models

3DAnimationDefinition

Rendering

TextureInformation

ImageStorage and

Display

LightingInformation

SurfaceInformation

Page 12: The Computer Graphics Process and the Graphics Pipelineweb.engr.oregonstate.edu/.../ComputerGraphicsProcess.1pp.pdf · 2019. 9. 16. · Computer Graphics 2 The Graphics Process 3D

mjb – August 21, 2019Computer 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