ANIMASI INSIDEN BENDERA DI HOTEL YAMATO …

23

pISSN: 2442-3386 eISSN: 2442-4293

Vol 1 No 2 Juli 2015, 23 - 34

ANIMASI INSIDEN BENDERA DI HOTEL YAMATO MENGGUNAKANTEKNOLOGI MACHINIMA

Achmad Fauzi1, Anang Kukuh Adisusilo2, Beny Y.V Nasution31,2,3Program Sttudi Teknik Informatika, Fakultas Teknik, Universitas Wijaya Kusuma Surabaya

[email protected], [email protected], [email protected]

Abstrak

Banyak peristiwa bersejarah di Indonesia, salah satunya peristiwa insiden bendera di Hotel Yamato. Berbagaiupaya telah dilakukan agar peristiwa ini tetap dikenang oleh masyarakat indonesia. Dokumentasi yang pernahdibuat hanya menggunakan media buku atau film dokumenter, padahal pada saat ini buku dan film dokumentersudah jarang diminati oleh masyarakat. Hal ini terjadi karena kemajuan teknologi pembuatan animasi yang sangatpesat dan membuat animasi lebih diminati. Sehingga perlu melakukan dokumentasi menggunakan teknologi-teknologi terbaru. Konsep dari teknologi baru yang akan digunakan untuk dokumentasi peristiwa bersejarahyaitu machinima. Machinima digunakan dalam penlitian ini bertujuan untuk melakukan reanimasi (membuatkembali animasi) dari penelitian sebelumnya “Rekonstruksi Perobekan Bendera Hotel Yamato MenggunakanAugnmented Reality dengan Penanda GIS ( Geographic Information System)” yang akan memberikan daya tarikbaru, karena masyarakat sekarang banyak yang telah lupa akan peristiwa bersejarah ini. Jadi sangat lah tepat jikadokumentasi dari penelitian sebelumnya dapat di reanimasi menggunakan teknologi machinima denganmemanfaatkan Unity Game Engine untuk merekam per adegan atau Scene dan menggabungkan seluruh adeganyang direkam dengan menggunakan software–software teknologi machinima. Berdasarkan hasil ujicoba yangdilakukan pada beberapa koresponden didapatkan hasil responden yang lebih memilih animasi yang telahdireanimasi sebesar 79%.Kata Kunci: machinima, animation, cycle animation, insiden bendera.

Abstract

Many historic events in Indonesia, one of the event flag incident at Yamato. Various attempts have been madeso that this event still remembered by the people of Indonesia. Documentation ever made using only the mediabook or documentary, but at this point the book and documentary films have rarely demand by the public.This happens because of technological advances making animation that is very fast and make animationmore desirable. So the need to make documentation using the latest technologies. The concept of the newtechnologies that will be used for the documentation of historic events that machinima. Machinima used inpenlitian aims to do Reanimation (remake animation) from previous studies "Reconstruction tearing Flag HotelYamato Using Augnmented Reality with Marker GIS (Geographic Information System)" which will provide anew attraction, because people are now many who have forgotten This historic event. So so is appropriate ifdocumentation of previous studies may in Reanimation using machinima technology by utilizing the UnityGame Engine to record a scene or a scene and combine all scenes recorded using machinima softwaretechnology. Based on the results of tests conducted on several correspondents showed respondents whoprefer animations which have direanimasi by 79%.

Keywords: machinima, animation, animation cycle, the flag incident.

I. PENDAHULUAN

Banyak peristiwa bersejarah di Indonesiayang terjadi atas perjuangan para pahlawanIndonesia pada jaman dahulu, salah satunyaperistiwa perobekan bendera Belanda atau triwarna(merah, putih, biru) yang dirobek oleh para pejuangarek – arek suroboyo menjadi bendera dwiwarna(merah dan putih) yang merupakan bendera bangsakita. Peristiwa ini pernah dibuat dokumentasinyadengan menggunakan media buku serta film atauvideo, salah satunya didokumentasikan denganmemanfaatkan teknologi smarthphone yaitu

