LAPORAN PRAKTIKUM

KOMPUTER GRAFIK 3D ANIMASI

DISUSUN OLEH :

NAMA

: DEDI SYAHPUTRA

NPM

: 1414370437

MATA KULIAH : KOMPUTER GRAFIK

KELAS

: 4 Pagi C

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PEMBANGUNAN PANCA BUDI
MEDAN
2016

KATA PENGANTAR
Puji dan Syukur Penulis panjatkan kehadirat Tuhan Yang Maha Esa karena berkat
limpahan rahmat dan karunia-Nya sehingga Penulis dapat menyusun laporan ini. laporan ini
membahas tentang 3D Animasi
Penulis yakin bahwa kelancaran dalam penyusunan materi ini tidak lain karenaberkat
bantuan, dorongan ser ta bimbingan dari orang tua & pengajar, sehingga kendala-kendala
yang Penulis hadapi bisa teratasi dengan baik. Oleh karena itu, Penulis mengucapkan terima
kasih kepada semua pihak yang telah membantu dalam penyusunan laporan ini, semoga
bantuan tersebut mendapat balasan dari Tuhan YangMaha Esa.
Penulis menyadari bahwa makalah ini masih jauh dari kesempurnaan baik dari bentuk
penyusunan maupun materinya. Kritik dan saran dari pembaca sangat diharapkan untuk
penyempurnaan laporan di kesempatan selanjutnya. Akhir kata, Penulis mengucapkan
selamat membaca.

MEDAN, 13 JUNI 2016

Penyusun

ii

DAFTAR ISI

LAPORAN PRAKTIKUM ................................................................................................................... i

KOMPUTER GRAFIK ......................................................................................................................... i
KATA PENGANTAR................................................................................................................................... ii
DAFTAR ISI.......................................................................................................................................... iii
PENDAHULUAN ....................................................................................................................................... 1
1.

Pengertian Komputer Grafik ....................................................................................................... 1

2.

Pengertian Processing ................................................................................................................. 1

a. Lingkungan Pemrograman ......................................................................................................... 2
b. Sistem Koordinat ........................................................................................................................ 2
c. Mode Pemrograman .................................................................................................................. 2
d. Variabel ...................................................................................................................................... 3
e. fungsi ........................................................................................................................................... 3

Komponen Pembangun Objek ............................................................................................................ 4

a.

Rotasi ...................................................................................................................................... 4

b.

Translasi .................................................................................................................................. 4

PEMBAHASAN ......................................................................................................................................... 5
PENGERTIAN 3D .................................................................................................................................. 5
Hasil : ................................................................................................................................................... 7
Keterangan .......................................................................................................................................... 7

iii

iv

PENDAHULUAN
1. Pengertian Komputer Grafik
Komputer Grafik adalah seperangkat alat yang terdiri dari hardware dan software
untuk memproduksi suatu gambar, grafik atau citra realistic untuk seni, game komputer,
foto dan film animasi. Istilah grafik computer memiliki banyak arti, seperti representasi
dan manipulasi data piktorial oleh komputer dari berbagai teknologi yang digunakan
untuk membuat dan memanipulasi data gambar-gambar tersebut. Atau bisa juga diartikan
grafis yang dibuat dengan menggunakan komputer lebih umumnya adalah representasi
piktorial dan manipulasi data dengan komputer. Dari banyak pengertian yang ada,
kesimpulan dari pengertian grafik computer adalah proses untuk menciptakan suatu
gambar berdasarkan deskripsi obyek maupun latar belakang yang terkandung pada
gambar tersebut dan dikerjakan dengan bantuan computer (software).
Bagian dari grafika komputer meliputi:
1. Geometri : mempelajari cara menggambarkan permukaan bidang.
2. Animasi : mempelajari cara menggambarkan dan memanipulasi gerakan.
3. Rendering : mempelajari algoritma untuk menampilkan efek cahaya.
4. Citra (Imaging) : mempelajari cara pengambilan dan penyuntingan gambar.

2. Pengertian Processing
Processing merupakan perangkat lunak open source yang menyediakan bahasa
pemrograman dan lingkungan pemrograman bagi orang-orang yang ingin membuat program
pengolahan citra, animasi dan suara. Processing digunakan dalam berbagai tahap seperti :
belajar, membuat prototype sampai pada tahap produksi. Processing dibuat dengan tujuan
untuk memberikan fasilitas belajar pemrograman computer dalam konteks visual. Processing
menggunakan istilah Sketch untuk proyek yangditulis menggunakan processing. Setiap
Sketch disimpan dalam direktori terpisah dan program utama disimpan di file nama yang
sama dengan direktori. Processing juga mempersiapkan layar, layar yang dimaksud adalah
area untuk menampilkan objek. Perintah yang digunakan adalah size(width, height). Sebagai
contoh size(300,100), hal ini berarti ukuran layar adalah 300x100.

