Bab 4

Transformasi Geometri
TUJUAN PEMBELAJARAN
Pembaca bisa memahami konsep transformasi geometri 2-D dan 3-D : translasi, rotasi,
Refleksi, Shear dan scalling.
OUTCOME PEMBELAJARAN
Pembaca bisa menghitung transformasi geometri 2-D secara manual

Pendahuluan
Transformasi geometri pada dasarnya adalah mengubah kedudukan setiap titik, misalkan
sebuah titik A(x,y) mengalami transformasi sehingga menjadi A(x,y) menggunakan
persamaan atau algoritma tertentu. Hal ini berarti terdapat suatu fungsi T yang memetakan
koordinat A menjadi koordinat A dan dituliskan sebagai :
A=T(A).
Transformasi yang banyak digunakan di dalam grafika komputer adalah transformasi affin
(affine tranformation), yang mempunyai bentuk yang sangat sederhana. Sejumlah
transformasi dasar dari transformasi affin antara lain adalah : penggeseran (translation),
penskalaan (scaling), pemutaran (rotation) dan shearing.
4.1 Translasi (Pergeseran)
Sembarang titik pada bidang xy dapat digeser ke sembarang tempat dengan menambahkan
besaran pada absis X dan ordinat Y. Misalkan titik A(x,y) digeser searah sumbu X sejauh tx
dan sejauh ty searah sumbu Y (perhatikan Gambar 4-1), maka titik hasil pergeseran tersebut
dapat ditulis sebagai berikut :
x = x + tx
y = y + ty
atau dapat disusun sebagai berikut :
x = x + 0.y + tx
y = 0.x + y + ty
atau dapat disusun dalam bentuk matriks :

Y
y

A(x,y)
A(x,y)

tx

y
0

ty x

Gambar 4-1

x'
1 0 x t x
y ' 0 1 . y t

Contoh 4.1
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(20,20), B(100,20) dan
80

C(60,120) jika dilakukan penggeseran pada

.
70
Jawab:

xb'

'
ya

y b'

x a'

x c'

1 0 20 100 60 80 80 80 100 180 140

'
.

y c 0 1 20 20 120 70 70 70 90 90 190

Yaitu A(100,90), B(180,90) dan C(140,190)

4.2 Scalling (Penskalaan)
Penskalaan adalah proses untuk memperbesar atau memperkecil suatu obyek atau gambar.
Misalkan titik A(x,y) diskalakan terhadap titik P(a,b) dengan faktor skala sebesar Sx searah
sumbu X dan sebesar Sy searah sumbu Y, maka titik hasil penskalaan titik A tersebut dapat
diperlihatkan pada gambar 4-2 berikut :
maka koordinat hasil penskalaan dapat ditentukan berikut :
x = Sx(x-a) + a
y = Sy(y-b) + b

y
y
b

A(x,y)
A(x,y)
P(a,b) y-b

Sy(y-b)

x-a
a

x
Sx(x-a)

x X

Gambar 4-2
atau
x = Sxx + a Sxa
y = Syy + b Syb
atau dalam bentuk matriks :

 x' S x
y ' 0

0
.
S y

x a S x a

y b S y b

Jika pusat penskalaannya adalah sumbu koordinat P(0,0), maka a = 0 dan b = 0, sehingga
persamaannya menjadi :
Sx
x'
y ' 0

0 x
.
S y y

Matrik penyajian untuk penskalaan terhadap titik pusat P(0,0) adalah

Sx
T=
0

0
.
S y

Contoh 4.2
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(20,20), B(100,20) dan
4

C(60,120), jika dilakukan penskalaan dengan faktor skala terhadap titik pusat P(0,0)
2
Jawab:

xb'

'
ya

y b'

x a'

xc'

4 0 20 100 60 80 400 240

'
.

y c 0 2 20 20 120 40 40 240

Yaitu A(80,40), B(400,40) dan C(240,240)

4.3
Rotasi (Perputaran)
Seperti halnya pergeseran dan penskalaan, untuk pemutaran sembarang obyek dilakukan
dengan pemutaran setiap titik ujung garis. Pemutaran searah jarum jam akan dinyatakan
dengan sudut negatif, sedangkan pemutaran berlawanan dengan jarum jam dinyatakan dengan
sudut postif. Dengan menganggap besarnya sudut putar adalah , maka hasil pemutaran titik
A(x,y) dengan pusat putar P(a,b) akan dihasilkan titik A(x,y) seperti yang diperlihatkan
pada gambar 4-3 berikut :
Pandang segitiga siku-siku PAQ :
sin