rekonstruksi digital menggunakan teknologiaugmented reality yang telah diperkenalkan olehAndre Satria A tahun 2014 yang berjudul“Rekonstruksi Perobekan Bendera Hotel YamatoMenggunakan Augmented Reality dengan PenandaGIS” [6]. Namun ada kekurangan animasi daripengenalan peristiwa bersejarah masih kaku dankurang menarik. Model character yang masih abu-abu tanpa ragam warna membuat kurang menarikuntuk dilihat dan animasi yang dibuat masih kaku.Sehingga dilakukan reanimasi pada penelitiansebelumnya. Reanimasi merupakan serangkaian

Melek ITInformation Technology Journal. Vol 1 No 2 Juli 2015, 24 - 34

24

kegiatan membuat kembali animasi yang telah dibuatsebelumnya. Rangkaian kegiatan meliputi modelingberupa pembuatan Asset – asset game ,Texturingdiperlukan agar model tampak lebih hidup, sebelummembuat animasi perlu dilakukan Rigging berupaproses pembuatan dan penggabungan susunan tulangyang sesuai dengan model agar bisa di animasikan.Setelah semua proses selesai lanjut ke bagiananimasi, yaitu suatu kegiatan pembuatan gerakan –gerakan pada model yang memang dibuat untuktujuan digerakkan. Animasi yang dibuat adalah CycleAnimation atau animasi ditempat karenamemanfaatkan game engine untuk menjalankananimasinya yang biasa disebut teknologi machinima.

Machinima merupakan sebuah teknolgiyang memungkinkan pembuatan film dalam sebuahlingkungan virtual 3D secara real-time. Pembuatanfilm di machinima mengikuti prinsipsinematografi seperti yang ada di dunia nyatasehingga posisi kamera memegang perananpenting. Machinima bergerak secara real-timeselayaknya proses pengambilan video di dunianyata, dalam keadaan demikian maka dibutuhkansuatu sistem yang bisa membuat kamera di dalamdunia virtual bertingkah laku selayaknya jurukamera di dunia nyata.

Pada penelitian ini bertujuan untukmerekonstruksi ulang peristiwa besar insidenbendera Hotel Yamato melakukan prosespenganimasian ulang (reanimasi) dibantu denganmemanfaatkan realtime render game engine untukmenggambarkan bagaimana peristiwa InsidenBendera itu terjadi pada 19 September 1945dengan menggunakan teknologi machinima untukpembuatan film animasi supaya proses pembuatanreanimasi lebih cepat.

II. TINJAUAN PUSATAKA

Sejarah Insiden BenderaAwalnya peristiwa itu bermula dari

dinaikkannya bendera Belanda di Hotel Yamato olehorang –orang Belanda sehari sebelumnya yaitu padatanggal 18 september [4].

Saat pagi hari seorang pemuda Surabayamelihat bendera Belanda berkibar diatas hotel,seketika pemuda itu berteriak dan berkumpullahmasa pemuda Barisan Keamanan Rakyat (BKR)dimuka Hotel Yamato itu. Sementara itu masapemuda terus berdatangan, tiba-tiba muncul sebuahsedan hitam dari dalam sedan itu keluarlah ResidenSudirman. Residen Sudirman langsung masuk keHotel Yamato disambut Sidik dan Hariyono. ResidenSudirman langsung disambut dengan sikap sombong.

Ploegman pergi keluar hotel menujupost penjagaan yang di hotel tersebut danmengambil revolver dari tangan seorang Jepang

yang ada disitu. Sidik yang mendampingi ResidenSudirman. Karena melihat gelagat membahayakandari Ploegman ditepisnya senjata revolver yangdipegang. Duel satu lawan satu terjadi diantaraSidik melawan Ploegman. Sementara perkelahianantara pemuda tersebut dengan Ploegman terjadi,Residen Sudirman dibawa keluar hotel oleh olehHariyono dan dinaikkan kemobilnya, Perkelahianberjalan terus, akhirnya Ploegman tewas dicekikhingga mati oleh Sidik[4].

