SlideShare une entreprise Scribd logo
1  sur  53
3D Viewing 고려대학교 컴퓨터 그래픽스 연구실 cgvr.korea.ac.kr
3d Rendering Pipeline cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion 3D Primitives Image This is a pipelined sequence of operations to draw a 3D primitive into a 2D image for direct illumination
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image 3D Primitives
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],3D Primitives
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],[object Object],3D Primitives
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],[object Object],[object Object],3D Primitives
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],[object Object],[object Object],[object Object],3D Primitives
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],[object Object],[object Object],[object Object],[object Object],3D Primitives
In Pipeline ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],3D Primitives
Transformation  ,[object Object],cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion Image ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],3D Primitives
Transformation  cgvr.korea.ac.kr ,[object Object],Model Transformation Viewing Transformation Projection Transformation Viewport   Transformation p(x’, y’) P(x, y, z) ,[object Object],[object Object],[object Object],[object Object],3D Viewing Coordinate 3D Object Coordinate 3D World Coordinate
Viewing Transformation  cgvr.korea.ac.kr ,[object Object],Model Transformation Viewing Transformation Projection Transformation Viewport Transformation p(x’, y’) P(x, y, z) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Viewing Transformation ,[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr X Y Z ,[object Object]
Transformation from  WC to VC ,[object Object],[object Object],[object Object],cgvr.korea.ac.kr General sequence of translate-rotate transformation
Transformation from  WC to VC (cont’) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Transformation from  WC to VC (cont’) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Camera Models ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Viewing Parameters ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Viewing Coordinate ,[object Object],[object Object],[object Object],cgvr.korea.ac.kr X Y ,[object Object],Viewing right vector maps to X axis Viewing back vector maps to Z axis (potting out of page)
Viewing Transformation ,[object Object],cgvr.korea.ac.kr Right Up Back Eye (0, 0, 1) (0, 1, 0) (1, 0, 0) Matrix
Viewing Transformation  cgvr.korea.ac.kr ,[object Object],Model Transformation Viewing Transformation Projection Transformation Viewport Transformation p(x’, y’) P(x, y, z) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Projection ,[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
Parallel & Perspective ,[object Object],[object Object],cgvr.korea.ac.kr
Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
Parallel Projection ,[object Object],[object Object],cgvr.korea.ac.kr View Plane DOP
Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
Parallel Projection View Volume cgvr.korea.ac.kr
Orthographic & Oblique ,[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Orthographic Projections ,[object Object],cgvr.korea.ac.kr
Orthographic Projections ,[object Object],cgvr.korea.ac.kr Front Top Side
Orthographic Coordinates cgvr.korea.ac.kr
Oblique Projections ,[object Object],cgvr.korea.ac.kr ,[object Object],[object Object],[object Object],[object Object]
Oblique Projections ,[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Parallel Projection Matrix ,[object Object],cgvr.korea.ac.kr Where   L 1   is the inverse of  tan  α  ,  which is also the value of   L   when   z =1
Parallel Projection Matrix ,[object Object],cgvr.korea.ac.kr
Parallel Projection Matrix cgvr.korea.ac.kr
Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
Perspective Projection ,[object Object],cgvr.korea.ac.kr View Plane Center of Projection Projectors
Perspective Projection ,[object Object],cgvr.korea.ac.kr
Perspective Projection ,[object Object],cgvr.korea.ac.kr Three-point perspective
Perspective Projection ,[object Object],cgvr.korea.ac.kr Three-point perspective Two-point perspective
Perspective Projection ,[object Object],cgvr.korea.ac.kr Three-point perspective Two-point perspective One-point perspective
Perspective Projection View Volume cgvr.korea.ac.kr
Perspective Projection ,[object Object],cgvr.korea.ac.kr
Perspective Projection ,[object Object],cgvr.korea.ac.kr
Perspective Projection Matrix ,[object Object],cgvr.korea.ac.kr
Perspective Projection Matrix ,[object Object],cgvr.korea.ac.kr
Perspective Projection Matrix cgvr.korea.ac.kr Perspective  projection Perspective  transformation Orthographic projection Center of Projection on the x axis Center of Projection on the y axis
Perspective Projection Matrix cgvr.korea.ac.kr 2-point perspectives 3-point perspectives
Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
Perspective vs. Parallel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],cgvr.korea.ac.kr
Classical Viewing cgvr.korea.ac.kr

Contenu connexe

Tendances

3D Transformation in Computer Graphics
3D Transformation in Computer Graphics3D Transformation in Computer Graphics
3D Transformation in Computer Graphicssabbirantor
 
Lecture Summary : Camera Projection
Lecture Summary : Camera Projection Lecture Summary : Camera Projection
Lecture Summary : Camera Projection 홍배 김
 
Computer graphics iv unit
Computer graphics iv unitComputer graphics iv unit
Computer graphics iv unitaravindangc
 
Computer Graphics - Hidden Line Removal Algorithm
Computer Graphics - Hidden Line Removal AlgorithmComputer Graphics - Hidden Line Removal Algorithm
Computer Graphics - Hidden Line Removal AlgorithmJyotiraman De
 
Visible surface determination
Visible  surface determinationVisible  surface determination
Visible surface determinationPatel Punit
 

Tendances (10)

3 d display methods
3 d display methods3 d display methods
3 d display methods
 
3D Transformation in Computer Graphics
3D Transformation in Computer Graphics3D Transformation in Computer Graphics
3D Transformation in Computer Graphics
 
Shading in OpenGL
Shading in OpenGLShading in OpenGL
Shading in OpenGL
 
Lecture Summary : Camera Projection
Lecture Summary : Camera Projection Lecture Summary : Camera Projection
Lecture Summary : Camera Projection
 
Projection
ProjectionProjection
Projection
 
Computer graphics iv unit
Computer graphics iv unitComputer graphics iv unit
Computer graphics iv unit
 
visible surface detection
visible surface detectionvisible surface detection
visible surface detection
 
Principles of photogrammetry
Principles of photogrammetryPrinciples of photogrammetry
Principles of photogrammetry
 
Computer Graphics - Hidden Line Removal Algorithm
Computer Graphics - Hidden Line Removal AlgorithmComputer Graphics - Hidden Line Removal Algorithm
Computer Graphics - Hidden Line Removal Algorithm
 
Visible surface determination
Visible  surface determinationVisible  surface determination
Visible surface determination
 

En vedette

04transformation2d
04transformation2d04transformation2d
04transformation2dKetan Jani
 
3D Graphics : Computer Graphics Fundamentals
3D Graphics : Computer Graphics Fundamentals3D Graphics : Computer Graphics Fundamentals
3D Graphics : Computer Graphics FundamentalsMuhammed Afsal Villan
 
Solidmodelling
SolidmodellingSolidmodelling
SolidmodellingGopi Chand
 
CG OpenGL surface detection+illumination+rendering models-course 9
CG OpenGL surface detection+illumination+rendering models-course 9CG OpenGL surface detection+illumination+rendering models-course 9
CG OpenGL surface detection+illumination+rendering models-course 9fungfung Chen
 
Presentation on bezier curve
Presentation on bezier curvePresentation on bezier curve
Presentation on bezier curveSatyendra Rajput
 
Hearn and Baker 2 D transformations
Hearn and Baker 2 D transformations   Hearn and Baker 2 D transformations
Hearn and Baker 2 D transformations Taher Barodawala
 
Computer animation
Computer animationComputer animation
Computer animationshusrusha
 
Visible surface detection in computer graphic
Visible surface detection in computer graphicVisible surface detection in computer graphic
Visible surface detection in computer graphicanku2266
 
3d transformation computer graphics
3d transformation computer graphics 3d transformation computer graphics
3d transformation computer graphics University of Potsdam
 
CS 354 Bezier Curves
CS 354 Bezier Curves CS 354 Bezier Curves
CS 354 Bezier Curves Mark Kilgard
 
3D Geometric Transformations
3D Geometric Transformations3D Geometric Transformations
3D Geometric TransformationsIshan Parekh
 
Basic Concepts of Animation
Basic Concepts of AnimationBasic Concepts of Animation
Basic Concepts of Animationjamalharun
 
Computer Graphics: Visible surface detection methods
Computer Graphics: Visible surface detection methodsComputer Graphics: Visible surface detection methods
Computer Graphics: Visible surface detection methodsJoseph Charles
 
Notes 2D-Transformation Unit 2 Computer graphics
Notes 2D-Transformation Unit 2 Computer graphicsNotes 2D-Transformation Unit 2 Computer graphics
Notes 2D-Transformation Unit 2 Computer graphicsNANDINI SHARMA
 
Computer Animation PowerPoint
Computer Animation PowerPointComputer Animation PowerPoint
Computer Animation PowerPointoacore2
 

En vedette (19)

04transformation2d
04transformation2d04transformation2d
04transformation2d
 
3D Graphics : Computer Graphics Fundamentals
3D Graphics : Computer Graphics Fundamentals3D Graphics : Computer Graphics Fundamentals
3D Graphics : Computer Graphics Fundamentals
 
Solidmodelling
SolidmodellingSolidmodelling
Solidmodelling
 
CG OpenGL surface detection+illumination+rendering models-course 9
CG OpenGL surface detection+illumination+rendering models-course 9CG OpenGL surface detection+illumination+rendering models-course 9
CG OpenGL surface detection+illumination+rendering models-course 9
 
Presentation on bezier curve
Presentation on bezier curvePresentation on bezier curve
Presentation on bezier curve
 
Hearn and Baker 2 D transformations
Hearn and Baker 2 D transformations   Hearn and Baker 2 D transformations
Hearn and Baker 2 D transformations
 
Bezier curves
Bezier curvesBezier curves
Bezier curves
 
Bezier curve computer graphics
Bezier curve computer graphicsBezier curve computer graphics
Bezier curve computer graphics
 
Computer animation
Computer animationComputer animation
Computer animation
 
Visible surface detection in computer graphic
Visible surface detection in computer graphicVisible surface detection in computer graphic
Visible surface detection in computer graphic
 
2d/3D transformations in computer graphics(Computer graphics Tutorials)
2d/3D transformations in computer graphics(Computer graphics Tutorials)2d/3D transformations in computer graphics(Computer graphics Tutorials)
2d/3D transformations in computer graphics(Computer graphics Tutorials)
 
3d transformation computer graphics
3d transformation computer graphics 3d transformation computer graphics
3d transformation computer graphics
 
CS 354 Bezier Curves
CS 354 Bezier Curves CS 354 Bezier Curves
CS 354 Bezier Curves
 
Computer Graphics
Computer GraphicsComputer Graphics
Computer Graphics
 
3D Geometric Transformations
3D Geometric Transformations3D Geometric Transformations
3D Geometric Transformations
 
Basic Concepts of Animation
Basic Concepts of AnimationBasic Concepts of Animation
Basic Concepts of Animation
 
Computer Graphics: Visible surface detection methods
Computer Graphics: Visible surface detection methodsComputer Graphics: Visible surface detection methods
Computer Graphics: Visible surface detection methods
 
Notes 2D-Transformation Unit 2 Computer graphics
Notes 2D-Transformation Unit 2 Computer graphicsNotes 2D-Transformation Unit 2 Computer graphics
Notes 2D-Transformation Unit 2 Computer graphics
 
Computer Animation PowerPoint
Computer Animation PowerPointComputer Animation PowerPoint
Computer Animation PowerPoint
 

Similaire à 3D Rendering Pipeline Explained Step-by-Step

Similaire à 3D Rendering Pipeline Explained Step-by-Step (20)

4 pipeline computer graphics
4 pipeline computer graphics4 pipeline computer graphics
4 pipeline computer graphics
 
3D Display
3D Display3D Display
3D Display
 
Projection Models
Projection Models Projection Models
Projection Models
 
Three dimensional concepts - Computer Graphics
Three dimensional concepts - Computer GraphicsThree dimensional concepts - Computer Graphics
Three dimensional concepts - Computer Graphics
 
Svr Raskar
Svr RaskarSvr Raskar
Svr Raskar
 
3d Projection
3d Projection3d Projection
3d Projection
 
Build Your Own 3D Scanner: The Mathematics of 3D Triangulation
Build Your Own 3D Scanner: The Mathematics of 3D TriangulationBuild Your Own 3D Scanner: The Mathematics of 3D Triangulation
Build Your Own 3D Scanner: The Mathematics of 3D Triangulation
 
Hidden Surfaces
Hidden SurfacesHidden Surfaces
Hidden Surfaces
 
Saad alsheekh multi view
Saad alsheekh  multi viewSaad alsheekh  multi view
Saad alsheekh multi view
 
Lec4
Lec4Lec4
Lec4
 
Build Your Own 3D Scanner: 3D Scanning with Swept-Planes
Build Your Own 3D Scanner: 3D Scanning with Swept-PlanesBuild Your Own 3D Scanner: 3D Scanning with Swept-Planes
Build Your Own 3D Scanner: 3D Scanning with Swept-Planes
 
Kulum alin-11 jan2014
Kulum alin-11 jan2014Kulum alin-11 jan2014
Kulum alin-11 jan2014
 
02mathematics.ppt
02mathematics.ppt02mathematics.ppt
02mathematics.ppt
 
3D transformation in computer graphics
3D transformation in computer graphics3D transformation in computer graphics
3D transformation in computer graphics
 
3D Transformation
3D Transformation 3D Transformation
3D Transformation
 
Ch14.ppt
Ch14.pptCh14.ppt
Ch14.ppt
 
Notes04.pdf
Notes04.pdfNotes04.pdf
Notes04.pdf
 
Drawing chapter 03 orthographic projection (1)
Drawing chapter 03 orthographic projection (1)Drawing chapter 03 orthographic projection (1)
Drawing chapter 03 orthographic projection (1)
 
06 projection.slides (1)
06 projection.slides (1)06 projection.slides (1)
06 projection.slides (1)
 
Build Your Own VR Display Course - SIGGRAPH 2017: Part 2
Build Your Own VR Display Course - SIGGRAPH 2017: Part 2Build Your Own VR Display Course - SIGGRAPH 2017: Part 2
Build Your Own VR Display Course - SIGGRAPH 2017: Part 2
 

Plus de Ketan Jani

Plus de Ketan Jani (13)

07object3d 1
07object3d 107object3d 1
07object3d 1
 
03raster 1
03raster 103raster 1
03raster 1
 
Shading
ShadingShading
Shading
 
Graphics pipeline
Graphics pipelineGraphics pipeline
Graphics pipeline
 
Graphics6 bresenham circlesandpolygons
Graphics6 bresenham circlesandpolygonsGraphics6 bresenham circlesandpolygons
Graphics6 bresenham circlesandpolygons
 
Curves
CurvesCurves
Curves
 
09transformation3d
09transformation3d09transformation3d
09transformation3d
 
07object3d
07object3d07object3d
07object3d
 
06 clipping
06 clipping06 clipping
06 clipping
 
05viewing2d
05viewing2d05viewing2d
05viewing2d
 
03raster
03raster03raster
03raster
 
02mathematics 1
02mathematics 102mathematics 1
02mathematics 1
 
02mathematics
02mathematics02mathematics
02mathematics
 

3D Rendering Pipeline Explained Step-by-Step

  • 1. 3D Viewing 고려대학교 컴퓨터 그래픽스 연구실 cgvr.korea.ac.kr
  • 2. 3d Rendering Pipeline cgvr.korea.ac.kr Model Transformation Lighting Viewing Transformation Projection Transformation Clipping Viewport Transformation Scan Conversion 3D Primitives Image This is a pipelined sequence of operations to draw a 3D primitive into a 2D image for direct illumination
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
  • 24.
  • 25. Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
  • 26.
  • 27. Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
  • 28. Parallel Projection View Volume cgvr.korea.ac.kr
  • 29.
  • 30.
  • 31.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. Parallel Projection Matrix cgvr.korea.ac.kr
  • 38. Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44. Perspective Projection View Volume cgvr.korea.ac.kr
  • 45.
  • 46.
  • 47.
  • 48.
  • 49. Perspective Projection Matrix cgvr.korea.ac.kr Perspective projection Perspective transformation Orthographic projection Center of Projection on the x axis Center of Projection on the y axis
  • 50. Perspective Projection Matrix cgvr.korea.ac.kr 2-point perspectives 3-point perspectives
  • 51. Taxonomy of Projections cgvr.korea.ac.kr Planar geometric projection Parallel Perspective Orthographic Oblique Top Front Side Axonometric Cabinet Cavalier Other One-point Two-point Three-point
  • 52.