UNIVERSITAS GUNADARMA
FAKULTAS TEKNOLOGI INDUSTRI
MANUAL BOOK PROYEK ANIMASI
ANIMASI AYO KITA SENAM BERSAMA SNAP (CHALKZONE)
Disusun Oleh:
Nama
: Hamdani Syahputra
NPM
: 53413855
Kelas
: 3 IA 18
Jurusan
: Teknik Informatika
Penanggung Jawab
: Derryansah
Ditulis sebagai salah satu syarat kelulusan
Praktikum Penunjang Mata Kuliah
Grafik Komputer 2 + Interaksi Manusia dan Komputer
Laboratorium Teknik Informatika
Universitas Gunadarma
2016
Sinopsis Cerita
Dipagi hari yang cerah saatnya yang pas untuk berolahraga. Dengan rajin berolahraga
dapat membuat tubuh kita sehat. Terdapat bermacam-macam jenis olahraga, salah satunya
senam. Senam dapat dilakukan oleh semua orang, baik orang tua, anak kecil, remaja, ibu
hamil, hingga usia lansia. Oleh karena itu senam merupakan olahraga yang sangat populer
diberbagai penjuru dunia. Tak terkecuali dibelahan dunia lain, yaitu dunia kapur.
Terdengar suara bel berbunyi di sekolah SD Rudy Tabootie, yang menandakan jam
pelajaran dimulai. Pelajaran pertama pun dimulai dengan pelajaran olahraga. Tampaknya
kelas Rudy akan melakukan senam di pelajaran kali ini. Rudy yang merasa bosan dengan
pelajaran olahraga khususnya senam akhirnya mencoba untuk bolos dari pelajaran dan
masuk ke dunia kapur.
Disitu Rudy bertemu Snap dan pergi bermain bersamanya ke padang rumput. Rudy
lalu menjelaskan ke Snap alasan dia masuk ke dunia kapur bahwa dia ada pelajaran senam di
kelasnya. Snap yang tidak mengerti arti kata senam lalu bertanya kepada Rudy untuk
menjelaskannya. Rudy pun menjelaskan seperti apa senam dan menunjukkan dasar-dasar
senam kepada Snap. Selanjutnya Rudy meminta Snap untuk mempraktikan pelajaran senam
yang ia ajarkan kepadanya. Rudy menggambar sebuah kamera dan radio dengan kapurnya
untuk mengabadikan momen senam yang akan dilakukan oleh Snap. Rudy kemudian
merekam gerakan senam yang dilakukan oleh snap, dan mamainkan musik pada radio yang
telah ia gambar. Snap pun mulai melakukan gerakan senam dasar yang sudah dia pelajari
dengan memulai dari gerakan kepala.
Langkah-Langkah Menginstal OGRE
1. Jalankan instalasi MinGW, simpan di disk C:/
2. Atur path pada environment variable dengan cara klik kanan computer, pilih
properties, advance system setting, pilih environment variable, lalu tambahkan new
pada user variable, masukkan seperti gambar dibawah ini.
3. Untuk mengecek apakah sudah terpath atau belum, buka cmd sebagai administrator, ketik
perintah gcc v
4. Selanjutnya install msys pada disk C.
5. Tambahkan path dengan cara klik tombol edit pada environment variable.
6. Cek pada cmd sebagai administrator untuk mengetahui apakah sudah terpath atau belum,
dengan mengetikkan perintah uname a, jika muncul tulisan seperti gambar dibawah ini
berarti path berhasil
7. Langkah berikutnya adalah menginstal OgreSDK.versi 1.6.1.
8. Masuk ke user variable, isikan data seperti gambar dibawah ini.
9. Ekstrak eclipse cpp helios, pindahkan folder eclipse ke disk C:. Jalankan eclipse.exe.
10. Pilih direktori tempat workspace disimpan.
Tutorial Membuat Projek Baru di Eclipse Ogre
1. Buka file>pilih new>c++ project.
2. Isikan project name sesuai keinginan, disini saya akan membuat projek dengan nama
dani. Pilih empty project pada executable. Pilih MinGW GCC pada Toolchains. Klik
Finish
3. Setelah projek dibuat maka akan muncul workspace untuk tempat membuat projek.
4. Langkah selanjutnya melakukan konfigurasi build. Klik kanan folder project yang dibuat
pilih properties, maka akan muncul jendela properties. Pilih C/C++ Build, Settings.
Lakukan konfigurasi GCC C++ Compiler dan MinGW C++ Linker seperti tabel di bawah
ini. Pengaturan dilakukan pada kedua bagian yang berbeda yaitu Debug dan Release.
Dalam konfigurasi value dari masing-masing bagian perlu diperhatikan bahwa penulisan
nilai harus dilakukan secara teliti, karena kesalahan 1 karakter ataupun kelebihan karakter
seperti spasi akan berkibat error pada project yang sedang dikerjakan.
GCC C++ Compiler
Debug
Release
Preprocessor
Add the following to the Defined
Symbols (-D)
Add the following to the Defined
Symbols (-D)
WIN32
_WINDOWS
_DEBUG
WIN32
_WINDOWS
NDEBUG
Directories
Add the following to the Include Paths Add the following to the Defined
(-I)
Symbols (-I)
"C:\OgreSDK\include"
"C:\OgreSDK\samples\include"
Note: Add this with quotes
"C:\OgreSDK\include"
"C:\OgreSDK\samples\include"
Note: Add this with quotes
Miscellaneous
Put the following in the 'other flags text Put the following in the 'other flags text
box:
box:
-c -fmessage-length=0 mthreads -fexceptions -fident
-c -fmessage-length=0 -mthreads
-fexceptions -fident
MinGW C++ Linker
Debug
Release
Libraries
Add the following to the libraries (-l)
Add the following to the libraries (-l)
OgreMain_d
OIS_d
OgreMain
OIS
Add the following to the library search Add the following to the library search
path (-L)
path (-L)
"C:\OgreSDK\bin\debug"
Note: Add this with quotes
"C:\OgreSDK\bin\release"
Note: Add this with quotes
Miscellaneous
Add the following to the Other Options Add the following to the Other Options
(-Xlinker[option]
(-Xlinker[option]
--enable-auto-image-base
--add-stdcall-alias
--enable-auto-image-base
--add-stdcall-alias
5. Untuk cara praktisnya, pindahkan semua isi dari direktori contoh projek sample yang
telah diberikan ke direktori projek kita. Ubah semua nama file yang terdapat nama projek
sebelumnya menjadi nama file projek kita, misalkan derry.cpp menjadi hamdani.cpp .
6. Tampilan buka folder debug, cari file berekstensi .exe jalankan.
Cara Konversi Objek Blend ke Mesh
1. Langkah pertama untuk mengubah file .blend menjadi file .mesh , kita harus
mempersiapkan aplikasi yang diperlukan untuk mengubah objek dari blender ke bentuk
mesh, antara lain :
Python (2.7.6 dan 3.4)
Blender (2.66)
Ogre Command-line Tools (1.6) (sesuaikan dengan versi OGRE SDK)
Download di https://sourceforge.net/projects/ogre/files/ogre-tools/
CeguiMeshViewer
Blender Exporter
Download di https://code.google.com/archive/p/blender2ogre/downloads
2. Langkah selanjutnya setelah aplikasi yang dibutuhkan tersedia adalah menginstall python
2.7 yang telah disiapkan. Tempatkan folder instalasi python pada disk C:\. Selanjutnya
adalah melakukan path direktori pada Environment Variable System (C:\Python27).
3. Berikutnya install blender untuk membuat objek 3D yang akan digunakan pada
pembuatan projek di OGRE nanti.
4. Install CeguiMeshViewer, aplikasi ini berguna untuk membuka objek mesh dan melihat
previewnya.
5. Install CommandLineTools Ogre, aplikasi ini digunakan untuk mengkonversi file .blend
ke dalam bentuk mesh yang dapat digunakan pada OGRE.
6. Ekstrak Blender Export, pindahkan file .py yang sudah diekstrak tadi ke dalam folder
C:\Program Files\Blender Foundation\Blender\2.66\scripts/addons
7. Buka projek blender, pilih user preferences, lalu pilih tab addons, ceklis yang ada tulisan
ogrenya
8. Untuk melakukan export, seleksi objek yang akan dijadikan mesh pada ogre, pilih menu
file kemudian pilih export lalu pilih ogre3D.
9. Setelah file .mesh dan skeleton berhasil dibuat, kopikan kedua file tersebut kedalam
folder ceguimeshviewer, drag file ke aplikasi .exe nya.
Tampilan saat dijalankan di CeguiMeshViewer
Memasukkan Objek Mesh ke Ogre
1. Pindahkan file objek dan tulang yaitu file .mesh dan .skeleton kedalam folder tempat
menginstall Ogre pilih direktori media>models.
2. Pindahkan
juga
semua
Ogre>media>materials>scripts
hasil
file
.material
kedalam
direktori
.
3. Tambahkan blok kode dibawah ini pada .cpp projek kita didalam method CreateScene()
untuk menampilkan objek mesh projek.
Menambahkan Efek Suara pada Ogre
1. Download irrKlang versi 1.3.0 di sini http://www.ambiera.com/irrklang/downloads.html .
Kemudian ekstrak setelah didownload.
2. Setelah di ekstrak, kita akan menggunakan hanya beberapa file saja yaitu :
- \bin\win32-gcc
- \include
- \lib\win32-gcc
3. Pada folder irrKlang \bin\win32-gcc , kopikan file ikpFlac.dll, ikpMP3.dll, dan
irrKlang.dll ke folder debug projek kita dan folder debug OGRESDK, OGRESDK
merupakan folder tempat kita menginstall aplikasi ogre.
4.
Pada folder irrKlang \include, kopikan semua file yang berada pada folder ini ke direktori
\OgreSDK\include
5. Pada direktori irrKlang \lib\win32-gcc, kopikan semua file yang berada di folder ini ke
direktori \OgreSDk\lib.
6. Kopikan file suara yang ingin kita masukkan ke dalam folder debug projek kita.
7. Tambahkan sintaks berikut kedalam .cpp projek kita.
#include "ExampleApplication.h"
#include "irrKlang.h"
#include <deque>
using namespace irrklang;
8. Tulis juga sintaks berikut ini dalam fungsi CreateScene()
irrklang::ISoundEngine *mSoundEngine=irrklang::createIrrKlangDevice();
mSoundEngine->play2D("musik.mp3",true);
9. Selanjutnya tambahkan linker irrKlang.dll pada pengaturan projek ogre. Dengan klik
kanan pada projek, pilih properties, lalu pilih C/C++Build , lalu pilih Setting. Kemudian
pada bagian Debug klik MinGW C++ Linker, Libraries, lalu tambahkan irrKlang
Penjelasan Kodingan Animasi
Pada blok program diatas merupakan blok program yang digunakan untuk melakukan
import library yang terdapat pada OgreSDK dan debug projek. Library-library ini nantinya
akan digunakan untuk membuat projek animasi seperti import library aplikasi dan efek musik
pada Ogre
Blok program diatas merupakan statement yang digunakan untuk membuat variabelvariabel parameter didalam kelas MoveDemoListener . Didalam kelas MoveDemoListener
terdapat variabel baru cam yang menunjuk pada variabel Camera yang telah disediakan
Ogre, variabel sn yang menunjuk pada variabel SceneNode, dan ent yang menunjuk pada
Entity. Selanjutnya pada ExampleFrameListener terdapat variabel mNode dengan
parameter sn, dan mEntity dengan parameter ent.
Pada blok program diatas merupakan pembuatan method animasi dalam projek ini.
Didalam method ini terdapat statement dengan variabel mAnimationState yang merupakan
variabel untuk pembuatan animasi dalam projek ini. getAnimationState berfungsi untuk
memanggil animasi yang terdapat dalam objek yaitu animasi my_animation.
Animasi ini akan aktif jika aplikasi dibuka dan akan terus dimainkan selama program
belum ditutup, dengan fungsi setLoop(true), setEnable(true), dan addTime
(evt.TimeSinceLastFrame).
Pada blok program diatas digunakan untuk mendeklarasikan variabel objek dengan
nama mEntity, variabel kontrol objek mNode, dan variabel kontrol animasi
mAnimationState bertipe protected.
Blok program diatas berisikan statement-statement untuk menentukan posisi dan
sudut pandang dari kamera yang ada di dalam animasi ini. Fungsi createCamera adalah
fungsi untuk membentuk camera dan menentukan posisi dari camera tersebut dan vector
posisi yang akan dilihat dari kamera tersebut. Fungsi createViewport digunakan untuk
menentukan sudut pandang dalam melihat objek. Ppada fungsi ini diatur background
berwarna hitam(0,0,0)
Pada blok program diatas terdapat pendeklarasian variabel yang digunakan dalam
kelas MoveDemoApplication yaitu variabel mEntity dan variabel mNode. Selanjutnya
terdapat blok program fungsi createScene. Didalam fungsi ini terdapat statement untuk
memainkan objek suara background musik.mp3 yang telah dijelaskan pada langkah
membuat suara.
Blok program diatas digunakan untuk memasukkan objek yang telah dijadikan .mesh
kedalam Ogre. Objek yang akan dimasukkan disini adalah objek Snap dengan posisi kordinat
x,y,z = 0,0,0. Objek Snap ini akan diskala sehingga ukurannya menjadi pas, dengan
penskalaan sebesar 20 kali ukuran aslinya.
Pada blok program diatas digunakan untuk pembuatan latar dalam proyek animasi ini.
Pada pembuatan lantainya menggunakan fungsi Plane dengan memanggil material
GrassFloor yang terdapat pada library OgreSDK. Selanjutnya untuk latar langitnya
menggunakan fungsi skybox dengan material MorningSkyBox yang telah disediakan pada
library OgreSDK.
Blok program diatas digunakan untuk pencahayaan pada objek. Untuk pencahayaan
pada projek ini, pertama dibutuhkan variabel pencahayaan, yaitu variabel dengan nama light.
Pada program ini digunakan 3 jenis pencahayaan yaitu POINT, DIRECTIONAL, dan
SPOTLIGHT yang masing-masing diatur warna, posisi dan arah sorot cahaya.
Blok program diatas berfungsi untuk membuat frame dari setiap animasi yang telah
dibuat. Di dalam fungsi ini terdapat semua variabel yang telah digunakan di dalam animasi
ini.
Blok program diatas ini merupakan blok program yang digunakan untuk mengakhiri
objek dan animasi atau aplikasi ini. Kemudian dibuat eksepsi try-catch. Pada statement try
akan menjalankan aplikasi. Pada statement catch digunakan untuk menangkap error yang
terjadi saat menjalankan aplikasi ini. Kemudian menampilkan pesan error tersebut.
Output Animasi
