3D Viewing. Introduction to Computer Graphics Torsten Möller / Manfred Klaffenböck. Machiraju/Zhang/Möller

Similar documents
Reading. Angel. Chapter 5. Optional

Transform 3D objects on to a 2D plane using projections

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

Introduction to Projection The art of representing a three-dimensional object or scene in a 2D space is called projection.

CS354 Computer Graphics Viewing and Projections

3D Viewing I. Acknowledgement: Some slides are from the Dr. Andries van Dam lecture. CMSC 435/634 August D Viewing I # /27

VIEWING 1. CLASSICAL AND COMPUTER VIEWING. Computer Graphics

Graphic Communications

Projections Computer Graphics and Visualization

Reading. Projections. The 3D synthetic camera model. Imaging with the synthetic camera. Angel. Chapter 5. Optional

CS475/CS675 Computer Graphics

Introduction to Computer Graphics (CS602) Lecture 19 Projections

3D COMPUTER GRAPHICS

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

Projections. Conceptual Model of the 3D viewing process

3D Viewing I. From 3D to 2D: Orthographic and Perspective Projection Part 1

3D Viewing. Projections. Perspective A B B. Projectors. Center of Projection. Projection Plane

Exploring 3D in Flash

Visual Imaging in the Electronic Age. Drawing Perspective Images

Lecture 2 of 41. Viewing 1 of 4: Overview, Projections

Lecture 2 of 41. Viewing 1 of 4: Overview, Projections

Visual Imaging in the Electronic Age. Drawing Perspective Images

Projections Josef Pelikán & Alexander Wilkie CGG MFF UK Praha

Reading. 8. Projections. 3D Geometry Pipeline. 3D Geometry Pipeline (cont d) Required: w Watt, Section

ENGINEERING GRAPHICS 1E9

Visual Imaging in the Electronic Age. Drawing Perspective Images

AML710 CAD LECTURE Parallel Projections a) Orthographic Projections b) Axonometric Projections 2. Perspective Transformations and Projections

I B.TECH- I SEMESTER DEPARTMENT OF MECHANICAL ENGINEERING ENGINEERING DRAWING

Reading. Projections. Projections. Perspective vs. parallel projections. Foley et al. Chapter 6. Optional. Perspective projections pros and cons:

1. When sketching long, narrow objects in OBLIQUE, distortion can be lessened by placing the long dimension along:

Perspective. Cornell CS4620/5620 Fall 2012 Lecture Kavita Bala 1 (with previous instructors James/Marschner)

History of projection. Perspective. History of projection. Plane projection in drawing

Perspective. Announcement: CS4450/5450. CS 4620 Lecture 3. Will be MW 8:40 9:55 How many can make the new time?

11/12/2015 CHAPTER 7. Axonometric Drawings (cont.) Axonometric Drawings (cont.) Isometric Projections (cont.) 1) Axonometric Drawings

(Ans:d) a. A0 b. A1 c. A2 d. A3. (Ans:b) (Ans:a) (Ans:d) (Ans:d)

UNIT 5a STANDARD ORTHOGRAPHIC VIEW DRAWINGS

PROJECTIONS PARALLEL CONICAL PROJECTIONS PROJECTIONS OBLIQUE ORTHOGRAPHIC PROJECTIONS PROJECTIONS

ENGINEERING DRAWING. 1. Set squares are used to draw different angles. What is the angel a formed by the 45⁰ set square? Give a brief answer.

Perspective in 2D Games

Chapter 5 Pictorial sketching

60 Most Important Engineering Drawing Questions

Graphics and Interaction Perspective Geometry

Beginning Engineering Graphics 3 rd Week Lecture Notes Instructor: Edward N. Locke Topic: The Coordinate System, Types of Drawings and Orthographic

CS123 INTRODUCTION TO COMPUTER GRAPHICS. Viewing. Part I (History and Overview of Projections) Andries van Dam 1 / 46 10/05/2017

Viewing. Perspective views. Parallel l views. Finite COP (center of projection) COP at infinity DOP (direction of projection) Parallel View

CS337 INTRODUCTION TO COMPUTER GRAPHICS. Viewing. Part I (History and Overview of Projections) Bin Sheng 1 / 46 10/04/2016

Peter Clements Art Studios

Student Name: Teacher: Date: District: Rowan. Assessment: 9_12 T and I IC61 - Drafting I Test 1. Description: Unit C - Sketching - Test 2.

Multiviews and Auxiliary Views

Isometric Drawing Chapter 26

Isometric Projection Drawing CHAPTER 6

Bridge Course On Engineering Drawing for Mechanical Engineers

Perspective in 2D Games

Viewing. Perspective views. Parallel l views. Finite COP (center of projection) COP at infinity DOP (direction of projection) Parallel View

How do we see the world?

Perspective. CS 4620 Lecture Steve Marschner. Cornell CS4620 Spring 2018 Lecture 5

2. Line composed of closely and evenly spaced short dashes in a drawing represents

IMAGE FORMATION. Light source properties. Sensor characteristics Surface. Surface reflectance properties. Optics