Orang – orang belanda lainnyamenyerang Sidik bersama. Serangan tersebutdihadapinya dengan gagah walaupun akhirnyatetakan kelewang seorang Belanda merobohkanSidik hingga tewas. Sementara pertarungan di HotelYamato berlangsung, dua orang pemuda mengajakmasa pemuda menurunkan bendera Belanda tigawarna dari puncak hotel[4].

Walaupun jumlah masa semakinbertambah dari ratusan menjadi ribuan namunmereka tidak bersenjata. Sedangkan Orang – orangBelanda bersenjata hasil rampasan dari tangantentara Jepang yang menjaga Hotel Yamato. Arek– arek Surabaya yang menaiki menara hotel ditembaki dari bawah oleh orang Belanda itu, tetapibendera tiga warna itu selesai disobek kain birunyakemudian bendera dua warna yang berdasar daritiga warna itu dinaikkan kembali. Tepuk tangandan pekik MERDEKA menggelora di angkasaSurabaya)[4].

MachinimaMachinima adalah seni membuat

film kehidupan nyata di dunia maya [1]. Katamachinima adalah dari istilah "Machine Cinema".Sebuah machinima adalah rekaman produksi videodalam realitas dunia maya 3D seperti Second Life(SL) yang diproduksi dengan alat an teknik editingkehidupan nyata.

Second Life machinima diproduksimenggunakan sumber daya SL seperti langit,tanah dan air sebagai latar belakang, bangunan,kendaraan, ketinggian, avatar, kulit, rambut, danpakaian dan semua yang ada didalamnya termasukalat untuk merekam gambar - kontrol gerakan,kontrol kamera, snapshot kamera, bangunan dankontrol pengeditan landscape, dan script editor.Produk video yang dibuat di second lifemenggunakan konstruksi virtual dunia 3D,scripting, dan alat - alat editing avatar.

Proses dasar untuk membuat filmmenggunakan teknologi machinima tidak jauhberbeda seperti membuat film. Tidak peduli filmseperti apa yang akan dibuat, langkah –langkahnyaadalah seperti berikut:[4]1. Menulis Kisah

Betapa sering pembuat machinima melewatkanlangkah pertama ini. Untuk film pendek, kitaakan menghabiskan waktu seminggu menulis

25

pISSN: 2442-3386 eISSN: 2442-4293

Vol 1 No 2 Juli 2015, 25 - 34

naskah. Minggu itu akan menjadi faktor palingpenting untuk menentukan apakah film yang kitaakhirnya menjadi baik atau buruk.2. Buat Pemain Anda

Kita memerlukan Aktor. Dalam machinima,aktor ini adalah boneka yang akan kita kontrolagar mengikuti naskah yang kita buat sebelumnya.Kita memindahkan mereka sekitar di dunia mayabuatan dengan mouse dan keyboard, atau denganscript untuk menjalankannya.

3. Buat set atau lingkunganBerikutnya, kita membuat lingkungan di mana

film berlangsung. Beberapa game enginemengharuskan kita, untuk membuat lokasi sangatsederhana seperti kubus, piramida dan sebagainya,bertekstur dan ditempatkan untuk membentuk dunia.Kita juga bisa menggunakan pustaka 3D model yangada yang sudah dioptimalisasi sehingga lebih ringandalam komputasinya [5].

4. Rekam AktorKarena machinima sangat terbatas dalam hal

mengekspresikan karakter, banyak karya filmmachinima dilakukan oleh aktor suara, aktor drama.Sekelompok aktor yang baik sangat penting untuksebuah film machinima.

5. Set up permainan untuk syutingSusun karakter dan lingkungan kedalam game

engine susunlah sesuai posisi naskah yang telahdibuat sebelumnya agar memudahkan dalammelakukan proses pembuatan film danmempermudah mengatur jalannya cerita padalingkungan yang kita buat.

6. Rekam FilmKita bekerja seperti seorang sutradara film pada

