Pertemuan 8

Pertemuan 8

Transformasi Objek 2D
• Pengertian Transformasi
• Translasi
• Skala
• Rotasi

Latihan Praktikum

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Pertemuan 8

Tujuan
• Mampu memahami fungsi-fungsi transformasi (translasi, rotasi, skala).
• Mampu memahami dan dapat membuat multi objek menggunakan fungsi transformasi.

UNIVERSITAS NURDIN HAMZAH - JAMBI

Transformasi Objek 2D
 Transformasi Objek 2D
Pengertian Transformasi
• Transformasi objek 2D adalah suatu model atau bentuk atau teknik-teknik memindahkan atau
mengubah nilai posisi objek dalam sistem koordinat dua dimensi.
• Pemindahan objek ini dapat diartikan sebagai pemindahan titik.
• Contoh transformasi geometri adalah translasi, skala, dan rotasi.
• Pada dasarnya, transformasi ini adalah teknik memindahkan objek tanpa merusak bentuk.
• Tujuan transformasi adalah :
• Merubah atau menyesuaikan komposisi pemandangan.
• Memudahkan membuat objek yang simetris.
• Melihat objek dari sudut pandang yang berbeda.
• Memindahkan satu atau beberapa objek dari satu tempat ke tempat lain, ini biasa dipakai untuk
pembuatan animasi komputer.

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Translasi
• Transformasi translasi merupakan suatu operasi yang menyebabkan perpindahan objek 2D dari satu
tempat ke tempat yang lain.
• Perubahan ini berlaku dalam arah yang sejajar dengan sumbu X dan sumbu Y.
• Translasi dilakukan dengan penambahan translasi pada suatu titik koordinat dengan translation vector,
yaitu (tx,ty), dimana :
• tx adalah translasi menurut sumbu x.
• ty adalah translasi menurut sumbu y.
• Koorinat baru titik yang ditranslasi dapat diperoleh dengan menggunakan rumus :
Rumus Keterangan
x' = x + tx (x,y) = titik asal sebelum translasi
y’ = y + ty (x’,y’) = titik baru hasil translasi
UNIVERSITAS NURDIN HAMZAH - JAMBI
 Transformasi Objek 2D
Translasi
• Translasi adalah transformasi dengan bentuk yang tetap, memindahkan objek apa adanya.
• Setiap titik dari objek akan ditranslasikan dengan besaran yang sama.
• Dalam operasi translasi, setiap titik pada suatu entitas yang ditranslasi bergerak dalam jarak yang sama.
• Pergerakan tersebut dapat berlaku dalam arah sumbu X saja, atau dalam arah sumbu Y saja atau
keduanya.

UNIVERSITAS NURDIN HAMZAH - JAMBI

Transformasi Objek 2D
Translasi

Ilustrasi Translasi

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Translasi
• Contoh translasi :
• Untuk menggambarkan translasi suatu objek berupa segitiga dengan koordinat A(10,10) B(30,10)
dan C(10,30) dengan tx,ty(10, 20), silahkan tentukan koordinat yang barunya.
• Jawab :
• Koordinat A
x’=10+10=20y’=10+20=30A’=(20,30)
• Koordinat B
x’=30+10=40y’=10+20=30B’=(40,30)
• Koordinat C
x’=10+10=20y’=30+20=50C’=(20,50)

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Translasi Pada Canvas API
• Pada canvas API, method yang digunakan untuk membuat translasi adalah translate() dengan penulisan
seperti di bawah ini :

Parameters Type Description

x Integer Penentuan untuk koordinat X
y Integer Penentuan untuk koordinat Y

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Translasi Pada Canvas API

Latihan Praktikum

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Skala
• Skala atau penskalaan adalah suatu operasi yang membuat suatu objek berubah ukurannya baik
menjadi mengecil ataupun membesar.
• Perubahan ukuran ini bisa secara secara seragam atau tidak seragam tergantung pada faktor penskalaan
(scalling factor) yaitu (sx,sy) yang diberikan.
• sx adalah faktor penskalaan menurut sumbu x dan sy faktor penskalaan menurut sumbu y.
• Koordinat baru diperoleh dengan rumus :
Rumus Keterangan
x’ = x + sx (x,y) = titik asal sebelum diskala
y’ = y + sy (x’,y’) = titik setelah diskala
• Nilai lebih dari 1 menyebabkan objek diperbesar, sebaliknya bila nilai lebih kecil dari 1, maka objek
akan diperkecil.
UNIVERSITAS NURDIN HAMZAH - JAMBI
Transformasi Objek 2D
Skala

Ilustrasi Skala

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Skala
• Contoh Skala :
• Untuk menggambarkan skala suatu objek berupa segitiga dengan koordinat A(10,10) B(30,10) dan
C(10,30) dengan sx,sy(3,2), silahkan tentukan koordinat yang barunya.
• Jawab :
• Koordinat A
x’=10*3=30 y’=10*2=20 A’=(30,20)
• Koordinat B
x’=30*3=90 y’=10*2=20 B’=(90,20)
• Koordinat C
x’=10*3=30 y’=30*2=60 C’=(30,60)

UNIVERSITAS NURDIN HAMZAH - JAMBI

 Transformasi Objek 2D
Rotasi
• Rotasi adalah suatu operasi yang menyebabkan objek bergerak berputar pada titik pusat atau pada
sumbu putar yang dipilih berdasarkan sudut putaran tertentu.
• Untuk melakukan rotasi diperlukan sudut rotasi dan pivot point (xp,yp) dimana objek akan dirotasi.
• Putaran biasa dilakukan pada satu titik terhadap sesuatu sumbu tertentu misalnya sumbu x, sumbu y
atau garis tertentu yang sejajar dengan sembarang sumbu tersebut.
• Titik acuan putaran dapat sembarang baik di titik pusat atau pada titik yang lain.

UNIVERSITAS NURDIN HAMZAH - JAMBI

Transformasi Objek 2D
Rotasi

Ilustrasi Rotasi

UNIVERSITAS NURDIN HAMZAH - JAMBI

SELESAI