y b
r sin y b
r

xb
cos
r cos x a
r

Pandang segitiga siku-siku PAR, maka :

y
y

A(x,y)
y-b

A(x,y)
y-b

P(a,b)

x-a R
a x
x-a

Gambar 4-3

X
3

y 'b
r sin ( ) y 'b
r
x ' a
cos( )
r cos( ) x ' a
r

sin ( )

r sin ( ) r sin . cos r cos . sin y 'b

(x a ). sin (y - b). cos y 'b
y ' x sin y cos b - a. cos b. sin
r cos( ) r cos . cos r sin . sin x 'a
(x a ). cos (y - b). sin x' a
x' x.cos y sin a - a. cos b. sin

Persamaan x dan y tersebut dapat disusun dalam bentuk matriks sebagai berikut :
x'
cos
y ' sin

sin x
a a. cos b. sin
.

cos y
b b. cos a. sin

Bila pusat rotasinya berada pada sumbu koordinat P(0,0), maka persamaan tersebut menjadi :
x '
cos
y ' sin

sin
cos

x
.
y

Matrik penyajian untuk rotasi terhadap titik pusat P(0,0) adalah

cos

T=
sin

sin
.
cos

Contoh 4.3
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(20,20), B(100,20) dan
C(60,120), jika dilakukan pemutaran dengan pusat sumbu koordinat dengan rotasi putarnya
180 derajat berlawanan arah dengan arah jarum jam.
Jawab :

xb'

'
ya

y b'

x a'

x c'

1 0 20 100 60 20 100 60
'
.

y c 0 1 20 20 120 20 20 120

Yaitu A(-20, -20), B(-100, -20) dan C(-60,-120)

4.4
Refleksi (Pencerminan)
Refleksi terhadap sebuah garis g adalah transformasi yang memetakan masing masing titik
pada bidang ke dalam bayangan cerminnya terhadap g. Matrik Penyajian untuk:
x

1. refleksi terhadap sumbu y ( yang mengubah menjadi

) adalah : 0
y
y

2. refleksi terhadap sumbu x ( yang mengubah menjadi

) adalah : 0
y
y

3. refleksi terhadap garis y = x ( yang mengubah menjadi ) adalah :

y
x
1

0
1
0
1
1
0

Contoh 4.4
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(10,2), B(10,8) dan C(3,2)
jika dilakukan pencerminan terhadap sumbu x, sumbu y , dan garis y = x.
Jawab :
Pencerminan terhadap sumbu x.

x a'

xb '

'
ya

yb

x c'

1 0 10 10 3 10 10 3
'
.

8
2
y c 0 1 2 8 2 2

Yaitu A(-10, 2), B(-10, 8) dan C(-3, 2)

Pencerminan terhadap sumbu y.

x a'

xb '

'
ya

yb

xc'

1 0 10 10 3 10 10 3
'
.

y c 0 1 2 8 2 2 8 2

Yaitu A(10, -2), B(10, -8) dan C(3, -2)

Pencerminan terhadap garis y = x.

xb '

'
ya

yb

x a'

x c'

0 1 10 10 3 2 8 2
'
.

y c 1 0 2 8 2 10 10 3

Yaitu A(2, 10), B(8, 10) dan C(2, 3)

Contoh 4.5
3

Carilah persamaan bayangan sebuah garis y = 2x + 1 yang dipetakan oleh matrik A =

2 1
Jawab :
x'
y '

x
y

2 1

Dan
x
y

3
=
2

x=

x y

1
1

x'
y '

=
2

1 x '
3 y '

Sehingga
y = -2x + 3y
Substitusikan ke y = 2x + 1 maka dihasilkan :
-2x + 3y = 2(x y) + 1
-2x + 3y = 2x 2y + 1
5y = 4x + 1
y'

4
1
x '
5
5

4.5
Shearing
Shearing adalah suatu proses untuk menstransformasikan obyek dengan cara membebani
obyek tersebut pada arah tertentu. Contoh sederhana proses shearing adalah pembentukan
huruf italic (miring) dari sembarang huruf. Proses shearing suatu titik A(x,y) menjadi titik
A(x,y) ke arah sumbu X sebesar Shx dan sumbu Y sebesar Shy dinyatakan dalam persamaan
sebagai :
x = x + Shx y
y = Shy x + y
yang dapat ditulis dalam bentuk matriks :
1
x'
y ' Sh
y

Shx x
.
1 y

Matrik penyajian untuk shearing terhadap titik pusat P(0,0) adalah

