SlideShare a Scribd company logo
2D VIEWING
4/16/2022 1
CS8092-Computer Graphics & Multimedia
TERMINOLOGY
• World Coordinate System (Object Space)
• Representation of an object measured in some physical units.
• Window
• The rectangle defining the part of the world we wish to display.
• Image Coordinate System (Image Space)
• The space within the image is displayed
• Viewport
• The rectangle area in image space where the image from the window will appear.
• Viewing Transformation
• The process of going from a window in world coordinates to a viewport in image
coordinates.
4/16/2022 2
CS8092-Computer Graphics & Multimedia
WINDOWS AND VIEWPORTS
Windo
w
Image
Space
Viewpo
rt
Information
outside
the viewport is
clipped away
4/16/2022 3
CS8092-Computer Graphics & Multimedia
THE VIEWING PIPELINE
• What’s the viewing pipe line?
– Viewing transformation in several steps
• A viewing transformation using standard rectangles for the window and viewport.
• A world-coordinate area selected for display 🡪window
(what is to be viewed)
• An area on a display device to which a window is mapped 🡪 viewport
(where it is to be displayed)
• The mapping of a part of a world-coordinate scene to device coordinates 🡪 Viewing
Transformation or Window-to-viewport Transformation or The Windowing Transformation.
4/16/2022 4
CS8092-Computer Graphics & Multimedia
THE VIEWING PIPELINE
World Coordinates
xvmin xvmax
ywmax
ywmin
Device Coordinate
xvmin xvmax
ywmax
ywmin
4/16/2022 5
CS8092-Computer Graphics & Multimedia
THE VIEWING PIPELINE (2/3)
• The two-dimensional viewing-transformation pipeline
Construct World
Coordinate
Scene Using
Modeling-Coordinate
Transformation
Convert
World-
Coordinates
to
Viewing
Coordinates
Map Viewing Coordinates to
Normalized Viewing
Coordinates using
Window-Viewport
Map
Normalized
Viewport to
Device
MC
VC
WC
MC NVC
4/16/2022 6
CS8092-Computer Graphics & Multimedia
THE VIEWING PIPELINE (3/3)
• Setting up a rotated world window in viewing coordinates and the
corresponding normalized-coordinate viewport
Normalized
Device Coordinates
Viewpoint
0 1
1
World Coordinates
y view
x view
y world
y0
x0
x world
4/16/2022 7
CS8092-Computer Graphics & Multimedia
VIEWING COORDINATE REFERENCE FRAME
• Used to provide a method for setting up arbitrary orientations for
rectangular windows
• Matrix for converting world-coordinate positions to viewing coordinate
R: rotation matrix
T: translation matrix
4/16/2022 8
CS8092-Computer Graphics & Multimedia
VIEWING COORDINATE REFERENCE FRAME
• The steps in this coordinate transformation
– A viewing coordinate frame is moved into coincidence with the
world frame in two steps
a) Translate the viewing origin to the world origin, then
b) Rotate to align the axes of the two systems
4/16/2022 9
CS8092-Computer Graphics & Multimedia
WINDOW-TO-VIEWPORT COORDINATE
TRANSFORMATION
• Window-to-viewport mapping
– A point at position (xw, yw) in a designated window is mapped to
viewport coordinates (xv, yv) so that relative positions in the two
areas are the same
4/16/2022 10
CS8092-Computer Graphics & Multimedia
WINDOW-TO-VIEWPORT COORDINATE
TRANSFORMATION
• To maintain the same relative placement
• Solving these expressions for the viewport position (xv, yv)
4/16/2022 11
CS8092-Computer Graphics & Multimedia
WINDOW-TO-VIEWPORT COORDINATE
TRANSFORMATION
• The scaling factors
• Conversion sequence of transformation
1. Perform a scaling transformation using a fixed-point position of
(xwmin, ywmin) that scales the window area to the size of the viewport
2. Translate the scaled window area to the position of the viewport
4/16/2022 12
CS8092-Computer Graphics & Multimedia
WINDOW-TO-VIEWPORT COORDINATE
TRANSFORMATION
• The way of character string mapping
– Maintaining character size
• Using standard character fonts
– Changing character size
• Using characters formed with line segments
• Workstation transformation
– Opening any number of output devices in a particular application
– Performing another window-to-viewport transformation for each open
output device
4/16/2022 13
CS8092-Computer Graphics & Multimedia
WINDOW-TO-VIEWPORT COORDINATE
TRANSFORMATION
• Mapping selected
parts of a scene
in normalized
coordinates to
different video
monitors with
Workstation
transformation
4/16/2022 14
CS8092-Computer Graphics & Multimedia

More Related Content

