National Chiao Tung Univ, Taiwan By: I-Chen Lin, Assistant Professor

Similar documents
Computer Graphics. Bing-Yu Chen National Taiwan University

Introduction to Computer Graphics. Overview. What is Computer Graphics?

MMGD0206 Computer Graphics. Chapter 1 Development of Computer Graphics : History

INTRODUCTION. Slides modified from Angel book 6e

Lecture 1. Computer Graphics and Systems. Tuesday, January 15, 13

Survey in Computer Graphics Computer Graphics and Visualization

Image Formation. Introduction to Computer Graphics. Machiraju/Zhang/Möller/Klaffenböck

Lecturer Athanasios Nikolaidis

Image Formation. Introduction to Computer Graphics Torsten Möller. Machiraju/Zhang/Möller

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

Introduction to Computer Graphics with WebGL

Overview CS Plans for this semester. References. CS 4600 Fall Prerequisites

3D graphics, raster and colors CS312 Fall 2010

Game Programming. Bing-Yu Chen National Taiwan University

Introduction to Computer Graphics with WebGL

Introduction to Computer Graphics with WebGL

CSE4030 Introduction to Computer Graphics

Computer Graphics. Bing-Yu Chen National Taiwan University The University of Tokyo

CS452/552; EE465/505. Overview of Computer Graphics

Graphics Systems and Models

An Introduction to Computer Graphics

Course no. DIS4566 National Chiao Tung Univ, Taiwan By: I-Chen Lin, Assistant Professor

Computer Graphics - Chapter 1 Graphics Systems and Models

Some Resources. What won t I learn? What will I learn? Topics

Computer Graphics Lecture 2

CS Computer Graphics. Junqiao Zhao 赵君峤

The Display pipeline. The fast forward version. The Display Pipeline The order may vary somewhat. The Graphics Pipeline. To draw images.

Introduction to Computer Graphics 7. Shading

CS452/552; EE465/505. Image Formation

Computer Graphics. Instructor: Oren Kapah. Office Hours: T.B.A.

Overview. Computer Graphics CS324. OpenGL. Books. Learning Resources. CS131 Notes. 30 Lectures 3hr Exam

CS130 : Computer Graphics Lecture 2: Graphics Pipeline. Tamar Shinar Computer Science & Engineering UC Riverside

Computer Graphics and Visualization. Graphics Systems and Models

VTU QUESTION PAPER SOLUTION UNIT -1 INTRODUCTION

CS451Real-time Rendering Pipeline

Development of Computer Graphics

Introduction to Computer Graphics 4. Viewing in 3D

CIS 581 Interactive Computer Graphics

CS452/552; EE465/505. Color Display Issues

Computer Graphics Introduction. Taku Komura

Introduction to Computer Graphics with WebGL

CIS 581 Interactive Computer Graphics (slides based on Dr. Han-Wei Shen s slides) Requirements. Reference Books. Textbook

Computer Graphics and Visualization. What is computer graphics?

Models and Architectures

CSE328 Fundamentals of Computer Graphics: Concepts, Theory, Algorithms, and Applications

Instructor. Goals. Image Synthesis Examples. Applications. Foundations of Computer Graphics. Why Study 3D Computer Graphics?

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

Development of Computer Graphics. mid 1950s SAGE air defense system command & control CRT, light pens

CHAPTER 1 Graphics Systems and Models 3

Introductionto ComputerGraphics

Course Title: Computer Graphics Course no: CSC209

Computer Graphics Fundamentals. Jon Macey

Graphics Hardware and Display Devices

History of computer graphics

CS380: Introduction to Computer Graphics Introduction to OpenGLSL. Min H. Kim KAIST School of Computing. [CS380] Introduction to Computer Graphics

Animation & Rendering

Introduction to Computer Graphics. Knowledge basic concepts 2D and 3D computer graphics

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

CS 354R: Computer Game Technology

Illumination and Shading

Rasterization Overview

Binghamton University. EngiNet. Thomas J. Watson. School of Engineering and Applied Science. State University of New York. EngiNet WARNING CS 560

