Computer Graphics Lecture 2
|
|
- Samantha Davidson
- 5 years ago
- Views:
Transcription
1 1 / 16 Computer Graphics Lecture 2 Dr. Marc Eduard Frîncu West University of Timisoara Feb 28th 2012
2 2 / 16 Outline 1 Graphics System Graphics Devices Frame Buffer 2 Rendering pipeline 3 Logical Devices 4 Recap
3 3 / 16 Graphics System Basic Graphic System set of equipment programs specialized in visual representation of the information Figure: Angel: Interactive Computer Graphics 4E c Addison-Wesley 2005
4 4 / 16 Graphics Devices Graphics Devices (GD) GD: equipment (hardware) required in order to interact with create graphics Sutherland (MIT 63) established the basic interactive human-computer paradigm: 1 user sees object on the display 2 user points to the object by using an input device 3 object reacts 4 repeat from 1
5 4 / 16 Graphics Devices Graphics Devices (GD) GD: equipment (hardware) required in order to interact with create graphics Sutherland (MIT 63) established the basic interactive human-computer paradigm: 1 user sees object on the display 2 user points to the object by using an input device 3 object reacts 4 repeat from 1 Types physical devices: Raster video display: CRT, LCD, Plasma, LED, video projector,...
6 4 / 16 Graphics Devices Graphics Devices (GD) GD: equipment (hardware) required in order to interact with create graphics Sutherland (MIT 63) established the basic interactive human-computer paradigm: 1 user sees object on the display 2 user points to the object by using an input device 3 object reacts 4 repeat from 1 Types physical devices: Raster video display: CRT, LCD, Plasma, LED, video projector,... Hard-copy devices: printers (Ink-ket, laser), film recorder, pen plotter,...
7 4 / 16 Graphics Devices Graphics Devices (GD) GD: equipment (hardware) required in order to interact with create graphics Sutherland (MIT 63) established the basic interactive human-computer paradigm: 1 user sees object on the display 2 user points to the object by using an input device 3 object reacts 4 repeat from 1 Types physical devices: Raster video display: CRT, LCD, Plasma, LED, video projector,... Hard-copy devices: printers (Ink-ket, laser), film recorder, pen plotter,... Input devices: light pen, keyboard, mouse, joystick, scanner, touch screen, tablet, eye-tracker, gloves, electro-magnetic, VR display,...
8 4 / 16 Graphics Devices Graphics Devices (GD) GD: equipment (hardware) required in order to interact with create graphics Sutherland (MIT 63) established the basic interactive human-computer paradigm: 1 user sees object on the display 2 user points to the object by using an input device 3 object reacts 4 repeat from 1 Types physical devices: Raster video display: CRT, LCD, Plasma, LED, video projector,... Hard-copy devices: printers (Ink-ket, laser), film recorder, pen plotter,... Input devices: light pen, keyboard, mouse, joystick, scanner, touch screen, tablet, eye-tracker, gloves, electro-magnetic, VR display,... logical devices: Graphics APIs, e.g., OpenGL, WebGL, DirectX/XNA, JavaScript based (Three.js, Box2D), X3D,...
9 4 / 16 Graphics Devices Graphics Devices (GD) GD: equipment (hardware) required in order to interact with create graphics Sutherland (MIT 63) established the basic interactive human-computer paradigm: 1 user sees object on the display 2 user points to the object by using an input device 3 object reacts 4 repeat from 1 Types physical devices: Raster video display: CRT, LCD, Plasma, LED, video projector,... Hard-copy devices: printers (Ink-ket, laser), film recorder, pen plotter,... Input devices: light pen, keyboard, mouse, joystick, scanner, touch screen, tablet, eye-tracker, gloves, electro-magnetic, VR display,... logical devices: Graphics APIs, e.g., OpenGL, WebGL, DirectX/XNA, JavaScript based (Three.js, Box2D), X3D,... The separation of physical & logical devices allows for more flexible programs, independent from the actual physical device
10 Graphics Devices Raster Device General notions a raster (bitmap) display consists of a two-dimensional array of pixels (i.e., picture elelements) discretized image shape and size of a pixel: square with a diagonal of 0.5mm the size of the array gives the display resolution (i.e., no. vertical pixels no. horizontal pixels) images are stored inside RAM in an area called a frame buffer a hardware device called video controller reads the frame buffer line by line and produces images on the display Figure: Raster graphics with Display Processor, 5 / 16
11 6 / 16 Frame Buffer Frame Buffer Refresh rate or vertical scan rate usually at 30-75Hz (i.e., Frames Per Second FPS) includes repeated drawing of identical frames Frame rate refresh rate does NOT include the repeated drawing of identical frames usually lower than the refresh rate
12 Frame Buffer Frame Buffer Refresh rate or vertical scan rate usually at 30-75Hz (i.e., Frames Per Second FPS) includes repeated drawing of identical frames Frame rate refresh rate does NOT include the repeated drawing of identical frames usually lower than the refresh rate Interlaced vs. progressive display interlace: technique in which the apparent flickering is diminished by doubling the frame rate (e.g., 50Hz monitor PAL & SECAM set): paint first the odd lines then the even ones only ALiS plasma panels and traditional Cathode Ray Tube (CRT) TV sets use it modern CRT TV: flicker free by using the 100Hz technology progressive: technique in which all lines are drawn in sequence most CRT computer monitors, LCD monitors, HDTV displays LCDs: as much as 120 (i.e., lcm between 24FPS, cinema, and 30FPS, NTSC TV) or 240 Hz advantages over interlace: no visual artifacts (e.g., interline twitter) & no need for blurring to reduce interline twitter clearer and faster results for scaling to higher resolutions frames can be captured as still photos 6 / 16
13 7 / 16 Frame Buffer Color Frame Buffer About colors the method to represent colors depends on pixel depth and on the output device: additive: video displays subtractive: printers pixel depth: the number of bits to represent the color of a pixel (e.g., 24bit Red-Green-Blue model for most video and color LCDs) 8 bits for each color component in the 24 bit model (true-color): 0 for black and 255 for white usually a forth component called alpha (denoted A) is used to achieve various effects such as opacity and transparency color map (or color Look-Up-Table): used for web GIF images each pixel stores an 8bit index (i.e., 256 possible colors) the index points to a LUP containing 24bit colors halftoning: technique to trick the eye into seeing many shades of a color where in reality only a small number of distinct colors exist (e.g., web images)
14 8 / 16 Frame Buffer Color Frame Buffers Figure: Halftoning,
15 Frame Buffer Visible Light Light visible light frequencies (electromagnetic spectrum): from red (700nm) to violet (400nm) light color characterized by: hue: dominant frequency (i.e., highest peak or primary wavelength) of a color saturation: excitation purity (i.e., ratio of highest to rest) of a color lightness: perceived luminance of a color Figure: A diagram of the electromagnetic spectrum, 9 / 16
16 10 / 16 Frame Buffer Color Models Red-Green-Blue Cyan-Magenta-Yellow Hue-Saturation-Lightness... Images on the right from: Figure: RGB color gho/sem_notes/color_2d/ cube html/primary_systems.html Figure: CMY cube Figure: HSV Perceptual Color Spaces
17 11 / 16 Rendering pipeline The rendering (graphics) pipeline typically accepts some representation of a three-dimensional primitives as an input and results in a 2D raster image as output (source: Figure: Rendering pipeline
18 12 / 16 Rendering pipeline points vertices fragments pixels in mathematics a point is a zero-dimensional primitive in CG a vertex is a data structure that describes a point in 2D/3D space: position color normal textures reflectance in CG a fragment is a pre-pixel, i.e., data necessary to generate a single pixel (shade test): raster position depth color, texture coordinates,... stencil alpha...
19 13 / 16 Rendering pipeline Shaders programs used primarily to calculate rendering effects on graphics hardware vertex shader: run once for each vertex transform each vertex s 3D position in virtual space to the 2D coordinate in screen space fragment (pixel) shader: executed after the vertex shader compute the color and other attributes of each pixel alone they cannot produce complex effects as they operate on a per pixel basis used for: bump mapping, shadows, specular highlights, translucency,... geometry shader: relatively new can generate new graphics primitives from primitives sent at the beginning of the graphics pipeline operate between the vertex and a fragment shaders used for: point sprite generation, geometry tessellation, shadow volume extrusion, single pass cube map rendering,...
20 13 / 16 Rendering pipeline Shaders programs used primarily to calculate rendering effects on graphics hardware vertex shader: run once for each vertex transform each vertex s 3D position in virtual space to the 2D coordinate in screen space fragment (pixel) shader: executed after the vertex shader compute the color and other attributes of each pixel alone they cannot produce complex effects as they operate on a per pixel basis used for: bump mapping, shadows, specular highlights, translucency,... geometry shader: relatively new can generate new graphics primitives from primitives sent at the beginning of the graphics pipeline operate between the vertex and a fragment shaders used for: point sprite generation, geometry tessellation, shadow volume extrusion, single pass cube map rendering,... Example: GLSL (OpenGL Shading Language) high level shading language based on C syntax. No need to use assembly language or hardware specific languages!
21 14 / 16 Logical Devices Logical input Consider the C code: 1: int x; 2: scanf( %d, &x);
22 14 / 16 Logical Devices Logical input Consider the C code: 1: int x; 2: scanf( %d, &x); What is the input device?
23 14 / 16 Logical Devices Logical input Consider the C code: 1: int x; 2: scanf( %d, &x); What is the input device? cannot tell from the code can be anything: keyboard, file, another file,...
24 14 / 16 Logical Devices Logical input Consider the C code: 1: int x; 2: scanf( %d, &x); What is the input device? cannot tell from the code can be anything: keyboard, file, another file,... The code provides logical input, i.e., an int is returned regardless of the physical device
25 14 / 16 Logical Devices Logical input Consider the C code: 1: int x; 2: scanf( %d, &x); What is the input device? cannot tell from the code can be anything: keyboard, file, another file,... The code provides logical input, i.e., an int is returned regardless of the physical device Graphical logical devices graphical input is more varied than input to standard programs Six types of logical input (for older APIs: GKS, PHIGS): 1 keyboard: returns ASCII characters 2 locator: position in world coordinates through mouse, trackball,... 3 pick: identifies an object 4 choice: selection of a discrete number of objects 5 dial: provides analog input to the program 6 stroke: device returns an array of locations through mouse clicks (button down start transfer, release button end transfer)
26 Logical Devices Logical input Consider the C code: 1: int x; 2: scanf( %d, &x); What is the input device? cannot tell from the code can be anything: keyboard, file, another file,... The code provides logical input, i.e., an int is returned regardless of the physical device Graphical logical devices graphical input is more varied than input to standard programs Six types of logical input (for older APIs: GKS, PHIGS): 1 keyboard: returns ASCII characters 2 locator: position in world coordinates through mouse, trackball,... 3 pick: identifies an object 4 choice: selection of a discrete number of objects 5 dial: provides analog input to the program 6 stroke: device returns an array of locations through mouse clicks (button down start transfer, release button end transfer) Newer APIs (e.g., OpenGL) do not take this approach 14 / 16
27 15 / 16 Input Modes Input devices contain triggers (e.g., mouse button, keys) which can be used to send signals (e.g., information: position mouse, ASCII code keyboard) to the OS Input modes request mode: input provided only when user triggers the device (e.g., keyboard input) event mode: input stored in an event queue for later examination each time the device is triggered (e.g., window: resize; mouse: click, move; keyboard: key press/release)
28 15 / 16 Input Modes Input devices contain triggers (e.g., mouse button, keys) which can be used to send signals (e.g., information: position mouse, ASCII code keyboard) to the OS Input modes request mode: input provided only when user triggers the device (e.g., keyboard input) not sufficient for Human-Computer-Interface event mode: input stored in an event queue for later examination each time the device is triggered (e.g., window: resize; mouse: click, move; keyboard: key press/release) ideal for environments with multiple input devices
29 Input Modes Input devices contain triggers (e.g., mouse button, keys) which can be used to send signals (e.g., information: position mouse, ASCII code keyboard) to the OS Input modes request mode: input provided only when user triggers the device (e.g., keyboard input) not sufficient for Human-Computer-Interface event mode: input stored in an event queue for later examination each time the device is triggered (e.g., window: resize; mouse: click, move; keyboard: key press/release) ideal for environments with multiple input devices Callbacks programming interface for event-driven input one callback function for each type of event the graphics system recognizes the user defined callback function is executed when the corresponding event occurs: 1: public void display(glautodrawable canvas) { 2: GL2 gl = canvas.getgl().getgl2(); 3: gl.glclear(gl.gl COLOR BUFFER BIT); 4: //Add here the code for generating the scene 5: //... 6: gl.glflush(); 7: } Figure: Java for OpenGL: display callback, called each time the scene is rendered 15 / 16
30 16 / 16 Lecture Recap graphics system = equipment (graphics devices) specialized programs/graphics APIs physical logical devices images stored inside a memory zone called frame buffer before being rendered on the display real light (wave particle), simulated light (various models: RGB, CMY, HSL) rendering pipeline: converts a 3D model to a 2D raster image points vertices fragments pixels input modes: request vs. event based event based wins in graphics contest
Lecture 1. Computer Graphics and Systems. Tuesday, January 15, 13
Lecture 1 Computer Graphics and Systems What is Computer Graphics? Image Formation Sun Object Figure from Ed Angel,D.Shreiner: Interactive Computer Graphics, 6 th Ed., 2012 Addison Wesley Computer Graphics
More informationComputer Graphics. Bing-Yu Chen National Taiwan University
Computer Graphics Bing-Yu Chen National Taiwan University Introduction The Graphics Process Color Models Triangle Meshes The Rendering Pipeline 1 INPUT What is Computer Graphics? Definition the pictorial
More informationImage Formation. Introduction to Computer Graphics. Machiraju/Zhang/Möller/Klaffenböck
Image Formation Introduction to Computer Graphics Machiraju/Zhang/Möller/Klaffenböck Today Input and displays of a graphics system Raster display basics: pixels, the frame buffer, raster scan, LCD displays
More informationGraphics Systems and Models
Graphics Systems and Models 2 nd Week, 2007 Sun-Jeong Kim Five major elements Input device Processor Memory Frame buffer Output device Graphics System A Graphics System 2 Input Devices Most graphics systems
More informationImage Formation. Introduction to Computer Graphics Torsten Möller. Machiraju/Zhang/Möller
Image Formation Introduction to Computer Graphics Torsten Möller Machiraju/Zhang/Möller Today Input and displays of a graphics system Raster display basics: pixels, the frame buffer, raster scan, LCD displays
More information3D graphics, raster and colors CS312 Fall 2010
Computer Graphics 3D graphics, raster and colors CS312 Fall 2010 Shift in CG Application Markets 1989-2000 2000 1989 3D Graphics Object description 3D graphics model Visualization 2D projection that simulates
More informationINTRODUCTION. Slides modified from Angel book 6e
INTRODUCTION Slides modified from Angel book 6e Fall 2012 COSC4328/5327 Computer Graphics 2 Objectives Historical introduction to computer graphics Fundamental imaging notions Physical basis for image
More informationGraphics Hardware and Display Devices
Graphics Hardware and Display Devices CSE328 Lectures Graphics/Visualization Hardware Many graphics/visualization algorithms can be implemented efficiently and inexpensively in hardware Facilitates interactive
More informationNational Chiao Tung Univ, Taiwan By: I-Chen Lin, Assistant Professor
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
More informationCS130 : Computer Graphics Lecture 2: Graphics Pipeline. Tamar Shinar Computer Science & Engineering UC Riverside
CS130 : Computer Graphics Lecture 2: Graphics Pipeline Tamar Shinar Computer Science & Engineering UC Riverside Raster Devices and Images Raster Devices - raster displays show images as a rectangular array
More informationLecture 10: Input, Interaction & callbacks. CITS 3003 Graphics & Animation
Lecture 10: Input, Interaction & callbacks CITS 3003 Graphics & Animation Slides: E. Angel and D. Shreiner: Interactive Computer Graphics 6E Addison-Wesley 2012 Objectives Introduce the basic input devices
More informationComputer Graphics - Chapter 1 Graphics Systems and Models
Computer Graphics - Chapter 1 Graphics Systems and Models Objectives are to learn about: Applications of Computer Graphics Graphics Systems Images: Physical and Synthetic The Human Visual System The Pinhole
More informationComputer Graphics. Bing-Yu Chen National Taiwan University The University of Tokyo
Computer Graphics Bing-Yu Chen National Taiwan University The University of Tokyo Introduction The Graphics Process Color Models Triangle Meshes The Rendering Pipeline 1 What is Computer Graphics? modeling
More informationCHAPTER 1 Graphics Systems and Models 3
?????? 1 CHAPTER 1 Graphics Systems and Models 3 1.1 Applications of Computer Graphics 4 1.1.1 Display of Information............. 4 1.1.2 Design.................... 5 1.1.3 Simulation and Animation...........
More informationSurvey in Computer Graphics Computer Graphics and Visualization
Example of a Marble Ball Where did this image come from? Fall 2010 What hardware/software/algorithms did we need to produce it? 2 A Basic Graphics System History of Computer Graphics 1200-2008 Input devices
More informationIntroduction to Computer Graphics with WebGL
Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science Laboratory University of New Mexico Image Formation
More informationImage Formation. Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico
Image Formation Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico 1 Objectives Fundamental imaging notions Physical basis for image formation
More informationComputer Graphics 1 Instructor Information. Books. Graphics? Course Goals and Outcomes. Where are computer graphics? Where are computer graphics?
Computer Graphics 1 Instructor Information Books Instructor: Dr. Jessica Bayliss Office: 70-3509 Telephone: (585) 475-2507 Office Hours: see my web site Web page: www.cs.rit.edu/~jdb Teaching Philosophy:
More informationGame Programming. Bing-Yu Chen National Taiwan University
Game Programming Bing-Yu Chen National Taiwan University What is Computer Graphics? Definition the pictorial synthesis of real or imaginary objects from their computer-based models descriptions OUTPUT
More informationCS450/550. Pipeline Architecture. Adapted From: Angel and Shreiner: Interactive Computer Graphics6E Addison-Wesley 2012
CS450/550 Pipeline Architecture Adapted From: Angel and Shreiner: Interactive Computer Graphics6E Addison-Wesley 2012 0 Objectives Learn the basic components of a graphics system Introduce the OpenGL pipeline
More informationIntroduction to Computer Graphics with WebGL
Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science Laboratory University of New Mexico Models and Architectures
More informationRendering. Converting a 3D scene to a 2D image. Camera. Light. Rendering. View Plane
Rendering Pipeline Rendering Converting a 3D scene to a 2D image Rendering Light Camera 3D Model View Plane Rendering Converting a 3D scene to a 2D image Basic rendering tasks: Modeling: creating the world
More informationHomework Graphics Input Devices Graphics Output Devices. Computer Graphics. Spring CS4815
Computer Graphics Spring 2016-2017 Outline 1 2 3 Displays To Do 1 Go to Wikipedia http://en.wikipedia.org/ and read the pages on Colour Spaces (http: //en.wikipedia.org/wiki/colour_spaces), Optical Illusions
More informationSome Resources. What won t I learn? What will I learn? Topics
CSC 706 Computer Graphics Course basics: Instructor Dr. Natacha Gueorguieva MW, 8:20 pm-10:00 pm Materials will be available at www.cs.csi.cuny.edu/~natacha 1 midterm, 2 projects, 1 presentation, homeworks,
More informationModels and Architectures
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
More informationCMP 477 Computer Graphics Module 2: Graphics Systems Output and Input Devices. Dr. S.A. Arekete Redeemer s University, Ede
CMP 477 Computer Graphics Module 2: Graphics Systems Output and Input Devices Dr. S.A. Arekete Redeemer s University, Ede Introduction The widespread recognition of the power and utility of computer graphics
More informationLecture 12 Color model and color image processing
Lecture 12 Color model and color image processing Color fundamentals Color models Pseudo color image Full color image processing Color fundamental The color that humans perceived in an object are determined
More informationCS 354R: Computer Game Technology
CS 354R: Computer Game Technology Texture and Environment Maps Fall 2018 Texture Mapping Problem: colors, normals, etc. are only specified at vertices How do we add detail between vertices without incurring
More informationModels and Architectures. Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico
Models and Architectures Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico 1 Objectives Learn the basic design of a graphics system Introduce
More informationIllumination and Shading
Illumination and Shading Light sources emit intensity: assigns intensity to each wavelength of light Humans perceive as a colour - navy blue, light green, etc. Exeriments show that there are distinct I
More informationSRM INSTITUTE OF SCIENCE AND TECHNOLOGY
SRM INSTITUTE OF SCIENCE AND TECHNOLOGY DEPARTMENT OF INFORMATION TECHNOLOGY QUESTION BANK SUB.NAME: COMPUTER GRAPHICS SUB.CODE: IT307 CLASS : III/IT UNIT-1 2-marks 1. What is the various applications
More informationComputer Graphics and Visualization. Graphics Systems and Models
UNIT -1 Graphics Systems and Models 1.1 Applications of computer graphics: Display Of Information Design Simulation & Animation User Interfaces 1.2 Graphics systems A Graphics system has 5 main elements:
More informationRendering Objects. Need to transform all geometry then
Intro to OpenGL Rendering Objects Object has internal geometry (Model) Object relative to other objects (World) Object relative to camera (View) Object relative to screen (Projection) Need to transform
More informationCS 381 Computer Graphics, Fall 2008 Midterm Exam Solutions. The Midterm Exam was given in class on Thursday, October 23, 2008.
CS 381 Computer Graphics, Fall 2008 Midterm Exam Solutions The Midterm Exam was given in class on Thursday, October 23, 2008. 1. [4 pts] Drawing Where? Your instructor says that objects should always be
More informationMMGD0206 Computer Graphics. Chapter 1 Development of Computer Graphics : History
MMGD0206 Computer Graphics Chapter 1 Development of Computer Graphics : History What is Computer Graphics? Computer graphics generally means creation, storage and manipulation of models and images Such
More informationHomework Graphics Input Devices Graphics Output Devices. Computer Graphics. Spring CS4815
Computer Graphics Spring 2017-2018 Outline 1 2 3 Displays To Do 1 Go to Wikipedia http://en.wikipedia.org/ and read the pages on Colour Spaces (http: //en.wikipedia.org/wiki/colour_spaces), Optical Illusions
More informationC P S C 314 S H A D E R S, O P E N G L, & J S RENDERING PIPELINE. Mikhail Bessmeltsev
C P S C 314 S H A D E R S, O P E N G L, & J S RENDERING PIPELINE UGRAD.CS.UBC.C A/~CS314 Mikhail Bessmeltsev 1 WHAT IS RENDERING? Generating image from a 3D scene 2 WHAT IS RENDERING? Generating image
More informationAPI Background. Prof. George Wolberg Dept. of Computer Science City College of New York
API Background Prof. George Wolberg Dept. of Computer Science City College of New York Objectives Graphics API history OpenGL API OpenGL function format Immediate Mode vs Retained Mode Examples The Programmer
More informationOUTLINE. Learn the basic design of a graphics system Introduce pipeline architecture Examine software components for a graphics system
GRAPHICS PIPELINE 1 OUTLINE Learn the basic design of a graphics system Introduce pipeline architecture Examine software components for a graphics system 2 IMAGE FORMATION REVISITED Can we mimic the synthetic
More informationCS451Real-time Rendering Pipeline
1 CS451Real-time Rendering Pipeline JYH-MING LIEN DEPARTMENT OF COMPUTER SCIENCE GEORGE MASON UNIVERSITY Based on Tomas Akenine-Möller s lecture note You say that you render a 3D 2 scene, but what does
More informationChapter 1 Introduction
Graphics & Visualization Chapter 1 Introduction Graphics & Visualization: Principles & Algorithms Brief History Milestones in the history of computer graphics: 2 Brief History (2) CPU Vs GPU 3 Applications
More informationGraphics Programming. Computer Graphics, VT 2016 Lecture 2, Chapter 2. Fredrik Nysjö Centre for Image analysis Uppsala University
Graphics Programming Computer Graphics, VT 2016 Lecture 2, Chapter 2 Fredrik Nysjö Centre for Image analysis Uppsala University Graphics programming Typically deals with How to define a 3D scene with a
More informationColor and Shading. Color. Shapiro and Stockman, Chapter 6. Color and Machine Vision. Color and Perception
Color and Shading Color Shapiro and Stockman, Chapter 6 Color is an important factor for for human perception for object and material identification, even time of day. Color perception depends upon both
More informationDevelopment of Computer Graphics
1951 Whirlwind, Jay Forrester (MIT) CRT displays mid 1950s SAGE air defense system command & control CRT, light pens late 1950s Computer Art, James Whitney Sr. Visual Feedback loops 1962 Sketchpad, Ivan
More informationIntroduction to Computer Graphics with WebGL
Introduction to Computer Graphics with WebGL Rongkai Guo Assistant Professor at Computer Game Design program Kennesaw State University 1 Overview These lectures are for a senior/graduate elective for computer
More informationCS 464 Review. Review of Computer Graphics for Final Exam
CS 464 Review Review of Computer Graphics for Final Exam Goal: Draw 3D Scenes on Display Device 3D Scene Abstract Model Framebuffer Matrix of Screen Pixels In Computer Graphics: If it looks right then
More informationIntroduction to Computer Graphics. Overview. What is Computer Graphics?
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Introduction to Computer Graphics David Carr Fundamentals of Computer Graphics Spring 2004 Based on Slides by E. Angel Graphics 1 L Overview What
More informationCS452/552; EE465/505. Image Formation
CS452/552; EE465/505 Image Formation 1-15-15 Outline! Image Formation! Introduction to WebGL, continued Draw a colored triangle using WebGL Read: Angel, Chapters 2 & 3 Homework #1 will be available on
More information2: Introducing image synthesis. Some orientation how did we get here? Graphics system architecture Overview of OpenGL / GLU / GLUT
COMP27112 Computer Graphics and Image Processing 2: Introducing image synthesis Toby.Howard@manchester.ac.uk 1 Introduction In these notes we ll cover: Some orientation how did we get here? Graphics system
More informationVTU QUESTION PAPER SOLUTION UNIT -1 INTRODUCTION
VTU QUESTION PAPER SOLUTION UNIT -1 INTRODUCTION 1. Briefly explain any two applications of computer graphics. (June 2012) 4M Ans: Applications of computer graphics are: Display Of Information Design Simulation
More informationCS 160: Lecture 10. Professor John Canny Spring 2004 Feb 25 2/25/2004 1
CS 160: Lecture 10 Professor John Canny Spring 2004 Feb 25 2/25/2004 1 Administrivia In-class midterm on Friday * Closed book (no calcs or laptops) * Material up to last Friday Lo-Fi Prototype assignment
More informationOverview CS Plans for this semester. References. CS 4600 Fall Prerequisites
Overview CS 4600 What is CS 4600? What should know (pre reqs)? What will you get out of this course? Chuck Hansen Website: www.eng.utah.edu/~cs4600 Thanks to Ed Angel and Jeff Parker for slides and materials
More informationIntroduce the basic input devices Input, Interaction and Animation
Objectives Introduce the basic input devices Input, Interaction and Animation - Physical Devices - Logical Devices - Input Modes CS 432 Interactive Computer Graphics Prof. David E. Breen Department of
More informationReading. 2. Color. Emission spectra. The radiant energy spectrum. Watt, Chapter 15.
Reading Watt, Chapter 15. Brian Wandell. Foundations of Vision. Chapter 4. Sinauer Associates, Sunderland, MA, pp. 69-97, 1995. 2. Color 1 2 The radiant energy spectrum We can think of light as waves,
More informationCS452/552; EE465/505. Clipping & Scan Conversion
CS452/552; EE465/505 Clipping & Scan Conversion 3-31 15 Outline! From Geometry to Pixels: Overview Clipping (continued) Scan conversion Read: Angel, Chapter 8, 8.1-8.9 Project#1 due: this week Lab4 due:
More informationSAZ4C COMPUTER GRAPHICS. Unit : 1-5. SAZ4C Computer Graphics
SAZ4C COMPUTER GRAPHICS Unit : 1-5 1 UNIT :1 SYLLABUS Introduction to computer Graphics Video display devices Raster scan Systems Random Scan Systems Interactive input devices Hard copy devices Graphics
More informationPhysical Color. Color Theory - Center for Graphics and Geometric Computing, Technion 2
Color Theory Physical Color Visible energy - small portion of the electro-magnetic spectrum Pure monochromatic colors are found at wavelengths between 380nm (violet) and 780nm (red) 380 780 Color Theory
More informationComputer Graphics. Lecture 1 Introduction to Computer Graphics. Somsak Walairacht - Computer Engineering KMITL
Lecture 1 Introduction to Somsak Walairacht - Computer Engineering KMITL 1 Textbooks with OpenGL - 3Ed, Hearn & Baker, Prentice Hall, 2003. Most of the topics follow this book Interactive : A Top-Down
More informationCS230 : Computer Graphics Lecture 4. Tamar Shinar Computer Science & Engineering UC Riverside
CS230 : Computer Graphics Lecture 4 Tamar Shinar Computer Science & Engineering UC Riverside Shadows Shadows for each pixel do compute viewing ray if ( ray hits an object with t in [0, inf] ) then compute
More informationCSC Graphics Programming. Budditha Hettige Department of Statistics and Computer Science
CSC 307 1.0 Graphics Programming Department of Statistics and Computer Science Graphics Programming 2 Common Uses for Computer Graphics Applications for real-time 3D graphics range from interactive games
More informationAnimation & Rendering
7M836 Animation & Rendering Introduction, color, raster graphics, modeling, transformations Arjan Kok, Kees Huizing, Huub van de Wetering h.v.d.wetering@tue.nl 1 Purpose Understand 3D computer graphics
More informationIntroduction to Computer Graphics with WebGL
Introduction to Computer Graphics with WebGL Ed Angel Professor Emeritus of Computer Science Founding Director, Arts, Research, Technology and Science Laboratory University of New Mexico 1 Overview These
More informationCSC 8470 Computer Graphics. What is Computer Graphics?
CSC 8470 Computer Graphics What is Computer Graphics? For us, it is primarily the study of how pictures can be generated using a computer. But it also includes: software tools used to make pictures hardware
More informationCS452/552; EE465/505. Color Display Issues
CS452/552; EE465/505 Color Display Issues 4-16 15 2 Outline! Color Display Issues Color Systems Dithering and Halftoning! Splines Hermite Splines Bezier Splines Catmull-Rom Splines Read: Angel, Chapter
More informationCiril Bohak. - INTRODUCTION TO WEBGL
2016 Ciril Bohak ciril.bohak@fri.uni-lj.si - INTRODUCTION TO WEBGL What is WebGL? WebGL (Web Graphics Library) is an implementation of OpenGL interface for cmmunication with graphical hardware, intended
More informationComputer Graphics Introduction. Taku Komura
Computer Graphics Introduction Taku Komura What s this course all about? We will cover Graphics programming and algorithms Graphics data structures Applied geometry, modeling and rendering Not covering
More informationOrthogonal Projection Matrices. Angel and Shreiner: Interactive Computer Graphics 7E Addison-Wesley 2015
Orthogonal Projection Matrices 1 Objectives Derive the projection matrices used for standard orthogonal projections Introduce oblique projections Introduce projection normalization 2 Normalization Rather
More informationINFOGR Computer Graphics
INFOGR Computer Graphics Jacco Bikker & Debabrata Panja - April-July 2018 Lecture 4: Graphics Fundamentals Welcome! Today s Agenda: Rasters Colors Ray Tracing Assignment P2 INFOGR Lecture 4 Graphics Fundamentals
More informationQUESTION BANK 10CS65 : COMPUTER GRAPHICS AND VISUALIZATION
QUESTION BANK 10CS65 : COMPUTER GRAPHICS AND VISUALIZATION INTRODUCTION OBJECTIVE: This chapter deals the applications of computer graphics and overview of graphics systems and imaging. UNIT I 1 With clear
More informationVisible Color. 700 (red) 580 (yellow) 520 (green)
Color Theory Physical Color Visible energy - small portion of the electro-magnetic spectrum Pure monochromatic colors are found at wavelengths between 380nm (violet) and 780nm (red) 380 780 Color Theory
More informationCS4621/5621 Fall Computer Graphics Practicum Intro to OpenGL/GLSL
CS4621/5621 Fall 2015 Computer Graphics Practicum Intro to OpenGL/GLSL Professor: Kavita Bala Instructor: Nicolas Savva with slides from Balazs Kovacs, Eston Schweickart, Daniel Schroeder, Jiang Huang
More informationKRISTU JYOTI COLLEGE OF MANAGEMENT & TECHNOLOGY QUESTION BANK BCA SEMESTER III Computer graphics Part A (2 marks questions)
KRISTU JYOTI COLLEGE OF MANAGEMENT & TECHNOLOGY QUESTION BANK 2018 BCA SEMESTER III Computer graphics Part A (2 marks questions) 1. What do mean by refreshing of a screen? 2. Define computer graphics 3.
More informationReal - Time Rendering. Graphics pipeline. Michal Červeňanský Juraj Starinský
Real - Time Rendering Graphics pipeline Michal Červeňanský Juraj Starinský Overview History of Graphics HW Rendering pipeline Shaders Debugging 2 History of Graphics HW First generation Second generation
More informationChapter Three. Hardware Basics: Peripherals
Chapter Three Hardware Basics: Peripherals After reading this chapter, you should be able to: List examples of input devices and explain how they can make it easier to get different types of information
More informationOutput models Drawing Rasterization Color models
Output models Drawing Rasterization olor models Fall 2004 6.831 UI Design and Implementation 1 Fall 2004 6.831 UI Design and Implementation 2 omponents Graphical objects arranged in a tree with automatic
More informationComputer Graphics Fundamentals. Jon Macey
Computer Graphics Fundamentals Jon Macey jmacey@bournemouth.ac.uk http://nccastaff.bournemouth.ac.uk/jmacey/ 1 1 What is CG Fundamentals Looking at how Images (and Animations) are actually produced in
More informationCS 4620 Program 3: Pipeline
CS 4620 Program 3: Pipeline out: Wednesday 14 October 2009 due: Friday 30 October 2009 1 Introduction In this assignment, you will implement several types of shading in a simple software graphics pipeline.
More informationPowerVR Hardware. Architecture Overview for Developers
Public Imagination Technologies PowerVR Hardware Public. This publication contains proprietary information which is subject to change without notice and is supplied 'as is' without warranty of any kind.
More informationThe Rasterization Pipeline
Lecture 5: The Rasterization Pipeline (and its implementation on GPUs) Computer Graphics CMU 15-462/15-662, Fall 2015 What you know how to do (at this point in the course) y y z x (w, h) z x Position objects
More informationComputer Graphics Lecture 11
1 / 14 Computer Graphics Lecture 11 Dr. Marc Eduard Frîncu West University of Timisoara May 15th 2012 2 / 14 Outline 1 Introduction 2 Transparency 3 Reflection 4 Recap 3 / 14 Introduction light = local
More informationThree Main Themes of Computer Graphics
Three Main Themes of Computer Graphics Modeling How do we represent (or model) 3-D objects? How do we construct models for specific objects? Animation How do we represent the motion of objects? How do
More informationINTRODUCTION. Computer Graphics
INTRODUCTION Computer Graphics 1 INTRODUCTION: THE OUTLINE I. Image Processing / Computer Graphics II. Advantages III. Representative Uses IV. Classification of Applications V. History VI. Conceptual Framework
More informationTSBK 07! Computer Graphics! Ingemar Ragnemalm, ISY
1(46) Information Coding / Computer Graphics, ISY, LiTH TSBK 07 Computer Graphics Ingemar Ragnemalm, ISY 1(46) TSBK07 Computer Graphics Spring 2017 Course leader/examiner/lecturer: Ingemar Ragnemalm ingis@isy.liu.se
More informationComputer Graphics (CS 543) Lecture 1 (Part 1): Introduction to Computer Graphics
Computer Graphics (CS 543) Lecture 1 (Part 1): Introduction to Computer Graphics Prof Emmanuel Agu Computer Science Dept. Worcester Polytechnic Institute (WPI) What is Computer Graphics (CG)? Computer
More informationShaders. Slide credit to Prof. Zwicker
Shaders Slide credit to Prof. Zwicker 2 Today Shader programming 3 Complete model Blinn model with several light sources i diffuse specular ambient How is this implemented on the graphics processor (GPU)?
More informationMULTIMEDIA AND CODING
07 MULTIMEDIA AND CODING WHAT MEDIA TYPES WE KNOW? TEXTS IMAGES SOUNDS MUSIC VIDEO INTERACTIVE CONTENT Games Virtual reality EXAMPLES OF MULTIMEDIA MOVIE audio + video COMPUTER GAME audio + video + interactive
More informationCS130 : Computer Graphics. Tamar Shinar Computer Science & Engineering UC Riverside
CS130 : Computer Graphics Tamar Shinar Computer Science & Engineering UC Riverside Raster Devices and Images Raster Devices Hearn, Baker, Carithers Raster Display Transmissive vs. Emissive Display anode
More information... Output System Layers. Application 2. Application 1. Application 3. Swing. UIKit SWT. Window System. Operating System
Output: Hardware Output System Layers Application 1 Application 2 Application 3 Swing SWT... UIKit Window System Operating System Hardware (e.g., graphics card) 2 Output Hardware 3 Start with some basics:
More informationDevelopment of Computer Graphics. mid 1950s SAGE air defense system command & control CRT, light pens
1951 Whirlwind, Jay Forrester (MIT) CRT displays mid 1950s SAGE air defense system command & control CRT, light pens late 1950s Computer Art, James Whitney Sr. Visual Feedback loops 1962 Sketchpad, Ivan
More informationLecture 2. Shaders, GLSL and GPGPU
Lecture 2 Shaders, GLSL and GPGPU Is it interesting to do GPU computing with graphics APIs today? Lecture overview Why care about shaders for computing? Shaders for graphics GLSL Computing with shaders
More informationBooks: 1) Computer Graphics, Principles & Practice, Second Edition in C JamesD. Foley, Andriesvan Dam, StevenK. Feiner, John F.
Computer Graphics Books: 1) Computer Graphics, Principles & Practice, Second Edition in C JamesD. Foley, Andriesvan Dam, StevenK. Feiner, John F. Huges 2) Schaim s Outline Computer Graphics Roy A. Plastock,
More informationLecturer Athanasios Nikolaidis
Lecturer Athanasios Nikolaidis Computer Graphics: Graphics primitives 2D viewing and clipping 2D and 3D transformations Curves and surfaces Rendering and ray tracing Illumination models Shading models
More informationCSE328 Fundamentals of Computer Graphics: Concepts, Theory, Algorithms, and Applications
CSE328 Fundamentals of Computer Graphics: Concepts, Theory, Algorithms, and Applications Hong Qin State University of New York at Stony Brook (Stony Brook University) Stony Brook, New York 11794--4400
More informationInteractive Computer Graphics A TOP-DOWN APPROACH WITH SHADER-BASED OPENGL
International Edition Interactive Computer Graphics A TOP-DOWN APPROACH WITH SHADER-BASED OPENGL Sixth Edition Edward Angel Dave Shreiner Interactive Computer Graphics: A Top-Down Approach with Shader-Based
More informationThe Graphics Pipeline
The Graphics Pipeline Ray Tracing: Why Slow? Basic ray tracing: 1 ray/pixel Ray Tracing: Why Slow? Basic ray tracing: 1 ray/pixel But you really want shadows, reflections, global illumination, antialiasing
More informationCS GPU and GPGPU Programming Lecture 2: Introduction; GPU Architecture 1. Markus Hadwiger, KAUST
CS 380 - GPU and GPGPU Programming Lecture 2: Introduction; GPU Architecture 1 Markus Hadwiger, KAUST Reading Assignment #2 (until Feb. 17) Read (required): GLSL book, chapter 4 (The OpenGL Programmable
More informationCOMP environment mapping Mar. 12, r = 2n(n v) v
Rendering mirror surfaces The next texture mapping method assumes we have a mirror surface, or at least a reflectance function that contains a mirror component. Examples might be a car window or hood,
More informationIntroduction. What s New in This Edition
Introduction Welcome to the fourth edition of the OpenGL SuperBible. For more than ten years, we have striven to provide the world s best introduction to not only OpenGL, but 3D graphics programming in
More informationComputer Graphics: Programming, Problem Solving, and Visual Communication
Computer Graphics: Programming, Problem Solving, and Visual Communication Dr. Steve Cunningham Computer Science Department California State University Stanislaus Turlock, CA 95382 copyright 2002, Steve
More informationForm 3. Half Yearly Exam Revision
Form 3 Half Yearly Exam Revision What is the difference between data and information? What is the difference between data and information? Data is the representation of information Information is the things
More information