PDF
UNIT_3-Two-Dimensional-Geometric-Transformations.pdf
PPTX
CartesianvsHomogeneous_Presentation.pptx
PPTX
UNIT_3-Two-Dimensional-Geometric-Transformations.pptx
PPTX
CHAPTER - 4 for software engineering (1).pptx
DOCX
Window to viewprt
PDF
CHAPTER-I BASICS OF COMPUTER GRAPHICS.pdf
PPTX
2 d viewing computer graphics
PPTX
Window to viewport transformation&matrix representation of homogeneous co...
UNIT_3-Two-Dimensional-Geometric-Transformations.pdf
CartesianvsHomogeneous_Presentation.pptx
UNIT_3-Two-Dimensional-Geometric-Transformations.pptx
CHAPTER - 4 for software engineering (1).pptx
Window to viewprt
CHAPTER-I BASICS OF COMPUTER GRAPHICS.pdf
2 d viewing computer graphics
Window to viewport transformation&matrix representation of homogeneous co...

Similar to 2D Viewinrrrrrdddfddddffdrrrdddfdsssg.pptx (20)

PPTX
Use FME To Efficiently Create National-Scale Vector Contours From High-Resolu...
PPTX
Graphics_3D viewing
PPTX
Build Your Own VR Display Course - SIGGRAPH 2017: Part 2
PPTX
UNIT 1 2dviewing of image151213164537.pptx
PPT
From 2D Map to Mobile 3D Mirror World
PPTX
Cgp lecture1 introduction
PPTX
Computer graphics
PDF
Fisheye Omnidirectional View in Autonomous Driving II
PDF
Lec08112004.pdf
PPT
Window to viewport transformation
PPTX
Grid 2.pptx
PPT
PDF
NGMAST 2012
PDF
Topo Planner for AutoCAD
PPTX
Computer Graphics.pptx
PPT
Rod Adkins - Practical Online Map Delivery & Functionality – The Commercial P...
PPT
Build Your Own 3D Scanner: 3D Scanning with Swept-Planes
PPTX
Clipping CG ppt.pptx
PPTX
NGA’s Position on “Web-Mercator”
PDF
DaViT.pdf
Use FME To Efficiently Create National-Scale Vector Contours From High-Resolu...
Graphics_3D viewing
Build Your Own VR Display Course - SIGGRAPH 2017: Part 2
UNIT 1 2dviewing of image151213164537.pptx
From 2D Map to Mobile 3D Mirror World
Cgp lecture1 introduction
Computer graphics
Fisheye Omnidirectional View in Autonomous Driving II
Lec08112004.pdf
Window to viewport transformation
Grid 2.pptx
NGMAST 2012
Topo Planner for AutoCAD
Computer Graphics.pptx
Rod Adkins - Practical Online Map Delivery & Functionality – The Commercial P...
Build Your Own 3D Scanner: 3D Scanning with Swept-Planes
Clipping CG ppt.pptx
NGA’s Position on “Web-Mercator”
DaViT.pdf
Ad

Recently uploaded (20)

PPTX
Simulation of electric circuit laws using tinkercad.pptx
PDF
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
PDF
Model Code of Practice - Construction Work - 21102022 .pdf
PPTX
Strings in CPP - Strings in C++ are sequences of characters used to store and...
PPTX
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
PPTX
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
PPTX
436813905-LNG-Process-Overview-Short.pptx
PPTX
FINAL REVIEW FOR COPD DIANOSIS FOR PULMONARY DISEASE.pptx
PDF
Monitoring Global Terrestrial Surface Water Height using Remote Sensing - ARS...
PPT
Chapter 6 Design in software Engineeing.ppt
PDF
Geotechnical Engineering, Soil mechanics- Soil Testing.pdf
PDF
Operating System & Kernel Study Guide-1 - converted.pdf
PPTX
Practice Questions on recent development part 1.pptx
PDF
BRKDCN-2613.pdf Cisco AI DC NVIDIA presentation
PDF
Arduino robotics embedded978-1-4302-3184-4.pdf
PPTX
web development for engineering and engineering
PPTX
CH1 Production IntroductoryConcepts.pptx
PPTX
bas. eng. economics group 4 presentation 1.pptx
PDF
오픈소스 LLM, vLLM으로 Production까지 (Instruct.KR Summer Meetup, 2025)
PPTX
UNIT-1 - COAL BASED THERMAL POWER PLANTS
Simulation of electric circuit laws using tinkercad.pptx
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
Model Code of Practice - Construction Work - 21102022 .pdf
Strings in CPP - Strings in C++ are sequences of characters used to store and...
KTU 2019 -S7-MCN 401 MODULE 2-VINAY.pptx
Engineering Ethics, Safety and Environment [Autosaved] (1).pptx
436813905-LNG-Process-Overview-Short.pptx
FINAL REVIEW FOR COPD DIANOSIS FOR PULMONARY DISEASE.pptx
Monitoring Global Terrestrial Surface Water Height using Remote Sensing - ARS...
Chapter 6 Design in software Engineeing.ppt
Geotechnical Engineering, Soil mechanics- Soil Testing.pdf
Operating System & Kernel Study Guide-1 - converted.pdf
Practice Questions on recent development part 1.pptx
BRKDCN-2613.pdf Cisco AI DC NVIDIA presentation
Arduino robotics embedded978-1-4302-3184-4.pdf
web development for engineering and engineering
CH1 Production IntroductoryConcepts.pptx
bas. eng. economics group 4 presentation 1.pptx
오픈소스 LLM, vLLM으로 Production까지 (Instruct.KR Summer Meetup, 2025)
UNIT-1 - COAL BASED THERMAL POWER PLANTS
Ad