Computer Graphics Disciplines. Grading. Textbooks. Course Overview. Assignment Policies. Computer Graphics Goals I

Overview: Ray Tracing & The Perspective Projection Pipeline

Computer Graphics CS 543 Lecture 1 (Part I) Prof Emmanuel Agu. Computer Science Dept. Worcester Polytechnic Institute (WPI)

About Computer Graphics

Graphics Programming

CS130 : Computer Graphics. Tamar Shinar Computer Science & Engineering UC Riverside

Computer Graphics. Anders Hast. måndag 25 mars 13

Last Time. Why are Shadows Important? Today. Graphics Pipeline. Clipping. Rasterization. Why are Shadows Important?

CS452/552; EE465/505. Clipping & Scan Conversion

Today. Rendering algorithms. Rendering algorithms. Images. Images. Rendering Algorithms. Course overview Organization Introduction to ray tracing

Rendering Objects. Need to transform all geometry then

Textures. Texture coordinates. Introduce one more component to geometry

CS 464 Review. Review of Computer Graphics for Final Exam

3D Production Pipeline

Chapter 4. Chapter 4. Computer Graphics 2006/2007 Chapter 4. Introduction to 3D 1

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

For Intuition about Scene Lighting. Today. Limitations of Planar Shadows. Cast Shadows on Planar Surfaces. Shadow/View Duality.

Computer Graphics 1 Instructor Information. Books. Graphics? Course Goals and Outcomes. Where are computer graphics? Where are computer graphics?

Computer Graphics (CS 543) Lecture 10: Soft Shadows (Maps and Volumes), Normal and Bump Mapping

3D Programming. 3D Programming Concepts. Outline. 3D Concepts. 3D Concepts -- Coordinate Systems. 3D Concepts Displaying 3D Models

Midterm Exam CS 184: Foundations of Computer Graphics page 1 of 11

Computer Graphics Shadow Algorithms

Real-Time Shadows. Last Time? Today. Why are Shadows Important? Shadows as a Depth Cue. For Intuition about Scene Lighting

CHETTINAD COLLEGE OF ENGINEERING & TECHNOLOGY CS2401 COMPUTER GRAPHICS QUESTION BANK

Chapter IV Fragment Processing and Output Merging. 3D Graphics for Game Programming

CSE 167: Lecture #4: Vertex Transformation. Jürgen P. Schulze, Ph.D. University of California, San Diego Fall Quarter 2012

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

Last Time. Reading for Today: Graphics Pipeline. Clipping. Rasterization

2: Introducing image synthesis. Some orientation how did we get here? Graphics system architecture Overview of OpenGL / GLU / GLUT