a. Lingkungan Pemrograman

Lingkungan Pemrograman Processing terdiri dari teks editor terintegrasi dan jendela
tampilan untuk menampilkan program. Jika tombol run ditekan, program akan
mengkompilasi dan berjalan di jendela grafis (jendela tampilan). Dari jendela lingkugan
utama, bisa menjalankan, menghentikan, menyimpan, membuka, dan mengeksport file.

b. Sistem Koordinat

Processing menggunakan sistem koordinat kartesian dengan titik asal terletak di sudut kiriatas. Bila program berukuran lebar 320 piksel dan lebar 240 piksel, maka koordinat [0, 0]
terletak di kiri-atas dan koordinat [320, 240] terletak di kanan bawah.

c. Mode Pemrograman

Dalam Processing struktur program dapat dibuat dalam tiga tingkat kompleksitas:
Mode Statik, Mode Aktif, dan Mode Java.
1. Mode Statik : digunakan untuk membuat gambar statik.
2. Mode Aktif : menyediakan bagian setup() opsional yang akan berjalan ketika program
mulai berjalan. Bagian draw() akan berjalan selamanya sampai progam dihentikan.
3. Mode Java: adalah yang paling fleksibel, namun tidak tersedia sampai dengan rilis
2

Processing 1.0 Beta. Mode ini memungkinkan menulis program Java secara lengkap di
dalam Lingkugan Processing.

d. Variabel

Sebuah variabel akan menyimpan suatu nilai bertipe tertentu di dalam memori, dan
selanjutnya nilai ini dapat dipergunakan di bagian lain di dalam program. Salah satu
keuntungan menggunakan variabel adalah efisiensi dalam penulisan skrip program. Dengan
menggunakan variabel, nilai suatu data dapat diubah (di-update) sekali tanpa harus
mengubah seluruh data yang sama di dalam program tersebut. Selain itu, logika
pemrograman dapat dibentuk dengan lebih baik jika menggunakan variabel.

e. fungsi

Keberadaan fungsi sangat penting terutama ketika terdapat bagian-bagian dari program yang
sering dipanggil, misalnya rumus matematika, atau pembuatan suatu objek yang rumit, yang
dipanggil berkali-kali.
Sebelum memahami fungsi, kita akan membahas void setup() dan void draw().
void setup()
void setup() adalah fungsi yang akan dieksekusi hanya sekali oleh program. Pada
umumnya, skrip yang dimasukkan di dalam void setup() adalah fungsi size() (jika tidak,
maka Display Window akan berukuran 100 x 100 piksel), mengatur warna background,
mengatur warna garis, atau memuati gambar maupun huruf. Jika berkomunikasi secara
serial dengan peralatan lain di luar komputer, kita dapat mengatur kecepatan serial di
dalam fungsi ini.
void draw()
void draw() adalah fungsi yang akan dieksekusi berkali-kali oleh program, dan baru akan
berhenti ketika Display Window ditutup atau tombol Stop ditekan. Program akan diesekusi
dari skrip paling atas, melewati void setup() dan selanjutnya menuju void draw(). Di dalam

void draw(), program akan berulang. Satu perjalanan dalam mengeksekusi program di
dalam void draw dikenal dengan istilah frame. Secara default, Processing akan
mengeksekusi 60 frame perdetik. Namun, kecepatan ini dapat diatur.

Komponen Pembangun Objek

Komponen pada pembangunan objek yang berputar terhadap objek yang lain dapat
menggunakan:
a. Rotasi

Putaran 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. Aturan dalam geometri, jika putaran dilakukan searah jarum jam, maka nilai
sudutnya adalah negatif. Sebaliknya, jika dilakukan berlawanan arah dengan arah jarum
jam nilai sudutnya adalah positif.

b. Translasi

Transformasi translasi merupakan suatu operasi yang menyebabkan perpindahan objek

3D dari satu tempat ke tempat yang lain. Perubahan ini berlaku dalam arah yang sejajar
dengan sumbu X dan sumbu Y.

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. Translasi juga berlaku pada garis, objek atau
gabungan objek 3D yang lain.

PEMBAHASAN
PENGERTIAN 3D
Grafik komputer 3 dimensi biasa disebut 3D atau ruang adalah bentuk dari benda yang
memiliki panjang, lebar, dan tinggi. Grafik 3 Dimensi merupakan teknik penggambaran
yg berpatokan pada titik koordinat sumbu x(datar), sumbu y(tegak), dan sumbu
z(miring).Representasi dari data geometrik 3 dimensi sebagai hasil dari pemrosesan dan
pemberian efek cahaya terhadap grafika komputer 2D. Tiga Dimensi, biasanya digunakan
dalam penanganan grafis. 3D secara umum merujuk pada kemampuan dari sebuah video
card (link). Saat ini video card menggunakan variasi dari instruksi-instruksi yang
ditanamkan dalam video card itu sendiri (bukan berasal dari software) untuk mencapai
hasil grafik yang lebih realistis dalam memainkan game komputer. Karakteristik dari
grafik 3D, antara lain:
a. Memiliki variasi warna yang lebih banyak.
b. Memiliki layar tampilan yang lebih luas.
c. Objek berada dalam bidang XYZ.
d. Dapat menggunakan teknik lighting.
e. Dapat menimbulkan gambar yang timbul (tidak flat).
f. Memiliki tampilan yang lebih dramatis

