Tutorial Membuat Simulasi Piano Sederhana Menggunakan Library Soundcipher Pada Software Processing

Tahap kedua menulis syntax program pada Processing

Sebelum menjalankan Processing, install dahulu library Processing dengan cara mengcopy file Soundchiper ke dalam direktori installasi Processing.

Untuk memulai menulis syntax program, jalankan software Processing pada PC anda.

 

1.  Berupa komentar pembuka syntax

  /**

 *Piano Sederhana

 *

 *Amelsi Afrilla

 *Julian Maryadi

 *Nur Aprilia

 *

 *Soundchiper by Adrew R. Brown

*Piano bekerja dengan baik jika di tekan "tut" satu per   satu

 /

2.  Perintah untuk membuka / import keytrigger yang pada library Soundchiper

  import arb.soundcipher.*;

  SoundCipher sc = new SoundCipher(this);

  void keyPressed()

  {

    sc.playNote(key - 40, 100, 0.5);

  }

  void draw() {}

3.  Insiliasi sebelum void setup

  SoundCipher sc;

  boolean[] keysNotePlay;

  int[] keysNoteMap;

4.  Menentukan key piano pada keyboard dan menentukan ukuran tinggi rendah suara nada yang dihasilkan. 

keysNotePlay = new boolean[127];

keysNoteMap = new int[127];

keysNoteMap['a'] = 59;

keysNoteMap['s'] = 60;

keysNoteMap['d'] = 62;

keysNoteMap['f'] = 64;

keysNoteMap['g'] = 65;

keysNoteMap['h'] = 67;

keysNoteMap['j'] = 69;

keysNoteMap['w'] = 61;

keysNoteMap['e'] = 63;

keysNoteMap['t'] = 66;

keysNoteMap['y'] = 68;

keysNoteMap['u'] = 70;

5.  Ukuran display

size (720,700);

6.  Mematikan suara ketika key di lepas (tombol keyboard)              

void keyReleased(){

keysNotePlay[key] = false;

}

7.  Menggambar Piano berupa objek Rectangle

void draw() {

//tut warna putih

  fill(255);

  if( keyPressed && keysNotePlay['a'] == true){

    fill(204);

  }

  rect (10, 10, 100, 500);

   

  fill(255);

    if( keyPressed && keysNotePlay['s'] == true){

    fill(204);

  }

  rect (110, 10, 100, 500);

    fill(255);

    if( keyPressed && keysNotePlay['d'] == true){

    fill(204);

  }

  rect (210, 10, 100, 500);

    fill(255);

    if( keyPressed && keysNotePlay['f'] == true){

    fill(204);

  }

  rect (310, 10, 100, 500);

    fill(255);

    if( keyPressed && keysNotePlay['g'] == true){

    fill(204);

  }

 

  rect (410, 10, 100, 500);

    fill(255);

    if( keyPressed && keysNotePlay['h'] == true){

    fill(204);

  }

 

  rect (510, 10, 100, 500);

    fill(255);

    if( keyPressed && keysNotePlay['j'] == true){

    fill(204);

  }

    rect (610, 10, 100, 500);

    

  //tut warna hitam

  fill(0);

  if( keyPressed && keysNotePlay['w'] == true){

    fill(204);

  }

  rect (75,10,70,270);

  fill(0);

  if( keyPressed && keysNotePlay['e'] == true){

    fill(204);

  }

  rect (175,10,70,270);

  fill(0);

  if( keyPressed && keysNotePlay['t'] == true){

    fill(204);

  }

  rect (375,10,70,270);

  fill(0);

  if( keyPressed && keysNotePlay['y'] == true){

    fill(204);

  }

  rect (475,10,70,270);

  fill(0);

  if( keyPressed && keysNotePlay['u'] == true){

    fill(204);

  }

  rect (575,10,70,270);

8.  Syntax untuk menampilkan gambar “dilengkapi dengan void setup dan void draw 

PImage gambar;

gambar = loadImage("label.jpg");

image(gambar, 422, 530);

9.  Perintah untuk menjalankan piano

if( keyPressed && keysNotePlay[key] == false){

sc.playNote(keysNoteMap[key], 100, 1);

keysNotePlay[key] = true; 

  

Untuk melanjutkan  tahap ketiga, silahkan klik link berkut ini : 

Tahap Ketiga "Menjalankan Simulasi Piano Sederhana"                  amelsiafrilla.blogspot.com

Untuk kembali ke  tahap pertama, silahkan klik link berkut ini :

Tahap partama "persiapkan tool atau software yang dibutuhkan" nurapriliasari20.blogspot.com