Programming Multimedia dengan Processing

Hari ini sudah mulai masuk kuliah lagi, seperti biasa kembali diperbudak kertas dan birokrat :D. Mata kuliah semester 2 ini berbeda dengan semester pertama, pada semester 2 ini tidak ada mata kuliah visual programming seperti semester lalu, namun tergantikan dengan mata kuliah Multimedia Programming. Sebenernya saya belum bisa nangkap apa yang akan dipelajari dalam mata kuliah ini, namun dari tugas pertama hari ini saya bisa menangkap bahwa mata kuliah ini masih akan berkutat dengan programming java.

Intinya programming multimedia ini adalah pembuatan animasi maupun bentuk-bentuk konten multimedia interaktif dengan bahasa pemrograman, seperti software drawing, animation, dsb. Oleh karena itu untuk software yang digunakan tetap seperti visual programming, yaitu Eclipse dan ada library tambahan yaitu Processing yang berlisensi Open Source.

Untuk versi linux, processing ini bisa dibilang software yang portable, karena tinggal extract dan play sudah dapat dijalankan, namun di sini kita tidak akan menggunakan GUI dari Processing, kita hanya akan mengambil library Processing untuk digunakan di Eclipse.

Setelah penjelasan yang cukup panjang lebar, langsung saja masuk ke contoh praktikum hari ini :D.

1. Buat sebuah project java dengan nama TestProcessing

Programming Multimedia dengan Processing 1

Create new project

2. Import Library Processing pada eclipse dengan cara:

File > Import > General > File System

Programming Multimedia dengan Processing 2

Import filesystem

Browser Directory tempat extract Processing, cek core.jar > Finish

Programming Multimedia dengan Processing 3

Import core.jar

Klik kanan pada core.jar > Build Path > Add to Build Path

Programming Multimedia dengan Processing 4

build path

3. Buat sebuah Class dengan nama MyProcessingSketch dan ketikkan kode berikut

import processing.core.*;

public class MyProcessingSketch extends PApplet {
  public void setup() {
    size(400,400);
    background(0);
  }

  public void draw() {
    stroke(200);
    if (mousePressed) {
      line(mouseX,mouseY,pmouseX,pmouseY);
    }
  }
}

4. Setelah di Run, coba klik mouse pada jendela applet yang muncul, kemudian drag. Bisa jadi hasilnya seperti ini, silakan otak-atik sendiri source codenya untuk hasil yang lebih bagus.

Programming Multimedia dengan Processing 5

test run

Semoga praktikum pertama ini bisa bermanfaat buat teman-teman yang juga sedang belajar multimedia programming :D. Jika ada kesalahan harap dikoreksi. Kelupaan, untuk download Processing bisa download pada link berikut

Download Processing

Happy Programming!
Nb: Tampilan Applet bisa jadi berbeda, menyesuaikan dengan operasi sistem yang digunakan.