3D ANIMASI

Syntax :
Int x=0;
void setup () {
size (600, 600, P3D);
}
5

void draw () {
background(22);
stroke(111);
translate (550,350);
rotateY(radians(x));
fill(255,168,0); //yellow
sphere(100);
pushMatrix();
translate(150, 10);
rotateY(radians(x));
fill (color(102, 8, 163)); // ungu
sphere(30);
popMatrix();
translate(280, 10);
pushMatrix();
rotateY(radians(x));
fill (color(255,255,0)); // yellow
sphere(60);
popMatrix();
translate(110, 10);
pushMatrix();
rotateY(radians(x));
fill (color(0, 5, 255)); // blue
sphere(40);
popMatrix();
translate(80, 5);
pushMatrix();
rotateY(radians(x));
fill (color(255,97,0)); // orange
sphere(20);
popMatrix();
translate(60, 0);
pushMatrix();
rotateY(radians(x));
fill (color(0,252,255)); // blue
sphere(30);
popMatrix();
x+=3; // speed
if (x>=360){
x=0;
}
}
6

Hasil :

Keterangan

syntax
Int x=0;

Keterangan
Di

gunakan

untuk

mendeklarasikan

bilangan bulat ( tanpa mengandung koma ).

Void setup() { akan mengeksekusi program

void setup () {
size (600, 600, P3D);
}

hanya 1 kali saja. Skrip yang dimasukkan di

dalam void setup() biasanya fungsi size() (jika
tidak, maka Display Window akan berukuran
(100 x 100 piksel).

P3D untuk menggambar objek 3D rendever

(penyaji)

paling

sederhana

dan

sangat

kompatible karna tidak membutuhkan library

tambahan.
7

void draw () {
background(22);
stroke(111);

void draw () {akan dieksekusi berkalikali oleh program, dan baru akan berhenti
ketika Display Window ditutup atau tombol
Stop ditekan. Program akan diesekusi dari skrip
paling atas, melewati void setup() dan
selanjutnya menuju void draw(). Di dalam void
draw(), program akan berulang.

Background (22); untukk memberi warna latar

pada lembar kerja.

Stroke(111); untuk memberi garis pada objek.

translate (550,350);
rotateY(radians(x));
fill(255,168,0); //orange
sphere(100);

Fungsi translate() pada program di atas

digunakan

untuk

menggeser

objek

mengatur jarak antar objek terhadap posisi

(0, 0) pada Window.
Rotate Y(radians(x));Untuk
mengkonversikan dari sudut ke radian, bisa
kita gunakan fungsi radians()
Dengan melakukan rotasi, maka objek
diputar orientasinya sesuai dengan arah
perputaran.
Fill(); disini untuk memberi warna pada
objek.
Sphere(100); untuk ukuran sphere.

pushMatrix();
translate(150, 10);
rotateY(radians(x));
fill (color(102, 8, 163)); // ungu
sphere(30);
popMatrix();

Jika kita ingin menggambar di atas matrix

yang berbeda, maka yang bisa kita lakukan
adalah memanggil
fungsi pushMatrix(); terlebih dahulu, lalu
memanggil fungsi apapun untuk

translate(280, 10);
pushMatrix();
rotateY(radians(x));
fill (color(255,255,0)); // yellow
sphere(60);

menggambar dan kemudian keluar dari

matrix itu dengan memanggil
fungsi popMatrix(); Apabila kita kemudian
8

popMatrix();
translate(110, 10);
pushMatrix();
rotateY(radians(x));
fill (color(0, 5, 255)); // blue
sphere(40);
popMatrix();

untuk menggambar lagi, maka gambar akan

ditampilkan di matrix yang berbeda. Jika
kedua fungsi matrix ini tidak dipanggil,
maka Processing akan mengasumsikan
bahwa semua gambar ditampilkan di matrix
yang sama.

translate(80, 5);
pushMatrix();
rotateY(radians(x));
fill (color(255,97,0)); // orange
sphere(20);
popMatrix();
translate(60, 0);
pushMatrix();
rotateY(radians(x));
fill (color(0,252,255)); // blue
sphere(30);
popMatrix();
x+=3; // speed
if (x>=360){
x=0;
}
}

Untuk memberi kecepatan perputaran objek

dengan perputaran 360 (derajat).