Real-Time Shadows. Last Time? Textures can Alias. Schedule. Questions? Quiz 1: Tuesday October 26 th, in class (1 week from today!

CSC 8470 Computer Graphics. What is Computer Graphics?

3D GRAPHICS. design. animate. render

Introduction. (Thanks to Professions Andries van Dam and John Hughes) CMSC 635 January 15, 2013 Introduction # /16

Image Precision Silhouette Edges

Graphics and Interaction Rendering pipeline & object modelling

3D Rasterization II COS 426

Graphics and Imaging Architectures

Spring 2009 Prof. Hyesoon Kim

Transcription:

Computer Graphics 1. Graphics Systems National Chiao Tung Univ, Taiwan By: I-Chen Lin, Assistant Professor Textbook: Hearn and Baker, Computer Graphics, 3rd Ed., Prentice Hall Ref: E.Angel, Interactive Computer Graphics, 4 th Ed., Addison Wesley

Computer Graphics Computer graphics deals with all aspects of creating images with a computer. Hardware Software Applications

Example Where did this image come from? What hardware/software did we need to produce it?

Preliminary Answer Application: The object is an artist s rendition of the sun for an animation to be shown in a domed environment (planetarium) Software: Maya for modeling and rendering but Maya is built on top of OpenGL Hardware: PC with graphics card for modeling and rendering

Basic Graphics System Output device Input devices Image formed in FB

Computer Graphics: 1950-1960 Computer graphics goes back to the earliest days of computing Strip charts Pen plotters Simple displays using A/D converters to go from computer to calligraphic CRT Cost of refresh for CRT too high Computers slow, expensive, unreliable

Computer Graphics: 1960-1970 Wireframe graphics Draw only lines Sketchpad Display Processors Storage tube wireframe representation of sun object

Sketchpad Ivan Sutherland s PhD thesis at MIT Recognized the potential of man-machine interaction. Sutherland also created many of the now common algorithms for computer graphics Ivan Sutherland, Turing Award winner, 1988 The console of the TX-2, Sketchpad Project

Computer Graphics: 1970-1980 Raster Graphics Image produced as an array (the raster) of picture elements (pixels) in the frame buffer Allows us to go from lines and wire frame images to filled polygons

Computer Graphics: 1980-1990 Realism comes to computer graphics smooth shading environment mapping bump mapping

Computer Graphics: 1980-1990 Special purpose hardware Silicon Graphics geometry engine VLSI implementation of graphics pipeline Industry-based standards PHIGS Programmer's Hierarchical Interactive Graphics System RenderMan Networked graphics: X Window System Human-Computer Interface (HCI)

Computer Graphics: 1990-2000 OpenGL API Completely computer-generated feature-length movies (Toy Story) are successful. New hardware capabilities Texture mapping Blending Stencil buffers,

Computer Graphics: 2000- Photorealism Graphics cards for PCs dominate market Nvidia, ATI, 3DLabs GPU (Graphics processing unit) Game boxes and game players determine direction of market Computer graphics routine in movie industry: Maya, Lightwave Programmable pipelines

Light & Image Objects Viewer Light source(s) Attributes that govern how light interacts with the materials in the scene Note the independence of the objects, the viewer, and the light source(s)

Light Light is the part of the electromagnetic spectrum that causes a reaction in our visual systems Generally these are wavelengths in the range of about 350-750 nm (nanometers)

Three-Color Theory Human visual system has two types of sensors Rods: monochromatic, night vision Cones Color sensitive Three types of cones Only three values (the tristimulus values) are sent to the brain Need only match these three values Need only three primary colors

Additive and Subtractive Color Additive color Form a color by adding amounts of three primaries CRTs, projection systems, positive film Primaries: Red (R), Green (G), Blue (B) Subtractive color Form a color by filtering white light with: Cyan (C), Magenta (M), and Yellow (Y) filters Printing, Negative film

RGB & CMYK color model K = min (C, M, Y) C = C K M = M K Y = Y - K = B G R Y M C 1 1 1 Cyan = min (1, max(0, C - U(K)) Magenta = min (1, max(0, M - U(K)) Yellow = min (1, max(0,y - U(K)) Black = min (1, max(0, BK(K))

Basic 3D Graphics

What s 3D? How about these pictures?

What s 3D? Is this correct?

Vanish point

Perspective projection Taking photographing as an example.

Synthetic Camera Model projector p image plane projection of p center of projection

Perspective projection (cont.) Projection

Perspective projection (cont.) Let pupils as the pinhole and a screen as the film.

Generating perspective views From the continuous world to a digital one. Representing by surfaces?

Represented by primitives Curves and surfaces are inefficient to render directly.

Represented by primitives (cont.) We use primitives such as polygons instead.

Represented by primitives Polygons

Represented by primitives Digital Michelangelo Project, Stanford University

Represented by primitives (cont.) A triangle is usually the most basic primitive. Polygons -> triangles.

Projection of triangles A D A D C B focus C B Projection plane

Visibility If we draw triangles directly, our screen will be a mess. Remove hidden surfaces.

A realistic 3D view Delicate 3D models. Perspective. Hidden surface removal. Shading (lighting & reflection). Shadow. Detailed textures and normals Pixar corp. B. Martin, U. Utah

How to synthesize a view? How to represent a object? How to make the scene move? How to display a 3D scene on screen? How to efficiently simulate lighting effects?