Dr. Reham Karam. Perspective Drawing. For Artists & Designers. By : Dr.Reham Karam

Graphical Communication for Engineering ENSC 204 Final Exam

DMT113 Engineering Drawing. Chapter 3 Stretch System

Drawing: technical drawing TECHNOLOGY

Image Formation. Light from distant things. Geometrical optics. Pinhole camera. Chapter 36

Perspective in 2D Games

1 st Subject: Types of Pictorial Drawings (Isometric, Oblique, and Perspective)

Chapter 5 Pictorial Projection

Engineering Drawing Lecture 5 PROJECTION THEORY

Chapter 36. Image Formation


Unit 1: Image Formation

Multiview Drawing. Definition: Graphical representation of a 3- dimensional object on one plane (sheet of paper) using two or more views.

Understanding Projection Systems

Lenses. Images. Difference between Real and Virtual Images

Extension material for Level 2 Design and Visual Communication Study Guide

Chapter 2. Isometric Projection and Multi View Drawings. Below are the desired outcomes and usage competencies based on the completion of Chapter 2.

Spherical Mirrors. Concave Mirror, Notation. Spherical Aberration. Image Formed by a Concave Mirror. Image Formed by a Concave Mirror 4/11/2014

History of projection

Engineering Graphics with SOLIDWORKS 2016 and Video Instruction

Lecture 02 Image Formation 1

CE 100 Civil Engineering Drawing Sessional (Lab Manual)

Lecture #4 MULTIVIEW PROJECTION RES 112E COMPUTER AIDED TECHNICAL DRAWING ITU

ORTHOGRAPHIC PROJECTION

MULTIPLE CHOICE QUESTIONS - CHAPTER 6

Engineering Graphics with SolidWorks 2012

Dr F. Cuzzolin 1. September 29, 2015

Lenses. A lens is any glass, plastic or transparent refractive medium with two opposite faces, and at least one of the faces must be curved.

Cameras. CSE 455, Winter 2010 January 25, 2010

Projection. Announcements. Müller-Lyer Illusion. Image formation. Readings Nalwa 2.1

CS-184: Computer Graphics. Today

Two strategies for realistic rendering capture real world data synthesize from bottom up

Chapter 8. Technical Drawings

Chapter 23. Mirrors and Lenses

10.2 Images Formed by Lenses SUMMARY. Refraction in Lenses. Section 10.1 Questions

Chapter 23. Mirrors and Lenses

Orthographic Projection

Complete the diagram to show what happens to the rays. ... (1) What word can be used to describe this type of lens? ... (1)

Pictorial Drawings. DFTG-1305 Technical Drafting Prepared by Francis Ha, Instructor

technical drawing school of art, design and architecture sarah adeel nust spring 2011

Chapter 23. Mirrors and Lenses

Lens Principal and Nodal Points

Transcription:

3D Viewing Introduction to Computer Graphics Torsten Möller / Manfred Klaffenböck Machiraju/Zhang/Möller

Reading Chapter 5 of Angel Chapter 13 of Hughes, van Dam, Chapter 7 of Shirley+Marschner Machiraju/Zhang/Möller 2

Objectives What kind of camera we use? (pinhole) What projections make sense Orthographic Perspective The viewing pipeline Viewing in WebGL Shadows Machiraju/Zhang/Möller 3

3D Viewing Popular analogy: virtual camera taking pictures in a virtual world The process of getting an image onto the computer screen is like that of taking a snapshot. Machiraju/Zhang/Möller 4

3D Viewing (2) With a camera, one: establishes the view opens the shutter and exposes the film Machiraju/Zhang/Möller 5

3D Viewing (3) With a camera, one: establishes the view opens the shutter and exposes the film With a computer, one: chooses a projection type (not necessarily perspective) establishes the view clips the scene according to the view projects the scene onto the computer display Machiraju/Zhang/Möller 6

Normal Camera Lens http://michaeldmann.net/pix_7/lenses.gif Machiraju/Zhang/Möller 7

http://en.wikipedia.org/wiki/file:dof-shallowdepthoffield.jpg Machiraju/Zhang/Möller 8

The ideal pinhole camera Single ray of light gets through small pinhole Film placed on side of box opposite to pinhole Projection Machiraju/Zhang/Möller 9

The pinhole camera Angle of view (always fixed) Depth of field (DOF): infinite every point within the field of view is in focus (the image of a point is a point) Problem: just a single ray of light & fixed view angle Solution: pinhole lens, DOF no longer infinite Machiraju/Zhang/Möller 10

The synthetic camera model Image formed in front of the camera Center of projection (COP): center of the lens (eye) Machiraju/Zhang/Möller 11

Types of projections Choose an appropriate type of projection (not necessarily perspective) Establishes the view: direction and orientation Machiraju/Zhang/Möller 12

3D viewing with a computer Clips scene with respect to a view volume Usually finite to avoid extraneous objects Projects the scene onto a projection plane In a similar way as for the synthetic camera model Everything in view volume is in focus Depth-of-field (blurring) effects may be generated Machiraju/Zhang/Möller 13