umumnya. Kita memberikan instruksi kepada aktor,dan kemudian aktor akan bergerak sesuai instruksidari kita melalui script program komputer sederhanayang siapa pun dapat membuatnya, atau programgrafis yang melakukan pekerjaan yang sama - ataukita akan berbicara dengan orang lain, memberitahumereka bagaimana mengontrol aktor kita.

III. PERANCANGAN SISTEM

Perancangan SkenarioScene 1

a. Sekelompok orang – orang belandaberdatangan menuju Hotel Yamato yangdipimpin oleh Ploegman.

b. Ploegman dan orang – orang belandamenaikkan bendera di atas gedung Hotel

Yamato.c. Bendera Belanda (TriWarna) berkibar di atas

tiang Hotel Yamato di malam hari.Scene 2a. Di pagi hari Arek - arek Suroboyo melihat

bendera berkibar di atas Hotel Yamato.b. Arek – arek Suroboyo mulai berdatangan

ke halaman Hotel Yamato.c. Arek – arek Suroboyo yang berkumpul

didepan halaman Hotel Yamato, tiba – tibamobil sedan milik Residen Sudirman datang.

d. Residen Sudirman langsung menuju ruangresepsionis Hotel untuk berdiskusi denganPloegman.

Scene 3Proses diskusi antara Resdirman dan Ploegmandi dalam Hotel Yamato.a. Residen Sudirman ditemani oleh Hariyono

dan Sidik, sedangkan Ploegman ditemani olehOrang-orang Belanda yang datang bersamanyasemalam.

b. Karena tidak menemukan titik temu, Ploegmanmenodongkan pistol kearah Residen Sudirman,membuat Sidik bersiaga, Sidik menangkispistol hingga terlempar jauh dan Ploegmandicekik hingga mati oleh Sidik, Hariyonomembawa Residen Surdirman kabur daridalam ruang dan Sidik bertarung denganOrang – orang Belanda dan akhirnya Sidikpun tewas.

Scene 4a. Hariyo membawa Resdirman menuju

mobilnya dan dikejar Orang – orangBelanda kemudian dihadang Arek – arekSuroboyo.

b. Pertempuran di depan halaman HotelYamato, tak bisa terelakkan beberapamenghadang Orang – orang Belanda danbeberapa lagi menaiki Hotel Yamato untukmerobek bendera Triwarna.

c. Bendera Triwarna diturunkan oleh arek –arek suroboyo.

d. Bendera Triwarna dirubah menjadi benderamerah putih karena bagian birunya telahdirobek oleh Arek – arek Suroboyo, dandinaikkan kembali ke atas tiang.


26

Perancangan Storyboard

27

pISSN: 2442-3386 eISSN: 2442-4293

Vol 1 No 2 Juli 2015, 27 - 34

Perancangan Model 3D


28

Perancangan Perangkat LunakDalam pembuatan perangkat lunak

digunakan bahasa pemograman C# denganmenggunakan editor Mono dan debugger Unitygame engine. Untuk menjalankan aktor, animasiaktor, camera dibuat perangkat lunak sepertiflowchart pada gambar 34. Secara umumperancangan perangkat lunak digambarkan sepertiFinite State Machine (FSM) gambar 38.

Gambar.34. Flowchart Proses Perangkat Lunak

Penjabaran flowchart Predefiened process dariProses Movement, Animation Change, ChangeCamera Position.

Gambar.35. Flowchart Movement

Gambar.36. Flowchart AnimationChange

29

pISSN: 2442-3386 eISSN: 2442-4293

Vol 1 No 2 Juli 2015, 29 - 34

Gambar.37. Flowchart Change Camera Position

Gambar.38. FSM Perangkat Lunak

IV. IMPLEMENTASI SISTEM

Implementasi diawali dengan pembuatanseluruh asset yang dibutuhkan untuk machinimaberdasarkan perancangan system. Dalamimplementasi digunakan software pembuat objectBlender 3D dan software game engine Unity.

Model 3DDengan menggunakan Blender dihasilkan

model 3D, seperti pada contoh hasil gambar 39.

(a)

Gambar.39. Model3D (a). Karakter animasiberjalan, (b).Karakter animasi bacok, (c). Karakter