2D Viewinrrrrrdddfddddffdrrrdddfdsssg.pptx

  • 2. TERMINOLOGY • World Coordinate System (Object Space) • Representation of an object measured in some physical units. • Window • The rectangle defining the part of the world we wish to display. • Image Coordinate System (Image Space) • The space within the image is displayed • Viewport • The rectangle area in image space where the image from the window will appear. • Viewing Transformation • The process of going from a window in world coordinates to a viewport in image coordinates. 4/16/2022 2 CS8092-Computer Graphics & Multimedia
  • 3. WINDOWS AND VIEWPORTS Windo w Image Space Viewpo rt Information outside the viewport is clipped away 4/16/2022 3 CS8092-Computer Graphics & Multimedia
  • 4. THE VIEWING PIPELINE • What’s the viewing pipe line? – Viewing transformation in several steps • A viewing transformation using standard rectangles for the window and viewport. • A world-coordinate area selected for display 🡪window (what is to be viewed) • An area on a display device to which a window is mapped 🡪 viewport (where it is to be displayed) • The mapping of a part of a world-coordinate scene to device coordinates 🡪 Viewing Transformation or Window-to-viewport Transformation or The Windowing Transformation. 4/16/2022 4 CS8092-Computer Graphics & Multimedia
  • 5. THE VIEWING PIPELINE World Coordinates xvmin xvmax ywmax ywmin Device Coordinate xvmin xvmax ywmax ywmin 4/16/2022 5 CS8092-Computer Graphics & Multimedia
  • 6. THE VIEWING PIPELINE (2/3) • The two-dimensional viewing-transformation pipeline Construct World Coordinate Scene Using Modeling-Coordinate Transformation Convert World- Coordinates to Viewing Coordinates Map Viewing Coordinates to Normalized Viewing Coordinates using Window-Viewport Map Normalized Viewport to Device MC VC WC MC NVC 4/16/2022 6 CS8092-Computer Graphics & Multimedia
  • 7. THE VIEWING PIPELINE (3/3) • Setting up a rotated world window in viewing coordinates and the corresponding normalized-coordinate viewport Normalized Device Coordinates Viewpoint 0 1 1 World Coordinates y view x view y world y0 x0 x world 4/16/2022 7 CS8092-Computer Graphics & Multimedia
  • 8. VIEWING COORDINATE REFERENCE FRAME • Used to provide a method for setting up arbitrary orientations for rectangular windows • Matrix for converting world-coordinate positions to viewing coordinate R: rotation matrix T: translation matrix 4/16/2022 8 CS8092-Computer Graphics & Multimedia
  • 9. VIEWING COORDINATE REFERENCE FRAME • The steps in this coordinate transformation – A viewing coordinate frame is moved into coincidence with the world frame in two steps a) Translate the viewing origin to the world origin, then b) Rotate to align the axes of the two systems 4/16/2022 9 CS8092-Computer Graphics & Multimedia
  • 10. WINDOW-TO-VIEWPORT COORDINATE TRANSFORMATION • Window-to-viewport mapping – A point at position (xw, yw) in a designated window is mapped to viewport coordinates (xv, yv) so that relative positions in the two areas are the same 4/16/2022 10 CS8092-Computer Graphics & Multimedia
  • 11. WINDOW-TO-VIEWPORT COORDINATE TRANSFORMATION • To maintain the same relative placement • Solving these expressions for the viewport position (xv, yv) 4/16/2022 11 CS8092-Computer Graphics & Multimedia
  • 12. WINDOW-TO-VIEWPORT COORDINATE TRANSFORMATION • The scaling factors • Conversion sequence of transformation 1. Perform a scaling transformation using a fixed-point position of (xwmin, ywmin) that scales the window area to the size of the viewport 2. Translate the scaled window area to the position of the viewport 4/16/2022 12 CS8092-Computer Graphics & Multimedia
  • 13. WINDOW-TO-VIEWPORT COORDINATE TRANSFORMATION • The way of character string mapping – Maintaining character size • Using standard character fonts – Changing character size • Using characters formed with line segments • Workstation transformation – Opening any number of output devices in a particular application – Performing another window-to-viewport transformation for each open output device 4/16/2022 13 CS8092-Computer Graphics & Multimedia
  • 14. WINDOW-TO-VIEWPORT COORDINATE TRANSFORMATION • Mapping selected parts of a scene in normalized coordinates to different video monitors with Workstation transformation 4/16/2022 14 CS8092-Computer Graphics & Multimedia