Models and Architectures

Similar documents
Introduction to Computer Graphics with WebGL

Models and Architectures. Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico

OUTLINE. Learn the basic design of a graphics system Introduce pipeline architecture Examine software components for a graphics system

CSE4030 Introduction to Computer Graphics

Computer Graphics and Visualization. Graphics Systems and Models

CS450/550. Pipeline Architecture. Adapted From: Angel and Shreiner: Interactive Computer Graphics6E Addison-Wesley 2012

INTRODUCTION. Slides modified from Angel book 6e

Models and Architectures. Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 2015

CIS 441/541: Introduction to Computer Graphics Lecture 14: OpenGL Basics

Rasterization Overview

Introduction to OpenGL Week 1

Objectives. Image Formation Revisited. Physical Approaches. The Programmer s Interface. Practical Approach. Introduction to OpenGL Week 1

Orthogonal Projection Matrices. Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 2015

Rendering. Converting a 3D scene to a 2D image. Camera. Light. Rendering. View Plane

CHAPTER 1 Graphics Systems and Models 3

Lecturer Athanasios Nikolaidis

CS452/552; EE465/505. Intro to Lighting

Today s Agenda. Basic design of a graphics system. Introduction to OpenGL

3D graphics, raster and colors CS312 Fall 2010

Interactive Computer Graphics A TOP-DOWN APPROACH WITH SHADER-BASED OPENGL

Module Contact: Dr Stephen Laycock, CMP Copyright of the University of East Anglia Version 1

Graphics Hardware and OpenGL

Graphics Systems and Models

CS451Real-time Rendering Pipeline

Virtual Reality for Human Computer Interaction

CS452/552; EE465/505. Image Formation

VTU QUESTION PAPER SOLUTION UNIT -1 INTRODUCTION

GLOBAL EDITION. Interactive Computer Graphics. A Top-Down Approach with WebGL SEVENTH EDITION. Edward Angel Dave Shreiner

3D Polygon Rendering. Many applications use rendering of 3D polygons with direct illumination

Pipeline Operations. CS 4620 Lecture Steve Marschner. Cornell CS4620 Spring 2018 Lecture 11

03 RENDERING PART TWO

Computer Graphics - Chapter 1 Graphics Systems and Models

Introduction to Computer Graphics with WebGL

Computer Graphics: Programming, Problem Solving, and Visual Communication

Viewing with Computers (OpenGL)

Pipeline Operations. CS 4620 Lecture 14

Ulf Assarsson Department of Computer Engineering Chalmers University of Technology

CS 4620 Program 3: Pipeline

The Traditional Graphics Pipeline

Pipeline Operations. CS 4620 Lecture 10

Three Main Themes of Computer Graphics

Ulf Assarsson Department of Computer Engineering Chalmers University of Technology

Visualisatie BMT. Rendering. Arjan Kok

CS 381 Computer Graphics, Fall 2008 Midterm Exam Solutions. The Midterm Exam was given in class on Thursday, October 23, 2008.

The Traditional Graphics Pipeline

Advanced Computer Graphics (CS & SE )

RASTERISED RENDERING

Real-Time Rendering (Echtzeitgraphik) Michael Wimmer

CS230 : Computer Graphics Lecture 4. Tamar Shinar Computer Science & Engineering UC Riverside

Introduction to OpenGL

ECS 175 COMPUTER GRAPHICS. Ken Joy.! Winter 2014

WHY WE NEED SHADING. Suppose we build a model of a sphere using many polygons and color it with glcolor. We get something like.

Graphics Hardware. Instructor Stephen J. Guy

Computer Graphics. Shadows

The Viewing Pipeline Coordinate Systems

Chapter 2 A top-down approach - How to make shaded images?

The Traditional Graphics Pipeline

Graphics Pipeline. CS535 Fall Daniel G. Aliaga Department of Computer Science Purdue University

Comp 410/510 Computer Graphics. Spring Shading

Surface Graphics. 200 polys 1,000 polys 15,000 polys. an empty foot. - a mesh of spline patches:

Computer Graphics. Bing-Yu Chen National Taiwan University

QUESTION BANK 10CS65 : COMPUTER GRAPHICS AND VISUALIZATION

CS 591B Lecture 9: The OpenGL Rendering Pipeline

Illumination and Shading

Projections and Hardware Rendering. Brian Curless CSE 557 Fall 2014

C P S C 314 S H A D E R S, O P E N G L, & J S RENDERING PIPELINE. Mikhail Bessmeltsev

PROFESSIONAL. WebGL Programming DEVELOPING 3D GRAPHICS FOR THE WEB. Andreas Anyuru WILEY. John Wiley & Sons, Ltd.

Overview: Ray Tracing & The Perspective Projection Pipeline

CSE 167: Introduction to Computer Graphics Lecture #5: Rasterization. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2015

Homework #2 and #3 Due Friday, October 12 th and Friday, October 19 th

Rendering If we have a precise computer representation of the 3D world, how realistic are the 2D images we can generate? What are the best way to mode

Computer Graphics. Illumination and Shading

Lecture 2. Shaders, GLSL and GPGPU

3D Graphics and OpenGl. First Steps