animasi naik tangga, (d). Bentuk gedung HotelYamato.

Implementasi Perangkat LunakPada bagian Implementasi

1. Script Movement


30

Script di atas menunjukkan avatar akanmenuju target yang ditentukan di dalam systemmenggunkan fungsi:

void Update () {float step = speed * Time.deltaTime;transform.position=Vector3.MoveTowards(trans

form.position,target.position, step);

Dan didalam script ada sebuah fungsi yangnantinya akan aktif ketika avatar terkena trigger

2. Script Trigger MovementScript TriggerMovement memanggil

fungsi void dari script movement dengan inisialiasinametag avatar agar dikenali sebagai object yangbertujuan untuk mengaktifkan fungsi voidnya olehtrigger.

Script diatas menunjukkan setiap avatar 3Ddengan nametag nama mereka masing – masingakan berubah target tujuannya apabila terkenatrigger yang telah diberi script ini.

3. Script Camera Position

Script posisi camera digunakan untukmenentukan posisi kamera awal dan pindahkeposisi camera selanjutnya sesuai target posisiyang ditentukan dengan menggunakan fungsi voidkecampos2(), yang artinya camera akan berpidahposisi ke campos2 apabila terkena trigger.Sama dengan target camera, target yang dilihat olehkamera juga akan berubah.

31

pISSN: 2442-3386 eISSN: 2442-4293

Vol 1 No 2 Juli 2015, 31 - 34

4. Script Trigger Camera Posisition

Script TriggerCameraPosition memanggilfungsi void dari script CameraPosition denganinisialiasi nametag avatar agar dikenali sebagaiobject yang yang bertujuan untuk mengaktifkanfungsi voidnya oleh trigger.

5. Script Animation State

Script Animation State hanya bisa diguakanuntuk 1 character karena setiap karakter memilikijumlah animasi yang tidak semua sama, jadi kitaharus menginisialisasi sesuai jumlah animasi yangdimiliki, dan perpindahan statenya ketika terkenatrigger tidak semua memiliki tujuan state yangsama.

6. Script TriggerAnimation

Script ini digunkan untuk mengaktifkanfungsi void pada setiap character dengan megambilscript class dari script pada character yangdiinginkan untuk dirubah pergantian stateanimasinya pada saat terkena trigger.


32

I. UJICOBA SISTEM

Uji coba Skenario dan StoryBoard.

Pengujian dilakukan setelah setiap sceneselesai untuk menguji jalannya animasi sesuaidengan skenario yang telah dibuat dan asset yangdigunkan sesuai dengan storyboard.

Scene 1a. Sekelompok Orang – orang Belanda

berdatangan menuju Hotel Yamato yangdipimpin oleh Ploegman.

Gambar.40. Sekelompok Orang Belanda

b. Ploegman dan Orang – orang Belandamenaikkan bendera diatas gedung HotelYamato.

Gambar.41. Orang Belanda menaikkan benderatriwarna

Scene 2a. Di pagi hari Arek - arek Suroboyo

Melihat bendera berkibar diatas HotelYamato.

Gambar.42. Seorang arek suroboyo melihatbendera triwarna.

b. Arek – arek Suroboyo mulai berdatanganke Halaman Hotel Yamato.

Gambar.43. Arek – arek suroboyo berdatangan.

c. Arek – arek Suroboyo yang berkumpuldidepan halaman Hotel Yamato.

Gambar.44. Arek - arek suroboyo berkumpuldihalaman hotel

d. Tiba – tiba mobil sedan milik Residensudirman datang.

e. Residen Sudirman langsung menujuRuang resepsionis Hotel untuk berdiskusidengan Ploegman.

Scene 3a. Proses diskusi antara Resdirman dan

Ploegman di dalam Hotel Yamato.b. Residen Sudirman ditemani oleh Hariyono

dan Sidik, sedangkan Ploegman ditemanioleh Orang - orang Belanda yang datangbersamanya semalam.

Gambar.45 Adegan Resdirman dan PloegmanBerdiskusi

c. Karena tidak menemukan titik temu,Ploegman menodongkan pistol kearahResiden Sudirman, membuat Sidikbertindak mendekati Ploegman, Sidikmenangkis pistol hingga terlempar jauhdan Ploegman dicekik hingga matioleh Sidik, Hariyono membawa ResidenSurdirman kabur dari dalam ruang , dan

33

pISSN: 2442-3386 eISSN: 2442-4293

Vol 1 No 2 Juli 2015, 33 - 34

Sidik bertarung dengan Orang-orangBelanda dan akhirnya Sidik pun tewas.

Gambar.46. Pertikaian pihak Indonesia denganBelanda

Gambar.47. Sidik dan Ploegman tewas

Scene 4a. Hariyo membawa Resdirman menuju

mobilnya dan dikejar Orang – orangBelanda kemudian dihadang Arek – arekSuroboyo.

b. Pertempuran didepan halaman HotelYamato, tak bisa terelakkan beberapamenghadang Orang – orang Belanda danbeberapa lagi menaiki hotel yamato untukmerobek bendera Triwarna.

Gambar.48. Arek- arek Suroboyo Bertempurdengan Orang- orang Belanda.

Dari setiap gambar pada ujicoba scenario danstoryboard berhasil diimplementasikan sesuaiperancangan sistem. Karakter dapat berjalanmengelilingi lingkungan, berubah kondisi animasidan perpindahan tangkapan kamera secararealtime yang dibuat dengan kontrol implementasiperangkat lunak.

II. PENUTUP

Berdasarkan hasil uji coba ReanimasimenggunakanTeknologi Machinima :1. Animasi yang ditampilkan sesuai cerita

sejarah dalam buku yang di terjemahkankedalam storyboard, reanimasi yangdikerjakan meliputi character yang diberimaterial dan texture, serta Animasi yang telahdi buat kembali menggunakan teknik Pose toPose agar bisa dibuat animasi secaraberulang atau biasa dikenal dengan cycleanimation dapat bekerja dengan baik padagame engine yang digunakan untuk membuatjalannya animasi yang diinginkan sehinggaanimator mudah dalam memberi kontrol padasetiap character seperti seorang sutradarayang memerintahkan aktornya untuk beraksi.

2. Hasil yang didapat dengan memanfaatkanteknologi machinima untuk pembuatananimasi sangat memudahkan dalampembuatan film pada segi pergerakan animasikita tidak perlu membuat gerakan animasiberjalan seluas environment, namun cukupmembuat pergerakan animasi ditempat danbiarkan script bahasa pemograman yangbekerja, untuk membuat pergerakan ditempatmenjadi pergerakan menuju suatu targettertentu, tetapi sebagai animator kita perlumenguasai bahasa pemograman tertentu yangdigunakan game engine menggunakan bahasapemograman yang berbeda - beda.

DAFTAR PUSTAKA

[1] Bernadette Daly, Swanson. 2007. SecondLifeMachinima For Libraries: The IntersectionOf Instruction, Outreach And Marketing In AVirtual World. Usa : University Of CaliforniaDavis At California.

[2] Capri Bill, Sigar. 2015. Animasi DasarMenggunakan Blender. Jakarta : BlenderArmyIndonesia.

[3] Hancock, Hugh And Johnnie Ingram. 2007.Machinima For Dummies. Canada:WileyPublish.inc.

[4] Moestadji, Mohammad, BA. 1994. Surabaya DiAkhir Tahun 1945. Surabaya: BINAPUSTAKATAMA.

[5] AK Adisusilo,2015, "Optimize 3D Graphic forCulture Game by Using Polygon reduction"Journal of Theoretical and Applied InformationTechnology 72 (1), 9-17

[6] Andre Ardiwardhana, AK Adisusilo, YVNasution, 2015 ,"REKONSTRUKSI


34

PEROBEKAN BENDERA HOTELYAMATO MENGGUNAKANAUGMENTED REALITY DENGANPENANDA GIS", Melek IT InformationTechnology Journal 1 (1)

Documents

ANIMASI INSIDEN BENDERA DI HOTEL YAMATO …