Bagus Alfiyanto

Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.

DASAR ANIMASI
Animasi pada dasarnya adalah membuat objek seolah-olah bergerak sehingga terjadi pergerakan yang membuat mata kita memandangnya sebagai sebuah kesatuan utuh. Padahal dibalik itu, animasi dibuat berdasarkan pada bagian-bagian tertentu (terpisah) dan baru kemudian akan disatukan untuk mendapatkan pergerakan yang sempurna. Untuk membuat animasi, terlebih dahulu kita harus membuat satu per satu bagian- bagian tertentu tadi. Hal ini merupakan hal yang sangat berat dalam membuat animasi mengingat kita harus memikirkan bagaimana desain atau bagian dari animasi yang kita buat tersebut supaya benar-benar mendapatkan hasil yang
sempurna jika disatukan.

DASAR ANIMASI DENGAN JAVA
Java merupakan bahasa pemrograman yang sangat ampuh sekali. Ini bisa dibuktikan dengan kemampuannya yang tidak bergantung pada platform. Artinya Java dapat dijalankan pada sembarang komputer dan bahkan pada sembarang sistem operasi (sering disebut dengan istilah portabilitas). Yang menarik, tingkat portabilitas Java tidak hanya sebatas pada program sumber (source code), melainkan juga pada tingkat kode biner yang disebut bytecode. Ini berarti, bila
Anda telah mengkompilasi program Java pada komputer bersistem operasi Windows, maka Anda dapat menjalankan hasil kompilasi pada komputer bersistem operasi Linux tanpa perlu mengkompilasi ulang lagi.

Untuk membuat animasi di Java, kita juga harus membuat bagian-bagian yang kemudian akan kita satukan untuk mendapatkan pergerakan (animasi). Ok’s, langsung saja Penulis akan memberikan salah satu contoh animasi sederhana yang akan memunculkan tanda bintang secara bergantian dan akan berjalan dari kiri ke kanan.
Kode program :
//*********************************
//Nama File : animasiSederhana.java
//*********************************
//Animasi di Java
//Untuk menampilkan animasi bintang
//*********************************
import java.awt.*;
import java.awt.event.*;
public class animasiSederhana extends Frame implements Runnable {
Thread animation;
// Mengatur waktu delay
int frameDelay = 100;
// Objek yang akan ditampilkan
String frames[] = {"*","**","***","****","*****","****","***","**","*"};
// Menentukan variabel yang diperlukan
int numFrames = frames.length;
int currentFrame = 0;
long lastDisplay = 0;
int screenWidth = 200; //lebar layar
int screenHeight = 200; //tinggi layar
public static void main(String args[]) {
animasiSederhana app = new animasiSederhana();
}
public animasiSederhana() {
super("Animasi Sederhana");
setup();
setSize(screenWidth,screenHeight);
addWindowListener(new WindowEventHandler());
show();
animation = new Thread(this);
animation.start();
}
void setup() {
setupMenuBar();
setFont(new Font("default",Font.BOLD,18)); //mengatur font
}
void setupMenuBar() {
MenuBar menuBar = new MenuBar();
Menu fileMenu = new Menu("File");
MenuItem fileExit = new MenuItem("Tutup");
fileExit.addActionListener(new MenuItemHandler());
fileMenu.add(fileExit);
menuBar.add(fileMenu);
setMenuBar(menuBar);
}
public void paint(Graphics g) {
g.drawString(frames[currentFrame],60,60); //membuat frame
}
public void run() {
2

Tips & Trik IlmuKomputer.Com
Copyright © 2005 IlmuKomputer.Com
// membuat animasi (perulangan)
do {
long time = System.currentTimeMillis();
if(time - lastDisplay > frameDelay) {
repaint();
try {
Thread.sleep(frameDelay); //berhenti selama frameDelay=100
}catch(InterruptedException ex){
}
++currentFrame;
currentFrame %= numFrames;
lastDisplay = time;
}
} while (true);
}
class MenuItemHandler implements ActionListener, ItemListener {
public void actionPerformed(ActionEvent ev){
String s=ev.getActionCommand();
if(s=="Exit"){
System.exit(0);
}
}
public void itemStateChanged(ItemEvent e){
}
}
//Kelas yang digunakan agar tombol close pada frame bisa berfungsi
class WindowEventHandler extends WindowAdapter {
public void windowClosing(WindowEvent e){
System.exit(0);
}
}
}
Output program :
ANIMASI DENGAN GRAFIK
Untuk membuat animasi dengan grafik, maka terlebih dahulu kita harus menyiapkan gambar-gambar atau yang sejenisnya agar kita dapat menyatukannya

