Pelita Informatika Budi Darma, Volume : VIII, Nomor: 2, Desember 2014 ISSN : 2301-

2301-9425

PERANCANGAN APLIKASI TRANSFORMASI OBJEK 3 DIMENSI

MENGGUNAKAN METODE MORPHING
Didik Yudi Praptowo (0911898)

Mahasiswa Jurusan Teknik Informatika STMIK Budi Darma Medan

Jl. Sisingamangaraja No. 338 Simpang Limun Medan
www.stmik-budidarma.ac.id // Email: didikyudi@gmail.com

ABSTRAK

Perkembangan teknologi memberi kesempatan masyarakat untuk mengabadikan saat saat yang penting
menggunakan video. Pembentukan video digital yang baik membutuhkan proses editing yang baik pula. Untuk
melakukan proses editing video digital dibutuhkan program editor. Perencanaan dalam pembuatan aplikasi
tersebut dimulai dengan pembentukan kompresi dan dekompresi file video, kemudian dilanjutkan dengan proses
editing terhadap file video digital. Aplikasi tersebut dibuat dengan Microsoft Visual Basic Net.2008 dengan
menggunakan teknologi Morphing, khususnya Mesh Morphing. Proses pemotongan dan penyisipan dilakukan
dengan urutan yang statis. Selain itu aplikasi juga menyediakan efek antara masing masing clip. Dan yang
terakhir melakukan proses penyimpanan satu file dalam format AVI yang terbentuk dari proses editing dalam
aplikasi.

Kata kunci: image morphing, mesh morphing, selection morphing, pengolahan citra digital, transformasi
bentuk.

1. Pendahuluan satu adegan dan satu lagi di acara televisi, bahkan

1.1. Latar Belakang Masalah
Morphing adalah efek khusus dalam film dan
animasi yang berubah (atau morph) satu gambar ke
gambar lain melalui transisi mulus. Paling sering
digunakan untuk menggambarkan seseorang berubah
menjadi lain melalui sarana teknologi atau sebagai
bagian dari fantasi atau urutan surealis. Secara
tradisional penggambaran tersebut akan dicapai
melalui teknik cross-memudar pada film. Sejak awal
1990-an, ini telah digantikan oleh perangkat lunak
komputer untuk membuat transisi lebih realistis.
3 dimensi atau biasa disingkat dengan 3D atau
juga disebut ruang, adalah bentuk dari benda yang
memiliki panjang, lebar, dan tinggi. 3D juga bisa
diistilahkan sekumpulan titik titik (x,y,z) yang
membentuk luasan-luasan (face) yang digabungkan
menjadi satu kesatuan. Dimensi itu sendiri berarti
parameter atau pengukuran yang dibutuhkan untuk
mendefinisikan sifat-sifat suatu objek yaitu
panjang, lebar, dan tinggi atau ukuran dan bentuk.
Dan visual adalah suatu penggambaran, pencitraan
suatu objek. Dapat ditarik sebuah kesimpulan bahwa
3D visual adalah penggambaran atau pencitraan dari
suatu bentuk objek ruang yang memiliki panjang,
lebar, dan tinggi.
Algoritma morphing terus maju dan program secara
otomatis dapat morph gambar yang sesuai cukup erat
dengan relatif sedikit instruksi dari pengguna. Hal ini
telah menyebabkan penggunaan teknik morphing
untuk menciptakan meyakinkan efek gerak lambat
yang tidak pernah ada dalam film atau video
rekaman asli dengan morphing antara setiap frame
individu menggunakan optik aliran technology.
Morphing juga muncul sebagai transisi teknik antara
jika isi dari dua gambar yang sama sekali tidak
terkait. Algoritma dalam hal ini mencoba untuk
menemukan titik yang sesuai antara gambar dan
mendistorsi satu ke yang lain karena mereka
crossfade.
2. Landasan Teori
2.1 Perancangan Aplikasi
Perancangan aplikasi merupakan aplikasi yang
akan dibuat. Untuk dapat merancang konsep dalam
membuat aplikasi multimedia dibutuhkan kreatifitas.
Kreatifitas adalah kemampuan untuk menyajikan
gagasan atau ide baru. Sedangkan inovasi
merupakan aplikasi dari gagasan atau ide baru
tersebut. Untuk menciptakan ide yang orisinil
tidaklah mudah, maka dapat digunakan beberapa
teknik untuk menciptakan ide, yaitu penyesuaian
(adaptasi).
2.2 Objek 3 Dimensi
Yang dimaksud realitas grafis 3D adalah
bagaimana membentuk suatu objek 3D agar sesuai
dengan kenyataan suatu objek yang dilihat sehari-
hari. Sebagian besar objek nyata bersifat solid atau
tidak tembus pandang. Objek 3D banyak yang dibuat
masih dalam bentuk rangka (wireframe). Dalam
implementasinya model rangka ini masih banyak
dipakai untuk mengetahui bagian dalam suatu objek.
Relaitas grafis 3D dapat dilakukan dengan :
mengarsir poligon, rendering, dan shadowing. Dan
komponen dasar yang terdapat dalam Grafik 3D
adalah

