2d

There's a total of 8 articles.




Transformation matrix to transform objects from NDC coordinates to screen coordinates (viewport transform)

Transformation matrix to transform objects from NDC coordinates to screen coordinates (viewport transform)

One matrix transformation in the 3D to a 2D transformation pipeline is the viewport transform where objects are transformed from normalized device coordinates (NDC) to screen coordinates (SC).


In short it's the transformation of numbers in the range [-1, 1] to numbers corresponding to pixels on the screen, which is a linear mapping computed with linear interpolation.
In this article I cover the math behind the generation of the viewport transformation matrix.
Me
Published on Tue, Mar 8, 2016
Last modified on Sun, Jun 16, 2024
285 words - Page Source

Transformation matrix for projection of 3D objects into a 2D plane (projection transform)

Transformation matrix for projection of 3D objects into a 2D plane (projection transform)

In Computer Graphics 3D objects created in an abstract 3D world will eventually need to be displayed in a screen, to view these objects in a 2D plane like a screen objects will need to be projected from the 3D space to the 2D plane with a transformation matrix.


In this article I cover two types of transformations: Orthographic projection and Perspective projection and analyze the math behind the transformation matrices.
Me
Published on Sun, Feb 14, 2016
Last modified on Fri, Nov 22, 2024
2559 words - Page Source

Transformation matrix to transform 3D objects from World Space to View Space (View transform)

Transformation matrix to transform 3D objects from World Space to View Space (View transform)

One matrix transformation in the 3D to a 2D transformation pipeline is the view transform where objects are transformed from world space to view space. a transformation matrix.


In this article I cover the math behind the generation of this transformation matrix.
Me
Published on Sat, Feb 13, 2016
Last modified on Sun, Jun 16, 2024
704 words - Page Source

Translating objects with a Transformation Matrix

Translating objects with a Transformation Matrix
We build different types of transformation matrices to translate objects along cardinal axes, arbitrary axes in 2d and 3d with matrix multiplication!
Me
Published on Fri, Feb 5, 2016
Last modified on Sun, Nov 17, 2024
694 words - Page Source

Shearing objects with a Transformation Matrix

Shearing objects with a Transformation Matrix
Shearing is a transformation that skews the coordinate space, the idea is to add a multiple of one coordinate to the other
Me
Published on Fri, Feb 5, 2016
Last modified on Sun, Jun 16, 2024
356 words - Page Source

Introduction to rotation for computer graphics

Introduction to rotation for computer graphics

The basics of rotation in 2d and 3d for computer graphics with a focus on 3d rotation about cardinal axes and 3d rotation with quaternions.


For quaternions, please also look at https://eater.net/quaternions amazing animations!

Me
Published on Tue, Dec 15, 2015
Last modified on Sun, Jun 16, 2024
2262 words - Page Source

Scaling objects with a Transformation Matrix

Scaling objects with a Transformation Matrix
We build different types of transformation matrices to scale objects along cardinal axes, arbitrary axes in 2d and 3d with matrix multiplication!
Me
Published on Tue, Oct 20, 2015
Last modified on Sun, Jun 16, 2024
614 words - Page Source

Transformation matrix

Transformation matrix
A linear transformation can be represented with a matrix which transforms vectors from one space to another. Transformation matrices allow arbitrary transformations to be displayed in the same format. Also matrices can be multiplied to enable composition. This article covers how to think and reason about these matrices and the way we can represent them (row vectors vs column vectors).
Me
Published on Thu, Oct 15, 2015
Last modified on Sun, Jun 16, 2024
841 words - Page Source