2D Transformation in Computer Graphics Solved Examples

2D Transformation in Computer Graphics:

Translation:

Let us imagine a point P in a 2D plane. Assume that P’s coordinate (x,y) depicts the current position.

Now, if we force P to move Δx distance horizontally and at the same time Δy distance vertically then the changed location of P becomes (x+Δx, y+Δy).

2D Transformation in Computer Graphics Solved Examples

In terms of object transformation, we can say that the original point object p(x,y) translates to becomes P'(x’,y’) and the amount of translation apply is the vector.

2D Transformation in Computer Graphics Solved Examples

Algebraically,
x’=x+Δx
y’=y+Δy

Rotation:

This transformation used to rotate the objects about any point in a reference frame. Unlike translation, rotation brings about changes in position as well as orientation. The point about which the object rotates, it says the Pivot point or Rotation point.

Rotation about Origin:

Consider a trial case where the pivot point is the origin as shown in the figure:

2D Transformation in Computer Graphics Solved Examples

The rotating point P(x,y) represents as –
x=rcosϕ, y=rsinϕ
where (r, ϕ) is the polar coordinate of P. When this point P is rotated through an angle θ in the anti-clockwise direction, the new point P'(x’,y’) becomes,
x’=rcos(θ+ϕ) y’=rsin(θ+ϕ)

Rotation about an Arbitrary Pivot Point:

The pivot point is an arbitrary point Pp having coordinates (xp, yp). After rotating P(x,y) through a positive θ angle its new location is x’y'(P’).

2D Transformation in Computer Graphics Solved Examples

Scalling:

Scaling is a transformation that changes the size or shape of an object. Scaling origin can be carried out by multiplying the coordinate values (x,y) of each vertex of a polygon, each endpoint of a line or the centre point and peripheral definition points of closed curves like a circle by scaling factors sx and sy respectively to produce the coordinate (x’,y’).
The mathematical expression for pure scaling is:

2D Transformation in Computer Graphics Solved Examples

Homogeneous Coordinates:

The Homogeneous Coordinate is a method to perform certain standard operations on points in Euclidean space which means matrix multiplications. Normally, we add a coordinate to the end of the list and make it equal to 1. Thus the two-dimensional point (x,y) becomes(x,y,1) in homogeneous coordinates, and the three-dimensional point (x,y,z) becomes (x,y,z,1)

Homogeneous Coordinates are not Euclidean coordinates, they are the natural coordinates of a different type of geometry say Projective Geometry.

Coordinate Transformations:

Coordinate Transformations Geometric Transformation of 2D objects which are well-defined concerning a Global Coordinate System, that is say the World Coordinate System (WCS). It often found convenient to define quantities concerning a Local Coordinate System that also called Model Coordinate System or User Coordinate System (UCS).

Affine Transformation:

An affine transformation involving only translation, rotation and reflection preserves the length and angle between two lines. All two-dimensional transformations where each of the transformed coordinates x and y’ is a linear function of the original coordinates x & y as:

x’=A1x+B1y+C1
y’=A2x+B2y+C2

where A1, B1, C1 are parameters fixed for a given transformation type.

2D Transformation Solved Examples:

2D Transformation in Computer Graphics solved problem is given below:

2D Transformation in Computer Graphics Solved Examples

2D Transformation in Computer Graphics Solved Examples
2D Transformation in Computer Graphics Solved Examples

2D Transformation in Computer Graphics Solved Examples

2D Transformation in Computer Graphics Solved Examples

2D Transformation in Computer Graphics Solved Examples

2D Transformation in Computer Graphics Solved Examples