1
T=
Sh y

Shx
.
1

Contoh 4.6
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(20,20), B(100,20) dan
C(60,120), jika dilakukan shearing dengan bobot kearah sumbu x adalah Shx = 2 dan bobot
kearah sumbu y adalah Shy = 3 yang pusatnya terletak di pusat koordinat.
Jawab :

x a'

xb '

x c'

'
a

yb

'
c

1 2 10 10 3 14 26 7

.

y 3 1 2 8 2 32 38 11

x a'

xb'

x c'

'
a

'
b

'
c

1 2 20 100 60 60 140 300

.

y 3 1 20 20 120 80 320 300

Yaitu A(60,80), B(140,320) dan C(300,300)

4.6
Sistem Koordinat Homogen 2D
Dari berbagai bentuk matrik penyajian, terlihat bahwa hanya transformasi translasi saja yang
belum bisa dinyatakan sebagai matrik penyajian, karena diperlukan operasi perkalian dan
penjumlahan, sedangkan pada jenis transformasi yang lain cukup diperlukan operasi perkalian
matriks saja, sehingga perlu dicari suatu cara agar translasipun juga bisa dinyatakan dalam
operasi perkalian matriks. Hal ini dapat dilakukan dengan dengan menggunakan sistem
koordinat homogen.
Sistem koordinat homogen adalah sistem koordinat yang mempunyai satu dimensi lebih
tinggi dari sistem koordinat yang ditinjau. Sebagai contoh, sistem koordinat homogen dari
sistem koordinat dua dimensi adalah sistem koordinat 3 dimensi dengan cara menentukan
salah satu sumbunya sebagai suatu konstanta. Dengan menggunakan sistem koordinat
homogen, persamaan umum transformasi titik A(x,y) menjadi A(x,y) dapat ditulis sebagai :

 x' a c t x x
y' . b d t y
y
1 0 0 1 1
Dari persamaan tersebut, maka masing-masing transformasi diatas bisa dituliskan sebagai
berikut :

Translasi : T = 0
0

0
1
0

1
x'

y '

= 0
1
0

Sx

Scalling : T = 0
0

0
Sy
0

Sx
x'

y '

= 0
1
0

tx
t y , sehingga
1
tx
t y
1

0
1
0

x
y

1

0
0 , sehingga
1
0
Sy
0

0
0
1

x
y

1

cos

Rotasi berlawanan arah jarum jam (sudut putar positif): T = sin

0

sin
cos
0

0
1

sehingga

 x'
cos
y '

= sin
1
0

Shearing : T = Sh y
0

sin
cos
0

0
0 , sehingga
1

Shx
1
0

1
x'

y '

= Sh y
1
0

Shx
1
0

0
1
0

0
0

0
1
0

0
0

1
0
0

1
0

0 , sehingga
1

1
0
1
0

0 , sehingga
1

x
y

1

Refleksi terhadap garis y=x : T = 1

0
x'
0
y '

= 1
1
0

x
y

Refleksi terhadap sumbu y : T = 0

0
x'
1
y '

= 0
0
1

0 x
0 y
1 1

Refleksi terhadap sumbu x : T = 0

0
x'
1
y '

= 0
1
0

0 x
0 y
1 1

1
0
0

0 , sehingga
1

0 x
0 y
1 1

Contoh 4.7
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(10,2), B(10,8) dan C(3,2)
jika dilakukan transformasi berikut :
a) translasi kearah sumbu x = 4, kearah sumbu y = 2
b) Scalling dengan skala kearah sumbu x = 2, kearah sumbu y = 2
c) Diputar 90o berlawanan jarum jam
d) Shearing kearah sumbu x = 2, kearah sumbu y = 3
e) Refleksi terhadap sumbu x
f) Refleksi terhadap sumbu y
10

g) Refleksi terhadap garis y = x

Jawab:
a)

x'
1
y '

= 0
0
1

4 10
2 2
1 1

0
1
0

3
2

10
8

14

= 0
1

7
0

14
6

diperoleh A(14,0), B(14,6) dan C(7,0)

b)

x'
2
y '

= 0
1
0

0
2
0

0 10
0 2
1 1

10

8
1

20

= 4
1

2
1

6
4
1

20
16
1

diperoleh A(20, 4), B(20, 16) dan C(6, 4)

c)

cos 90 0
x'

y '
0

= sin 90

1
0

0
1

sin 90 0
cos 90 0
0

10
2

= 10
1

3
2

10
8

8
10
1

2
3
1

