TRANSFORMASI 2 DIMENSI Dasar Representasi Titik dan Transformasi
- Slides: 31
TRANSFORMASI 2 DIMENSI • • Dasar Representasi Titik dan Transformasi Titik Transformasi Garis Rotasi Refleksi Skala/Dilatasi Transformasi Kombinasi Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Motivasi • Why do we need geometric transformations in CG? – As a viewing aid – As a modeling tool – As an image manipulation tool Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
REPRESENTASI TITIK DAN TRANSFORMASI • Sebuah titik direpresentasikan secara dua dimensi melalui koordinatnya dituliskan atau Matriks A ditransformasikan dengan matriks transformasi T menghasilkan matriks B • Transformasi dan Matriks Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
TRANSFORMASI TITIK Sebuah titik X ditransformasikan dengan matriks T diformulasikan sebagai berikut Evaluasi nilai a, a. b. c. d. e. f. g. h. b, c, d Jika a=d=1 dan c=b=0 Jika d=1, b=c=0 Jika a=d > 1 Jika 0<a=d<1 Jika a=1, d=-1, b=c=0 Jika a=-1, b=c=0, d=1 Jika a=d=1, c=0 Matriks Identitas Skala pada komponen x dan y Enlargment Compression Refleksi pada sumbu x Refleksi pada sumbu y Shear Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
TRANSFORMASI GARIS • Transformasi garis lurus – Sebuah garis yang melalui titik A(0, 1) dan titik B(2, 3) yang ditransformasikan dengan matriks – Menghasilkan – Dapat ditulis Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
ROTASI • • • Sumbu rotasi pada sumbu origin yaitu titik (0, 0) Rotasi dengan sudut istimewa 90°, 180°, 270°, 360° Diketahui koordinat titik yang membentuk segitiga {(3, -1), (4, 1), (2, 1). Gambarkan objek tersebut kemudian gambarkan pula objek baru yang merupakan transformasi rotasi objek lama sebesar 90° CCW dengan pusat rotasi (0, 0). Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
ROTASI DENGAN SUDUT TERTENTU • Pusat rotasi tetap pada origin • Menggunakan cara polar Rotasi sebesar θ˚ CCW Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
ILUSTRASI REFLEKSI y 1 1 2 3 2 2’ 3’ y 3 y 1’ 3’ x 2 x 3’ 3 1 2 1’ y x Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang 1’ 2 x
REFLEKSI • Pencerminan pada sumbu utama (absis dan ordinat) • Latihan – Diketahui sebuah objek dengan pasangan koordinat {(4, 1), (5, 2), (4, 3)}. • (a) Refleksikan pada cermin yang terletak pada sumbu x • (b) Refleksikan pada garis y=-x. Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
ILUSTRASI REFLEKSI y 1 1 2 3 2 2’ 3’ y 3 y 1’ 3’ x 2 x 3’ 3 1 2 1’ y x Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang 1’ 2 x
SKALA DAN TRANSFORMASI KOMBINASI (a, b) • Skala – Ada dua jenis penskalaan yaitu uniform scaling (us) dan non-uniform scaling (ns) – us : a=d, b=c=0; – ns : a≠d, b=c=0 – kompresi : a=d<1; – ekspansi : a=d>1 • Transformasi Kombinasi Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
SHEAR y (0, 1) (0, 0) y (1, 1) (1, 0) y y (2, 1) x (0, 0) (1, 0) (3, 1) x (0, 3/2) (1, 2) y (1, 1) (0, 1/2) (1, 1) (1, 0) x (-1, 0) x Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang (0, 1) y (1, 1) (1/2, 0) (0, 0) (1, 0) x (2, 1) (3/2, 0)x (0, -1)
TRANSFORMASI KOORDINAT HOMOGEN • Koordinat homogen • Rotasi pada pusat rotasi sembarang • Refleksi pada cermin yang berada posisi garis sumbu sembarang Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
KOORDINAT HOMOGEN • Origin bersifat INVARIAN. Koordinatnya tidak akan pernah berubah. Jika ditransformasikan, akan tetap di (0, 0). • Dalam kondisi nyata, origin tidak harus selalu absolut di (0, 0). Untuk itu digunakan koordinat homogen • Koordinat homogen memetakan titik (0, 0) ke posisi lain. Untuk itua, ada tambahan b, c, delemen merupakan elemen untuk skala, rotasi, refleksi dan shearing pada matriks transformasi m, n merupakan elemen untuk translasi s adalah elemen untuk overal scaling • Matriks Transformasi Umum (MTU)` p, q adalah elemen untuk proyeksi Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
ROTASI PADA SUMBU SEMBARANG • Jika sebuah objek dirotasikan sebesar θ° dengan pusat rotasi (m, n), maka langkah-langkah yang harus dilakukan adalah 1. Translasikan pusat rotasi ke (0, 0); karena yang kita ketahui hanyalah rumus rotasi pada origin 2. Lakukan rotasi sebesar yang diinginkan 3. Re-translasi pusat rotasi ke posisi semula • MTU Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
ILUSTRASI Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Ilustrasi Lainnya (xr, yr ) Translate (xr, yr ) Rotate Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang (xr, yr ) Translate (xr, yr )
REFLEKSI PADA GARIS SEMBARANG • Langkah-langkah 1. Translasikan cermin sedemikian rupa sehingga menyentuh titik origin 2. Rotasikan cermin sehingga berimpit dengan salah satu sumbu utama 3. Refleksikan objek 4. Re-rotasi 5. Re-translasi • Jadi MTU terdiri dari 5 buat matriks transformasi sebagai berikut: Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Latihan 1 Diketahui sebuah objek dengan koordinat {(0, 0), (2, 2), (2, 1), (6, -1), (2, -1), (-2, -2)} a. Rotasikan objek sebesar 45º CCW dengan pusat rotasi pada (9, 4) b. Rotasikan objek sebesar 30º CW dengan pusat rotasi pada (-3, 5) 1. 2. 3. 4. Gambarkan objek asli Tentukan MTU Tentukan Koordinat Objek Baru Gambarkan objek hasil transformasi Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Jawab 1 a Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Jawab 1 b Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Latihan 2 Diketahui sebuah objek dengan koordinat {(0, 0), (1, -2), (3, 3), (2, 3), (1, 1), (0, 2), (-1, 1), (-2, 3) , (3, 3), (-1, -2), (0, 0)}. a. Refleksikan objek di atas pada cermin yang berimpit dengan garis y = –x+9. b. Refleksikan objek di atas pada cermin yang berimpit dengan garis y = x+9. 1. 2. 3. 4. Gambarkan objek asli Tentukan MTU Tentukan Koordinat Objek Baru Gambarkan objek baru hasil transformasi Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Jawab 2 a Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Jawab 2 b Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Soal-soal 1. Tentukan titik-titik dijital untuk garis antara (-3, 5) dan (8, -7) dengan algoritma DDA dan Bresenham 2. Tentukan titik-titik dijital untuk lingkaran dengan pusat 3, 5 dan diameter 8 3. A. Turunkan matriks transformasi umum (MTU) untuk rotasi dengan pusat rotasi pada sebuah titik sembarang (0, 0) dan sudut rotasi sebesar searah jarum jam (clock wise). B. Berdasarkan hasil A. tentukan matriks transformasi umum (MTU) untuk rotasi dengan pusat rotasi pada sebuah titik sembarang (x, y) dan sudut rotasi sebesar searah jarum jam (clock wise). • Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Soal-soal Diketahui sebuah objek sebagai berikut Tentukan koordinat objek pada viewport dan gambarkan jika diketahui koordinat windows (Xwmain, Ywmin dan Xwmax, Ywmax) adalah (0, 0, 12, 14) dan koordinat viewport (Xvmin, Yvmin, Xvmax, Yvmax) adalah (2, 2, 10) Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Soal-soal Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Soal-soal Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Soal-soal Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Soal-soal Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
Tambahan • Computer Graphics with HTML 5 Canvas and Java. Script: Introduction • JSBIN • Transformasi • Blender • Transformation • Cabri Computer Graphics Teknik Informatika-Semester Ganjil 2015 -2016 Pascasarjana Magister Ilmu Komputer Univ. Putra Indonesia “YPTK” Padang
- Sel adalah pertemuan antara titik-titik dan titik-titik
- Larutan adalah campuran yang
- Gambar perspektif 1 titik hilang kubus
- Jelaskan transformasi galileo
- Perkalian matriks 2x2
- Representasi koordinat 2 dimensi dengan 3 vektor adalah
- Transformasi gabungan rotasi sebagai titik perubahan adalah
- Dimensi prosedural dan dimensi personal
- Pengertian array 1 dimensi
- Diketahui suatu array segitiga memiliki 5 baris dan kolom
- Kedudukan garis
- Contoh varian adalah dan contoh invariant
- Formula jarak koordinat
- Eko is titik-titik dan ari
- Perspective transformation matrix
- Transformasi 2 dimensi
- Konsep 3 dimensi
- Matriks rotasi 3 dimensi
- Dimensi dimensi struktur organisasi
- Konsep penelitian kualitatif
- Dimensi etika komunikasi
- Dimensi dimensi organisasi
- Contoh dimensi dalam penelitian kuantitatif
- Laporan praktikum dasar pengukuran dan ketidakpastian pdf
- Dasar dasar dan perlakuan adil di tempat kerja
- Konsep dasar unit pemrosesan dan dasar datapath
- Data path adalah
- Transformasi gabungan rotasi sebagai titik perubahan adalah
- Ada titik-titik macam membaca senyap
- Ya allah tambahkanlah kepadaku ilmu yang
- Phone in past simple
- Andi memiliki tangki minyak berbentuk tabung