Graphics Graphics Korea University cgvr.korea.ac.kr Introduction to Computer Graphics

CGVR Graphics Korea University cgvr.korea.ac.kr Computer Graphics? Image Mathematical Model Image Analysis (pattern recognition, Computer Vision) Computer Graphic ModelingImage processing

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Courtesy of Tippet Studio

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Courtesy of Tippet Studio

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example  Bugs: Courtesy of Tippet Studio

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example  The Final Stage: Burning the bugs Courtesy of Tippet Studio

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (1/2) Definition Producing pictures or images using a computer Example Batman & Robin: The Love Dust Courtesy of Buf Compagnie

CGVR Graphics Korea University cgvr.korea.ac.kr What is Computer Graphics? (2/2) Imaging Representing 2D images Modeling Representing 3D objects Rendering Constructing 2D images from 3D models Animation Simulating changes over time

CGVR Graphics Korea University cgvr.korea.ac.kr Applications Display of Information Design Simulation Computer Art Entertainment

CGVR Graphics Korea University cgvr.korea.ac.kr Display of Information Graphics for Scientific, Engineering, and Medical Data Medical ImageNebula

CGVR Graphics Korea University cgvr.korea.ac.kr Design Graphics for Engineering and Architectural System Design of Building, Automobile, Aircraft, Machine etc. AutoCAD 2002Interior Design

CGVR Graphics Korea University cgvr.korea.ac.kr Simulation Computer-Generated Models of Physical, Financial and Economic Systems for Educational Aids Flight SimulatorMars Rover Simulator

CGVR Graphics Korea University cgvr.korea.ac.kr Computer Art Graphics for Artist Metacreation Painter

CGVR Graphics Korea University cgvr.korea.ac.kr Entertainment Graphics for Movie, Game, VR)Virtual Reality) and etc. Final Fantasy Online Game

CGVR Graphics Korea University cgvr.korea.ac.kr Representations in graphics Vector Graphics Image is represented by continuous geometric objects: lines, curves, etc. Raster Graphics Image is represented as an rectangular grid of coloured squares

CGVR Graphics Korea University cgvr.korea.ac.kr Vector graphics Graphics objects: geometry + colour Complexity ~ O(number of objects) Geometric transformation possible without loss of information (zoom, rotate, …) Diagrams, schemes,... Examples: PowerPoint, CorelDraw,...

CGVR Graphics Korea University cgvr.korea.ac.kr Raster graphics Generic Image processing techniques Geometric Transformation: loss of information Complexity ~ O(number of pixels) Jagged edges, anti-aliasing Realistic images, textures,... Examples: Paint, PhotoShop,...

CGVR Graphics Korea University cgvr.korea.ac.kr Vector Graphics Hardware V E C T O R Display Controller move line char O char R Display list continuous & smooth lines no filled objects random scan refresh speed depends on complexity of the scene

CGVR Graphics Korea University cgvr.korea.ac.kr Raster Graphics Hardware Video Controller jaggies (stair casing) filled objects (anti)aliasing R A S T E R refresh speed independent of scene complexity pixel scan conversion resolution bit planes Frame buffer

CGVR Graphics Korea University cgvr.korea.ac.kr Generating graphics Special-purpose programs Photoshop, Powerpoint, AutoCAD, StudioMax, Maya, Blender, PovRay, … General graphics libraries and standards Windows API, OpenGL, Direct3D,…

CGVR Graphics Korea University cgvr.korea.ac.kr What’s Our Scope? Not a Tutorial on Commercial Software 3DMax, Maya, Photoshop, etc. Not about Graphics Business 3D online-game, E-commerce, etc. Graphics = Algorithm for Visual Simulation Imaging, Modeling, Rendering, Animation

CGVR Graphics Korea University cgvr.korea.ac.kr CG standards Set of graphics functions, to be called from programming language Access to and abstract from hardware Standardization 1975 From 2000 Display Drivers CG API Input dev. C, C++, Java, Delphi,… DisplayInput dev. Fortran, Pascal, …

CGVR Graphics Korea University cgvr.korea.ac.kr Functions Graphics Output Primitives Line, polygon, sphere, … Attributes Color, line width, texture, … Geometric transformations Modeling, Viewing Shading and illumination Input functions

CGVR Graphics Korea University cgvr.korea.ac.kr Textbook Computer Graphics C Version D. Hearn and M. P. Baker 2 nd Edition PRENTICE HALL

CGVR Graphics Korea University cgvr.korea.ac.kr Schedule 1 st weekIntroduction to Computer GraphicsChapter 1 2 nd weekMathematics for Computer GraphicsAppendix A 3 rd weekOutput PrimitivesChapter 3 4 th weekAttributes of Output PrimitivesChapter 4 5 th week2D Geometric TransformationsChapter 5 6 th week2D ViewingChapter 6 7 th weekMidterm 8 th weekTerm Project Proposal Presentation 9 th week3D Object RepresentationsChapter th week3D Geometric and Modeling TransformationsChapter th week3D ViewingChapter th weekIllumination ModelsChapter th weekSurface-Rendering MethodsChapter th weekVisible-Surface Detection MethodsChapter th weekComputer AnimationChapter th weekFinal 17 th weekTerm Project Demo

CGVR Graphics Korea University cgvr.korea.ac.kr Assignments Every 3 weeks #1: 2D drawing #2: 2D transformations #3: image enhancment Windows Programming C and C++ or Java Not Using Graphics Library (OpenGL, DirectX, Java3D, etc.)

CGVR Graphics Korea University cgvr.korea.ac.kr Secrets for Success Learn the Math and NOT JUST the HACKS THINK before You Code Try to Develop Visual Debugging Skills Seek the Help It’s too Late