diperoleh A(2, 10), B(8, 10) dan C(2, 3)

d)

x'
1
y '

= 3
1
0

2
1
0

0 10
0 2
1 1

10

= 20
1

2
1

8
1

38
1

1
11
1

10
8

3
2

diperoleh A(6, 20), B(6, 38) dan C(1, 11)

e)

x'
1
y '

= 0
1
0

0
1
0

0 10
0 2
1 1

3
2

10
8

10

= 2
1

diperoleh A(10, 2), B(10, 8) dan C(3, 2)

f)

x'
1
y '

= 0
1
0

0
1
0

0 10
0 2
1 1

10

8
1

10

= 2
1

10
8
1

3
2
1

diperoleh A(10, 2), B(10, 8) dan C(3, 2)

g)

x'
0
y '

= 1
1
0

1
0
0

0 10
0 2
1 1

10
8
1

3
2

= 10
1

8
10
1

2
3

diperoleh A(2,10), B(8,10) dan C(2,3)

4.7

Komposisi Matrik Transformasi 2D

11

Dengan menggunakan matrik penyajian, kita bisa menyusun transformasi secara berurutan
yang biasa disebut sebagai komposisi matrik tranformasi, yaitu dengan cara menghitung
perkalian matrik penyajian secara berurutan.
Contoh 4.8
Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(5,5), B(10,5) dan C(8,10)
6

jika dilakukan komposisi transformasi berikut: penggeseran pada , dilanjutkan dengan

6
rotasi 90 berlawanan jarum jam, kemudian diakhiri dengan penskalaan dengan faktor skala
3
3

terhadap titik pusat P(0,0).

Jawab:
Dalam hal ini kita harus menghitung matrik komposisi berikut

x a'

xb'

'
ya

y b'

xc'

xa
' . Matrik Skala * Matrik Rotasi * Matrik Translasi *
yc


ya

xb

xc

yb

yc

Proses dilakukan terhadap operasi translasi terlebih dahulu

x a'

xb'

xc'

'
a

'
b

'
c

1 0 5 10 8 6 6 6 11 16 14

.

y 0 1 5 5 10 6 6 6 11 11 16

Hasil translasi yaitu A(11,11), B(16,11) dan C(14,16)

Proses dilanjutkan dengan operasi rotasi 90 berlawanan jarum jam
x a'
'
ya

xb'
y b'

cos 90 0
x c'
' .
0
yc
sin 90
0 1

1 0

sin 90 0 x a
*
cos 90 0 y a
11 16 14
*
.
11 11 16

xb
yb

xc
.
yc

11 11 16
16
14
11

Yang terakhir diakhiri dengan operasi penskalaan dengan faktor skala

3
pusat P(0,0).

terhadap titik

12

 x a'
'
ya

4.8

x c'
m 0 x a xb xc
.
.
*
'
yc
0 n y a yb y c
3 0 11 11 16

*
16
14
0 3 11
33 33 48

48
42
33

xb'
y b'

Transformasi Geometri 3D

Transformasi geometri adalah perubahan posisi obyek terhadap titik acuan akibat adanya
translasi (pergeseran), scalling (penskalaan), dan rotasi (perputaran). Transformasi geometri
3D merupakan pengembangan dari transformasi geometri 2D. Secara umum representasi
transformasi pada 3D juga dibuat dalam bentuk matrik untuk memudahkan perhitungan.
4.8.1

Translasi
y
(x, y, z)
T (Tx, Ty, Tz)
x
(x, y, z)
z

Dalam hal ini,

x ' x Tx
y' y Ty
z ' z Tz

Dalam bentuk matrik

x '

y '

z '

4.8.2

1 0 0 Tx

0 1 0 T y y

0 0 1 Tz z

0 0 0 1 1

Penskalaan (Scalling)
y

(x, y, z)

T (Sx, Sy, Sz)

x
(x, y, z)
z

13

Dalam hal ini,

x ' S x .x
y' S y . y
z ' S z .z

Dalam bentuk matrik

x ' S x
y ' 0

z' 0

1 0

4.8.3

Sy

Sz

0
0

0
1

x
y

z

1

Rotasi

Rotasi terhadap sumbu-z sebesar sudut .

y
(x, y, z)
x
(x, y, z)
z
Dalam hal ini,
x ' x cos y sin
y ' x sin y cos
z' z

Dalam bentuk matrik rotasi terhadap sumbu-z sebesar sudut .

14

 x'
cos
y '

sin
z'
0

1
0

sin

cos
0
0

0
1
0

x
y

z

1

