Coordinate Systems in Computer Graphics

A coordinate system is a method used to define the position of a point in space using numerical values.

In computer graphics, a coordinate system is essential because:

• Every graphical object (point, line, shape) must be placed at a specific location
• It helps in accurate positioning and alignment
• It allows mathematical descriptions of objects to be converted into visual representations

In simple terms, A coordinate system answers the question “Where exactly is this object located on the screen?"

Importance of Coordinate Systems in Graphics

Coordinate systems play a fundamental role in graphics programming:

• Define position of objects
• Help in drawing shapes precisely
• Enable transformations (move, rotate, scale)
• Bridge between mathematical models and screen display
• Used in animation, simulation, UI design, and games

Types of Coordinate Systems

In basic graphics programming, there are two main types:

1. Cartesian Coordinate System (Mathematical Coordinate System)
2. Screen Coordinate System (Display Coordinate System)

1. Cartesian Coordinate System (Mathematical Model)

The Cartesian coordinate system is a mathematical system used to represent points in a plane using two perpendicular axes.

• X-axis (horizontal)
• Y-axis (vertical)

These axes intersect at a point called the origin (0,0).

Characteristics

• The plane is divided into four quadrants
• Coordinates are written as (x, y)
• Positive and negative values are allowed
• Y-axis increases upward

Interpretation of Coordinates

A point (x, y) means:

• Move x units along X-axis
• Move y units along Y-axis

Example (Conceptual)

Consider point P(4, 3):

• Move 4 units to the right
• Move 3 units upward

Consider point Q(-2, -5):

• Move 2 units left
• Move 5 units downward

Importance in Graphics

• Used for mathematical modeling
• Helps define shapes analytically (circle, line equations)
• Used in geometry and transformations

2. Screen Coordinate System (Display Model)

The screen coordinate system is used to represent positions directly on a display device (monitor).

Characteristics

• Origin (0,0) is at the top-left corner
• X increases toward the right
• Y increases toward the downward direction
• Coordinates are measured in pixels

Why Y-axis is Inverted (Downward)?

Displays render images from top to bottom:

• Memory representation of screen starts from top-left
• Each row is drawn sequentially downward

Example

On a screen of size 800×600:

• (0,0) → top-left corner
• (799, 599) → bottom-right corner
• (400, 300) → center of screen

Advantages

• Directly maps to physical screen pixels
• Simple for rendering images
• Efficient for hardware processing

Applications

• GUI design (buttons, menus)
• Image processing
• Game rendering

Comparison: Cartesian vs Screen Coordinates

Coordinate Transformation 

When mathematical models are used in graphics, they must be converted to screen coordinates.

General Idea

• Mathematical objects are defined in Cartesian system
• Screen displays use screen coordinates
• Therefore, conversion is necessary

Conversion Formula

To convert from Cartesian to Screen:

y_screen = H − y_cartesian

Where:

• H = height of the screen

Example

Let:

• Screen height = 600
• Cartesian point = (100, 150)

Then:

y_screen = 600 − 150 = 450

Screen coordinate = (100, 450)

Real-World Significance

• Game engines convert physics calculations into screen positions
• UI frameworks place elements using screen coordinates
• Graph plotting tools convert mathematical graphs to pixels

Conclusion

• A coordinate system is essential for positioning objects in graphics
• Two main systems are used:
  • Cartesian (mathematical)
  • Screen (display-based)
• The major difference lies in the direction of the Y-axis
• Understanding both systems is crucial for accurate rendering