Rendering Algorithms: Real-time indirect illumination. Spring 2010 Matthias Zwicker

Image Formation. Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico

CPSC / Illumination and Shading

Computer Graphics 10 - Shadows

Computergrafik. Matthias Zwicker. Herbst 2010

Shading. Why we need shading. Scattering. Shading. Objectives

Computer Graphics. Lecture 9 Environment mapping, Mirroring

Shading I Computer Graphics I, Fall 2008

Introduction to Computer Graphics 7. Shading

C O M P U T E R G R A P H I C S. Computer Graphics. Three-Dimensional Graphics V. Guoying Zhao 1 / 65

Spring 2009 Prof. Hyesoon Kim

CS 4600 Fall Utah School of Computing

CS 498 VR. Lecture 18-4/4/18. go.illinois.edu/vrlect18

Blue colour text questions Black colour text sample answers Red colour text further explanation or references for the sample answers

Computer Graphics (CS 4731) Lecture 16: Lighting, Shading and Materials (Part 1)

Recall: Indexing into Cube Map

Ciril Bohak. - INTRODUCTION TO WEBGL

Spring 2011 Prof. Hyesoon Kim

Level of Details in Computer Rendering

6.837 Introduction to Computer Graphics Assignment 5: OpenGL and Solid Textures Due Wednesday October 22, 2003 at 11:59pm

Computer Graphics. Chapter 1 (Related to Introduction to Computer Graphics Using Java 2D and 3D)

Recollection. Models Pixels. Model transformation Viewport transformation Clipping Rasterization Texturing + Lights & shadows

Computer Graphics Shadow Algorithms

Survey in Computer Graphics Computer Graphics and Visualization

Topics and things to know about them:

Local Illumination. CMPT 361 Introduction to Computer Graphics Torsten Möller. Machiraju/Zhang/Möller

Transcription:

Models and Architectures Objectives Learn the basic design of a graphics system Introduce graphics pipeline architecture Examine software components for an interactive graphics system 1

Image Formation Revisited Can we mimic the synthetic camera model to design graphics hardware and software? Application Programmer Interface (API) Need only specify Objects Materials Viewer Lights But how is the API implemented? 2

Physical Approaches Ray tracing: follow rays of light from center of projection until they either are absorbed by objects or go off to infinity Can handle global effects Multiple reflections Translucent objects Slow Must have whole data available at all times Radiosity: Energy based approach Very slow 3

Practical Approach Process objects one at a time in the order they are generated by the application Can consider only local lighting Pipeline architecture application program All steps can be implemented in hardware on the graphics card display 4

Vertex Processing Much of the work in the pipeline is in converting object representations from one coordinate system to another Object coordinates Camera (eye) coordinates Screen coordinates Every change of coordinates is equivalent to a matrix transformation Vertex processor also computes vertex colors 5

Projection Projection: from 3D objects to 2D image Perspective projections: all projectors meet at the center of projection Parallel (orthogonal) projection: projectors are parallel, center of projection is replaced by a direction of projection 6

Primitive Assembly Vertices must be collected into geometric objects before clipping and rasterization can take place Line segments Polygons Curves and surfaces 7

Clipping Just as a real camera cannot see the whole world, the virtual camera can only see part of the world or object space Objects that are not within this view volume are said to be clipped out of the scene 8

Rasterization If an object is not clipped out, the appropriate pixels in the frame buffer must be assigned colors Rasterizer produces a set of fragments for each object Fragments are potential pixels Have a location in frame bufffer Color and depth attributes Vertex attributes are interpolated over objects by the rasterizer 9

Fragment Processing Fragments are processed to determine the color of the corresponding pixel in the frame buffer Colors can be determined by texture mapping or interpolation of vertex colors Fragments may be blocked by other fragments closer to the camera Hidden-surface removal 10

The Programmer s Interface Programmer sees the graphics system through a software interface: the Application Programmer Interface (API) 11

API Contents Functions that specify what we need to form an image Objects Viewer Light Source(s) Materials Other information Input from devices such as mouse and keyboard Capabilities of system 12

Object Specification Most APIs support a limited set of primitives including Points (0D object) Line segments (1D objects) Triangles Polygons (2D objects)* Some curves and surfaces Quadrics Parametric polynomials All are defined through locations in space or vertices * In OpenGL but not WebGL 13

Example (Old Style) type of object glbegin(gl_polygon) glvertex3f(0.0, 0.0, 0.0); glvertex3f(0.0, 1.0, 0.0); glvertex3f(0.0, 0.0, 1.0); glend( ); location of vertex end of object definition 14

Example (GPU Based) Put geometric data in an array var points = [ vec3(0.0, 0.0, 0.0), vec3(0.0, 1.0, 0.0), vec3(0.0, 0.0, 1.0), ]; Send array to GPU Tell GPU to render as triangle 15

Camera Specification Six degrees of freedom Position of center of lens (COP) Orientation Lens focal length Film size (h,w) Orientation of film plane 16

Lights and Materials Types of lights Point sources, ambient, directional \ (Near and far sources) Spot lights (not in webgl) Color properties Material properties Absorption: color properties Scattering Diffuse (degree of roughness) Specular (bright of light on shiny objects) 17