dengan mudah. Untuk contoh kali ini, penulis menggunakan empat buah gambar yang akan disatukan untuk mendapatkan animasi gambar manusia yang bergerak.
Gambar 1 :
stickman1.gif
Gambar 2 :
stickman2.gif
Gambar 3 :
stickman3.gif
Gambar 4 :
stickman4.gif
4

Tips & Trik IlmuKomputer.Com
Copyright © 2005 IlmuKomputer.Com
Kode Program :
//*********************************
//Nama File : animasiGrafik.java
//*********************************
//Animasi di Java
//Untuk menampilkan animasi manusia
//File gambar stickman1.gif, dst
//disimpan satu direktori dengan
//animasiGrafik.java
//*********************************
import java.awt.*;
import java.awt.event.*;
public class animasiGrafik extends Frame implements Runnable {
Thread animation;
int frameDelay = 100;
Image frames[];
int numFrames;
int currentFrame = 0;
long lastDisplay = 0;
int screenWidth = 400;
int screenHeight = 400;
public static void main(String args[]) {
animasiGrafik app = new animasiGrafik ();
}
public animasiGrafik () {
super("Animasi Grafik");
setup();
setSize(screenWidth,screenHeight);
addWindowListener(new WindowEventHandler());
show();
animation = new Thread(this);
animation.start();
}
void setup() {
setupMenuBar();
setFont(new Font("default",Font.BOLD,18));
Toolkit toolkit = getToolkit();
frames = new Image[4];
// objek yang akan ditampilkan
frames[0] = toolkit.getImage("stickman1.gif");
frames[1] = toolkit.getImage("stickman2.gif");
frames[2] = toolkit.getImage("stickman3.gif");
frames[3] = toolkit.getImage("stickman4.gif");
numFrames = frames.length;
}
void setupMenuBar() {
MenuBar menuBar = new MenuBar();
Menu fileMenu = new Menu("File");
MenuItem fileExit = new MenuItem("Exit");
fileExit.addActionListener(new MenuItemHandler());
fileMenu.add(fileExit);
menuBar.add(fileMenu);
setMenuBar(menuBar);
}
public void paint(Graphics g) {
g.drawImage(frames[currentFrame],125,80,this);
}
5

Tips & Trik IlmuKomputer.Com
Copyright © 2005 IlmuKomputer.Com
public void run() {
// Perulangan animasi
do {
long time = System.currentTimeMillis();
if(time - lastDisplay > frameDelay) {
repaint();
try {
Thread.sleep(frameDelay);
}catch(InterruptedException ex){
}
++currentFrame;
currentFrame %= numFrames;
lastDisplay = time;
}
} while (true);
}
class MenuItemHandler implements ActionListener, ItemListener {
public void actionPerformed(ActionEvent ev){
String s=ev.getActionCommand();
if(s=="Exit"){
System.exit(0);
}
}
public void itemStateChanged(ItemEvent e){
}
}
//Kelas yang digunakan agar tombol close pada frame bisa berfungsi
class WindowEventHandler extends WindowAdapter {
public void windowClosing(WindowEvent e){
System.exit(0);
}
}
}