Dengan cara yang sama diperoleh rotasi terhadap sumbu-x sebesar sudut .
x' x
y ' y cos z sin
z ' y sin z cos

Dalam bentuk matrik rotasi terhadap sumbu-x sebesar sudut .

x'
1
y '

0
z'
0

1
0

cos
sin
0

sin
cos
0

x
y

z

1

rotasi terhadap sumbu-y sebesar sudut .

x ' x cos z sin
y' y
z ' x sin z cos

Dalam bentuk matrik rotasi terhadap sumbu-y sebesar sudut .

x'
cos
y '

0

z'
sin

0
1

sin

1
0
0

0
cos
0

x
y

z

1

15

Ringkasan
Transformasi geometri pada dasarnya adalah proses yang mengubah kedudukan setiap titik
yang membentuk obyek. Transformasi yang banyak digunakan di dalam grafika komputer
adalah transformasi affin (affine tranformation), yaitu: penggeseran (translation), penskalaan
(scaling), pemutaran (rotation) dan shearing.
Bentuk matrik Tranformasi Translasi :
x'
1
y ' 0

0
1

x
m
.
y
n

Bentuk matrik Tranformasi Penskalaan :

x'
m
y ' 0

0
n

x
a ma
.

y
b nb

Bentuk matrik tranformasi rotasi pada sumbu koordinat P(0,0) :

x '
cos
y ' sin

sin
cos

x
.
y

Matrik Penyajian untuk Refleksi :

x

1. refleksi terhadap sumbu y ( yang mengubah menjadi

) adalah : 0
y
y

2. refleksi terhadap sumbu x ( yang mengubah menjadi

) adalah : 0
y
y

0
1
0
1

16

3. refleksi terhadap garis y = x ( yang mengubah menjadi ) adalah :

y
x
1

1
0

Bentuk matrik Tranformasi Shearing :

x '
1
y ' n

m x
.
1 y

Sistem koordinat homogen adalah sistem koordinat yang mempunyai satu dimensi lebih
tinggi dari sistem koordinat yang ditinjau.
Bentuk matrik Tranformasi Translasi dalam koordinat homogen :
x'
1
y '

= 0
1
0

0
1
0

m x
n y
1 1

Rotasi berlawanan arah jarum jam :

x'
cos
y '

= sin
1
0

sin
cos
0

0 x
0 y
1 1

Bentuk matrik Tranformasi Shearing dalam koordinat homogen :

x'
1
y '

= n
0
1

m
1
0

0 x
0 y
1 1

Refleksi terhadap sumbu x:

x'
1
y '

= 0
1
0

1
0

x
y

1

Refleksi terhadap sumbu y :

17

 x'
1
y '

= 0
1
0

0
1
0

0
0

x
y

1

Refleksi terhadap garis y=x :

x'
0
y '

= 1
1
0

1
0
0

0 x
0 y
1 1

Soal-Soal Latihan
1.

Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(30,25), B(80,50)
10

dan C(60,20) jika dilakukan penggeseran pada

.
35
2.

Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(23,42), B(30,22)
4

dan C(60,12), jika dilakukan penskalaan dengan faktor skala terhadap titik pusat
2
P(0,0)
3.

Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(20,24), B(15,20)
dan C(60,12), jika dilakukan pemutaran dengan pusat sumbu koordinat dengan rotasi
putarnya 30 derajat berlawanan arah dengan arah jarum jam.

4.

Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(12,24), B(15,18)
dan C(35,20) jika dilakukan pencerminan terhadap sumbu x, sumbu y , dan garis y =x.

18

5.

Carilah persamaan bayangan sebuah garis y = 4x + 3 yang dipetakan oleh matrik A =

2
5

3
4

6.

Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(20,20), B(100,20)
dan C(60,120), jika dilakukan shearing dengan bobot kearah sumbu x adalah m = -2
dan bobot kearah sumbu y adalah n = 5 yang pusatnya terletak di pusat koordinat.

7.

Tentukan posisi dari segitiga ABC yang dibentuk oleh titik-titik A(10,5), B(15,18) dan
C(30,25) jika dilakukan transformasi berikut :
a) translasi kearah sumbu x = 2, kearah sumbu y = 3
b) Scalling dengan skala kearah sumbu x = 5, kearah sumbu y = 3
c) Diputar 45o berlawanan jarum jam
d) Shearing kearah sumbu x = 3, kearah sumbu y = 4
e) Refleksi terhadap sumbu x
f) Refleksi terhadap sumbu y
g) Refleksi terhadap garis y = x

19