Perancangan Aplikasi Transformasi Objek 3 Dimensi Menggunakan Metode Morphing. Oleh : Didik Yudi Praptowo 126
Pelita Informatika Budi Darma, Volume : VIII, Nomor: 2, Desember 2014
1. Objek yang akan ditampillkan, harus memiliki
koordinat 3D (world coordinate-koordinat
dunia) pada setiap titik pokoknya.
2. Posisi pengamat atau pada metode kamera
sintetis disebut dengan posisi kamera,
ditentukan dari koordinat dunia (x,y,z)
3. Titik fokus kamera, dalam koordinat dunia
(x,y,z,) yang merupakan titik pusat pandang
Sumber: lecturer.eepis-
its.edu/~basuki/lecture/Grafik3D.pdf
2.2.1 Sistem Koordinat 3D atau Sistem Koordinat
Dunia
Gambar 1 : Sistem Koordinat 3D
Sumber: lecturer.eepis-
its.edu/~basuki/lecture/Grafik3D.pdf
Setiap titik pada koordinat dunia memiliki 3
sumbu x,y, dan z. Misal titik P(100,200,300) berarti
titik P tersebut berada pada sumbu
- x sejauh 100 satuan
- y sejauh 200 satuan
- z sejauh 300 satuan
koordinat dunia dalam grafika 3D dapat
menggunakan satuan yang riil. Misal bila lingkup
objek berupa sebuah kota, maka satuannya dapat
berupa kilometer, bila lingkup suatu gedung
satuannya dapat berupa meter, bila hanya suatu
ruang dapat berupa centimeter, dan lain sebagainya.
Sumber: lecturer.eepis-
its.edu/~basuki/lecture/Grafik3D.pdf
2.3 Transformasi 3D
Pada objek tiga dimensi dapat dilakukan 3
transformasi pokok yaitu penggeseran (translation),
perputaran (rotasi) , pembesaran (scaling). Adapun
jenis transformasi lain adalah pembebanan
(shearing), dan pencerminan (mirroring). Didalam
program, transformasi ini juga dapat dilakukan
dengan mengubah persamaan menjadi operasi
matriks 4x4.
Matriks transformasi adalah matriks yang
membuat sebuah objek mengalami perubahan, baik
berupa perubahan posisi maupun perubahan ukuran.
Matriks 3D dinyatakan dalam ukuran 4x4, di mana
kolom ke-4 digunakan untuk menyediakan tempat
untuk proses translasi. Transformasi 3D dapat
dilakukan dengan menggunakan perkalian antara
matriks transformasi dan vektor posisi dari setiap
titik pada objek.
Transformasi 3D pada dasarnya hampir sama
dengan transformasi 2D, hanya pada 3D kita
menghitung sumbu Z. Sama seperti pada 2D, ada
tiga transformasi dasar yang dapat dilakukan
terhadap verteks, yaitu:
Perancangan Aplikasi Transformasi Objek 3 Dimensi Menggunakan Metode Morphing. Oleh : Didik Yudi Praptowo
ISSN : 2301-
2301-9425
1. Translasi.
2. Pensekalaan.
3. Rotasi.
Sumber: lecturer.eepis-
its.edu/~basuki/lecture/Grafik3D.pdf
2.4 Image Processing
Image Processing adalah sebuah metode yang
dipakai untuk memproses atau memanipulasi image
dalam bentuk dua dimensi. Segala operasi untuk
memperbaiki, menganalisa, atau mengubah suatu
gambar disebut image processing (A. Usman, 2005,
Pengolahan Citra Digital dan Teknik
pemogramannya). Dalam sejarahnya, image
processing telah diaplikasikan dalam berbagai
bentuk, dengan tingkat kesuksesan yang cukup
besar. Seperti berbagai cabang ilmu lainnya, image
processing pula gabungan berbagai cabang-cabang
ilmu, diantaranya adalah optik, elektronik,
matematika, fotografi, dan teknologi komputer.
Beberapa faktor yang menyebabkan sistem image
processing menjadi berkembang pesat pada saat ini,
salah satu yang utama adalah dibutuhkannya suatu
teknologi yang dapat bekerja secara mandiri, dalam
artian teknologi tersebut dapat mengambil keputusan
sendiri dari hasil pengolahan data sebelumnya. Pada
umumnya, objektifitas dari image processing adalah
mentransformasikan atau menganalisis suatu gambar
sehingga informasi baru tentang gambar dapat dibuat
dengan lebih jelas (sumber:
http://elib.unikom.ac.id/files/disk1/317/jbptunikomp
p-gdl-abdurahman-15806-6-jurnal.pdf, tanggal akses
10 Mei 2013)
2.5 Metode Morphing
Morphing adalah efek khusus dalam film dan
animasi yang berubah (atau morph) satu gambar ke
gambar lain melalui transisi mulus. Paling sering
digunakan untuk menggambarkan seseorang berubah
menjadi lain melalui sarana teknologi atau sebagai
bagian dari fantasi atau urutan surealis. Secara
tradisional penggambaran tersebut akan dicapai
melalui teknik cross-memudar pada film. Sejak awal
1990-an, ini telah digantikan oleh perangkat lunak
komputer untuk membuat transisi lebih realistis.
Algoritma morphing terus maju dan program
secara otomatis dapat morph gambar yang sesuai
cukup erat dengan relatif sedikit instruksi dari
pengguna. Hal ini telah menyebabkan penggunaan
teknik morphing untuk menciptakan meyakinkan
efek gerak lambat yang tidak pernah ada dalam film
atau video rekaman asli dengan morphing antara
setiap frame individu menggunakan optik aliran
technology. Morphing juga muncul sebagai transisi
teknik antara satu adegan dan satu lagi di acara
televisi, bahkan jika isi dari dua gambar yang sama
sekali tidak terkait. Algoritma dalam hal ini mencoba
untuk menemukan titik yang sesuai antara gambar
dan mendistorsi satu ke yang lain karena mereka
crossfade.
127
Pelita Informatika Budi Darma, Volume : VIII, Nomor: 2, Desember 2014
2.6 Defenisi UML
Unified Modeling Language (UML) merupakan
satu kumpulan konvensi pemodelan yang digunakan
untuk menentukan atau menggambarkan sebuah
sistem software yang terkait dengan objek (Whitten
L. Jeffery et al, 2004). Sementara menurut Henderi
(2007) UML adalah sebuah bahasa pemodelan yang
telah menjadi standar dalam industri software untuk
visualisasi, merancang, dan mendokumentasikan
sistem perangkat lunak. Bahasa Pemodelan UML
lebih cocok untuk pembuatan perangkat lunak dalam
bahasa pemrograman berorientasi objek (C++, Java,
VB.NET), namun demikian tetap dapat digunakan
pada bahasa pemrograman prosedural (Djon
Irwanto, Perancangan Object Oriented Software
dengan UML, 2007).
3. Analisa Dan Perancangan
3.1 Analisa
Mesh Morphing metode ini sering juga disebut
Triangle Based Morphing. Teknik ini mirip dengan
feature morphing, tetapi memiliki waktu pemrosesan
yang lebih cepat dan pemilihan garis feature yang
lebih bagus. Pada teknik ini menggunakan garis
feature yang membentuk kurva tertutup berbentuk
segitiga. Sama seperti pada feature morphing,
dimana garis feature asal berpasangan dengan garis
feature tujuan.
Dalam pembuatan tiap frame pada mesh
morphing, segitiga asal diinterpolasikan menjadi
segitiga tujuan dengan menganggap sebuah segitiga
terdiri atas tiga buah garis feature, ketiga garis inilah
yang akan diinterpolasikan. Seiring dengan
interpolasi ketiga garis tersebut, dilakukan proses
deformasi terhadap titik-titik dalam segitiga tersebut
dengan cara yang sama seperti feature morphing.
Bedanya disini sebuah titik dalam segitiga hanya
dipengaruhi oleh ketiga garis feature pembentuk
segitiga tersebut. Sehingga masing-masing titik
hanya dideformasikan oleh tiga buah garis dimana
garis-garis tersebut mewakili segitiga dimana titik
tersebut berada. Dalam peletakan garis-garis feature
pada gambar, dipergunakan teknik delaunay
triangulation, sehingga yang perlu diinputkan
hanyalah titik-titik pembentuk segitiga-segitiga
tersebut yang disebut site point, kemudian secara
otomatis algoritma tersebut akan menghubungkan
titik-titik tersebut menjadi segitiga-segitiga.
Jadi secara garis besar, langkah-langkah
yang diperlukan untuk melakukan teknik mesh
morphing ini adalah sebagai berikut:
1. Menginputkan site point gambar asal dan
gambar tujuan.
2. Menggambar garis-garis feature yang
membentuk kurva tertutup dan berbentuk
segitiga dengan menggunakan teknik delaunay
triangulation.
Perancangan Aplikasi Transformasi Objek 3 Dimensi Menggunakan Metode Morphing. Oleh : Didik Yudi Praptowo
ISSN : 2301-
2301-9425
3. Melakukan deformasi gambar asal dan gambar
tujuan berdasarkan garis- garis feature yang
telah terbentuk.
4. Melakukan proses cross dissolve terhadap
kedua gambar hasil deformasi tadi.
Berikut adalah contoh hasil proses morphing
wajah yang biasa dibuat
Gambar 2 : Contoh Morphing Objek
3.1.1 Delaunay Triangulation
Syarat sebuah triangle network disebut
delaunay triangle network adalah jika segitiga-
segitiga yang dihasilkan adalah segitiga yang hampir
mendekati segitiga sama sisi.
Semakin gemuk sebuah segitiga, maka
semakin besar area dibawah segitiga tersebut
sehingga area dari sebuah feature yang dikelilingi
oleh segitiga ini menjadi lebih besar. Semakin
sedikit dan gemuk jumlah segitiga yang digunakan
untuk memecah sebuah kurva yang mengelilingi
feature, semakin kecil distorsi yang dihasilkan pada
saat melakukan proses deformasi pada area di dalam
kurva tersebut. Secara garis besar, langkah-langkah
dari penggunaan mesh morphing dapat dilihat pada
gambar 3.
Gambar 3 : Langkah-Langkah Mesh Morphing
Penjelasan pada gambar 3.2. adalah sebagai
berikut. Pertama-tama dimulai dengan meletakkan
dua buah segitiga di layar. Kemudian site point
dimasukkan satu per satu. Setiap kali site point
dimasukkan ke dalam network, misalnya site point
ini adalah titik E, maka dilakukan proses sebagai
berikut :
1. Cari segitiga dimana site point itu berada, yaitu
di segitiga ACD.
2. Selanjutnya segitiga ACD dipecah menjadi
AED, DEC, dan AEC.
3. Kemudian merekontruksi triangle network
untuk mendapatkan segitiga- segitiga sama sisi.
Caranya dengan memeriksa setiap kurva segi
empat yang ada dalam triangle network, apakah
diagonal dari segi empat tersebut dapat ditukar
sehingga kedua segitiga didalamnya menjadi
lebih optimal. Pemeriksaan ini dimulai dari
sekitar segitiga yang baru. Untuk itu sisi-sisi
luar ketiga segitiga yang baru, dimasukkan ke
dalam sebuah array dengan nama temp. Adapun
sisi-sisi ini mewakili sebuah kurva segi empat
yang akan diperiksa. Untuk situasi di atas, sisi
yang dimasukkan adalah AD, DC, CA
(digambar dengan garis tebal). Sisi AD tidak
mewakili segi empat karena hanya ada satu
128
Pelita Informatika Budi Darma, Volume : VIII, Nomor: 2, Desember 2014
segitiga yang memiliki sisi AD yaitu segitiga
AED, demikian pula dengan sisi DC. Sedangkan
sisi CA mewakili sebuah segi empat yaitu
AECB. Oleh karena sisi AD dan DC tidak
mewakili segi empat, maka kedua sisi ini tidak
jadi dimasukkan ke dalam array temp.
4. Setelah sisi CA dimasukkan ke dalam array
temp, kemudian dilakukan pemeriksaan kurva
segi empat yang diwakili oleh sisi CA, yaitu
segi empat AECB. Diagonal dari kurva AECB
saat ini adalah CA. Pertama- tama dihitung
besar sudut EAB + sudut ECB dan sudut ABC +
sudut AEC. Ternyata sudut ABC + sudut AEC
lebih besar dari sudut EAB + sudut ECB. Jadi
diagonal EB lebih bagus dari pada diagonal CA,
dan diagonal ACEB perlu ditukar. Pertukaran
diagonal tersebut meliputi proses sebagai
berikut :
a. Hapus segitiga AEC dan ABC.
b. Ciptakan segitiga AEB dan EBC.
c. Masukkan sisi-sisi luar segitiga AEB
dan EBC ini kedalam array temp. Yaitu
sisi AB, BC, AE dan EC. Sisi EB tidak
perlu dimasukkan karena merupakan
diagonal sisi yang baru dibentuk. Sisi AB
dan BC tidak mewakili segi empat, maka
kedua sisi ini tidak jadi dimasukkan ke
dalam array temp.
5. Selanjutnya karena sisi CA telah selesai
diperiksa maka hapus sisi ini dari array temp.
6. Berikutnya ambil sisi selanjutnya yang akan
diproses dalam array temp.
7. Proses ini akan terus dilakukan sampai sisi
dalam aray temp telah habis.
8. Setelah array temp kosong, ulangi lagi
seluruh proses di atas dengan memasukkan
site point yang baru.
3.2 Perancangan Sistem
3.2.1 Perancangan UML
Perancangan UML merupakan rancang dari
model arus data yang menggambarkan sistem yang
dirancang, dalam pemodelan ini penulis
menggunakan 2 model yaitu use case dan sequence
diagram, berikut adalah desain UML yang dirancang
1. Use Case Diagram
Berikut adalah rancangan use case diagram dari
sistem yang dirancang.
Gambar 4 : Use Case Diagram Aplikasi
2. Sequence Diagram
Sequence diagram (diagram urutan) adalah suatu
diagram yang memperlihatkan atau
menampilkan interaksi-interaksi antar objek di
dalam sistem yang disusun pada sebuah urutan
atau rangkaian waktu. Interaksi antar objek
tersebut termasuk pengguna, display, dan
Perancangan Aplikasi Transformasi Objek 3 Dimensi Menggunakan Metode Morphing. Oleh : Didik Yudi Praptowo
ISSN : 2301-
2301-9425
sebagainya berupa pesan/message, berikut
adalah sequence diagram dari sistem pemodelan
3D yang penulis buat.
Gambar 5 : Sequence Diagram Aplikasi
3.2.2 Desain Aplikasi
Desain aplikasi merupakan rancangan form
yang penulis buat untuk menggambarkan aplikasi
yang dirancang, berikut desainnya
Gambar 6 : Desain Program
Adapun keterangannya sebagai berikut:
1. Merupakan objek picture untuk menampilkan
objek 3D
2. Proses translasi objek 3D
3. Proses scaling objek 3D
4. Proses rotasi objek 3D
5. Tombol untuk menampilkan animasi 3D
6. Menampilkan daftar objek 3D
4. Algoritma Dan Implementasi
4.1. Algoritma
Algoritma adalah suatu cara yang digunakan
untuk memperoleh/menerangkan suatu keadaan
tertentu sehingga bisa lebih mudah dimengerti, dan
dalam skripsi ini juga penulis membuat algoritma
untuk menjelaskan kepada pembaca bagaimana
sistem yang dibangun dapat berjalan.
4.1.1 Algoritma Membuat Objek Box
Input
Line : posX dan posY
Circle : posX dan posY
Output
Box, circle, cube, prism
Proses
Jika VMesh(MeshIndex).Vertices.Start - 1 + C >
UBound(VVertex) Maka
VVertex(VMesh(MeshIndex).Vertices.Start - 1
VVertex(VMesh(MeshIndex).Vertices.Start - 1 + C)
VVertex(VMesh(MeshIndex).Vertices.Start - 1
+ C)
4.1.2 Algoritma Membuat Objek Grid
Input
Line : posX dan posY
Output
Grid
Proses
GridHeight = Value(C) / MaximumGridHeight *
Dimensions.Y
129
Pelita Informatika Budi Darma, Volume : VIII, Nomor: 2, Desember 2014 ISSN : 2301-
2301-9425

VVertex(VMesh(MeshIndex).Vertices.Start - 1 + C).Y =
GridHeight

4.2 Sarana Pengolahan Program

Sistem pengolahan program merupakan suatu
kesatuan pengolahan yang terdiri dari prosedur dan
pelaksanaan data. Komputer sebagai sarana
pengolahan program haruslah menyediakan fasilitas-
faisilitas pendukung dalam pengolahan nantinya. Gambar 9: Objek Sphere
Secara proposional harus memenuhi akses yaitu :
1. Perangkat keras (Hardware) d. Objek Hemisphere
2. Perangkat Lunak (SoftWare)

4.3 Perangkat keras

Spesifikasi perangkat keras (Hardware) yang
digunakan untuk implementasi pembuatan dan
menjalankan program, agar berjalan dengan baik
adalah sebagai berikut :
1. Processor : Minimal Pentium III-800 Mhz
2. Memory : Minimal 64 MB Gambar 10: Objek Hemisphere
3. Hardiss : Minimal 5 GB
4. Kartu Grafik : VGA 8 MB dengan monitor e. Objek Cone
SVGA
5. Monitor :SVGA 1924x78 pixel kedalam
warna 16 Bit.

4.3.1 Perangkat Lunak

Dalam pembuatan program ini diperlukan
beberapa software yaitu :
1. Sistem Operasi : Windows 98 SE, Gambar 11: Objek Cone
Windows ME, atau Windows XP
2. Aplikasi : Visual Basic 6.0 f. Objek Chylinder

a. Objek Box

Gambar 7 : Objek Box Gambar 12 : Objek Chylinder

b. Objek Grid g. Objek Pie

Gambar 8 : Objek Grid

Gambar 13 : Objek Pie
c. Objek Sphere
h. Objek Bar Graph

Perancangan Aplikasi Transformasi Objek 3 Dimensi Menggunakan Metode Morphing. Oleh : Didik Yudi Praptowo 130
Pelita Informatika Budi Darma, Volume : VIII, Nomor: 2, Desember 2014 ISSN : 2301-
2301-9425

6. http://elib.unikom.ac.id/files/disk1/317/jbptuni
kompp-gdl-abdurahman-15806-6-jurnal.pdf,
tanggal akses 10 Mei 2013

Gambar 14 : Objek Bar graph

i. Objek Grid Graph

Gambar 15 : Objek Grid Graph

j. Objek Pie Graph

Gambar 16 : Objek Pie Graph

5. Kesimpulan
Sesuai dengan pembahasan dan hasil uji coba
program yang dilakukan dapat ditarik kesimpulan
proses penciptaan objek 3D sangat penting dalam
berbagai hal seperti pembuatan game 3D, simulasi
Objek Gerak, Simulasi Manusia, dan lain-lainnya.
Pembuatan objek 3D juga tidak lepas dari
pengaturan cahaya pada objek tersebut sehingga
objek tersebut dapat terlihat seperti objek aslinya.
Dengan menggunakan metode ini maka proses
pembuatan objek 3D bisa menjadi lebih cepat dan
lebih akurat.

DAFTAR PUSTAKA

1. Al-Bahra Bin Ladjamudin. 2005. Analisis &

Desain Sistem Informasi: Yogyakarta.
2. Andi. 2004. Panduan Pemrograman Visual
Basic 6.0.
3. Jogiyanto. 1999. Analisa dan Desain
Informasi.
4. Djon Irwanto, Perancangan Object Oriented
Software dengan UML, 2007
5. Rahmat Priyanto, Aplikasi visual basic.Net;
2009 : 6.

Perancangan Aplikasi Transformasi Objek 3 Dimensi Menggunakan Metode Morphing. Oleh : Didik Yudi Praptowo 131