Where are we at? Clip against 3D view volume Project onto projection plane Machiraju/Zhang/Möller 14

Objectives What kind of camera we use? (pinhole) What projections make sense Orthographic Perspective The viewing pipeline Viewing in WebGL Shadows Machiraju/Zhang/Möller 15

Projection: 3D 2D We study planar geometric projections: projecting onto a flat 2D surface project using straight lines Projection rays, called projectors, are sent through each point in the scene from the centre of projection (COP) - our pinhole Intersection between projectors and projection plane form the projection Machiraju/Zhang/Möller 16

Perspective and parallel projections Perspective: - Determined by COP Parallel: COP at infinity By direction of projectors (DOP) Machiraju/Zhang/Möller 17

COP in homogeneous coordinates Perspective projection: COP is a finite point: (x, y, z, 1) Parallel projection Direction of projection is a vector: (x, y, z, 1) (x, y, z, 1) = (a, b, c, 0) Points at infinity and directions correspond in a natural way Machiraju/Zhang/Möller 18

Perspective vs. parallel Perspective projection: Realistic, mimicking our human visual system Foreshortening: size of perspective projection of object varies inversely with the distance of that object from the center of projection Distances, angles, parallel lines are not preserved Parallel projection: Less realistic but can be used for measurements Foreshortening uniform, i.e., not related to distance Parallel lines are preserved (length preserving?) Machiraju/Zhang/Möller 19

Machiraju/Zhang/Möller 20

Taxonomy of projections Angle between projectors and projection plane? Number of principal axes cut by projection plane Machiraju/Zhang/Möller 21

Parallel projections Used in engineering mostly, e.g., architecture Allow measurements Different uniform foreshortenings are possible, i.e., not related to distance to projection plane Parallel lines remain parallel Angles are preserved only on faces which are parallel to the projection plane same with perspective projection Machiraju/Zhang/Möller 22

Orthographic (parallel) projections Projectors are normal to the projection plane Commonly front, top (plan) and side elevations: projection plane perpendicular to z, y, and x axis Matrix representation (looking towards negative z along the z axis; projection plane at z = 0): Machiraju/Zhang/Möller 23

Orthographic projections Axonometric projection Projection plane not normal to any principal axis E.g., can see more faces of an axis-aligned cube Machiraju/Zhang/Möller 24

Orthographic projections Foreshortening: three scale factors, one each for x, y, and z axis Axonometric projection example: Machiraju/Zhang/Möller 25

Orthographic projection Axonometric projection Isometric Projection-plane normal makes same angle with each principal axis There are just eight normal directions of this kind All three principal axes are equally foreshortened, good for getting measurements Principal axes make same angle in projection plane Alternative: dimetric & trimetric (general case) Machiraju/Zhang/Möller 26

Parallel Projection (4) Axonometric Projection - Isometric Angles between the projection of the axes are equal i.e. 120º Alternative - dimetric & trimetric Machiraju/Zhang/Möller 27

Types of Axonometric Projections Machiraju/Zhang/Möller 28

Oblique (parallel) projections Projectors are not normal to projection plane Most drawings in the text use oblique projection Machiraju/Zhang/Möller 29

Oblique projections Two angles are of interest: Angle α between the projector and projection plane The angle φ in the projection plane Derive the projection matrix Machiraju/Zhang/Möller 30

Derivation of oblique projections Machiraju/Zhang/Möller 31

Common oblique projections Cavalier projections Angle α = 45 degrees Preserves the length of a line segment perpendicular to the projection plane Angle φ is typically 30 or 45 degrees Cabinet projections Angle α = 63.7 degrees or arctan(2) Halves the length of a line segment perpendicular to the projection plane more realistic than cavalier Machiraju/Zhang/Möller 32

https://en.wikipedia.org/wiki/graphical_projection#/media/file:graphical_projection_comparison.png Machiraju/Zhang/Möller 33

Projections, continued Machiraju/Zhang/Möller 34

Perspective projections Mimics our human visual system or a camera Project in front of the center of projection Objects of equal size at different distances from the viewer will be projected at different sizes: nearer objects will appear bigger Machiraju/Zhang/Möller 35

Types of perspective projections Any set of parallel lines that are not parallel to the projection plane converges to a vanishing point, which corresponds to point at infinity in 3D One-, two-, three-point perspective views are based on how many principal axes are cut by projection plane Machiraju/Zhang/Möller 36

Vanishing points Machiraju/Zhang/Möller 37

Simple perspective projection COP at z = 0 Projection plane at z = d Transformation is not invertible or affine. Derive the projection matrix. Machiraju/Zhang/Möller 38

Simple perspective projection How to get a perspective projection matrix? Homogeneous coordinates come to the rescue Machiraju/Zhang/Möller 39

Summary of simple projections COP: origin of the coordinate system Look into positive z direction Projection plane perpendicular to z axis Machiraju/Zhang/Möller 40

Objectives What kind of camera we use? (pinhole) What projections make sense Orthographic Perspective The viewing pipeline Viewing in WebGL Shadows Machiraju/Zhang/Möller 41