void draw() { background(204); int s = second(); int m = minute(); int h = hour(); line(s, 0, s, 33); line(m, 33, m, 66); line(h, 66, h, 100); }

Presentasi berjudul: "void draw() { background(204); int s = second(); int m = minute(); int h = hour(); line(s, 0, s, 33); line(m, 33, m, 66); line(h, 66, h, 100); }"— Transcript presentasi:

1

2 void draw() { background(204); int s = second(); int m = minute(); int h = hour(); line(s, 0, s, 33); line(m, 33, m, 66); line(h, 66, h, 100); }

3

4 second(); minute(); hour(); Memanggil data waktu dari detik,menit hingga jam dari komputer kita.

5 int d = day(); int m = month(); int y = year(); String s = String.valueOf(d); text(s, 10, 28); s = String.valueOf(m); text(s, 10, 56); s = String.valueOf(y); text(s, 10, 84);

6

7 day(); month(); year(); Memanggil data tanggal,bulan dan tahun dari komputer kita. Text(a,b,c); a : karakter alphanumerik yang akan di tampilkan. b : koordinat x teks. c : koordinat y text.

8

9  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Clock

10

11  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Miliseconds

12 Menggunakan masukan dari mouse.

13 Menggunakan koordinar X dari kursor mouse. Contoh Code : void draw() { background(204); line(mouseX, 20, mouseX, 80); }

14 Menggunakan koordinar X dari kursor mouse. Contoh Code : void draw() { background(204); line(20, mouseY, 80, mouseY); }

15 Menggunakan penggunaan klik(tombol) kanan dan klik(tombol) kiri pada mouse. Contoh Code : void draw() { if (mousePressed && (mouseButton == LEFT)) { fill(0); } else if (mousePressed && (mouseButton == RIGHT)) { fill(255); } else { fill(126); } rect(25, 25, 50, 50); }

16 Fungsi ini menentukan tombol telah ditekan dan fungsi ini hanya bekerja sekali setiap kejadian. Contoh Code : int value = 0; void draw() { fill(value); rect(25, 25, 50, 50); } void mousePressed() { if (value == 0) { value = 255; } else { value = 0; } }

17 Fungsi ini hanya memberikan nilai true dan false untuk setiap aksi mouse. Contoh Code : void draw() { if (mousePressed == true) { fill(0); } else { fill(255); } rect(25, 25, 50, 50); }

18 Fungsi ini bekerja jika kursor mouse berpindah-pinah namun jika diklik tombol mouse maka fungsi ini tidak akan aktif. Contoh Code : int value = 0; void draw() { fill(value); rect(25, 25, 50, 50);} void mouseMoved() { value = value+5; if (value > 255) { value = 0;} }

19 Sama seperti MouseMoved namun perbedaanya, walaupun diklik tombol mouse, fungsi masih tetap aktif. Contoh Code : int value = 0; void draw() { fill(value); rect(25, 25, 50, 50); } void mouseDragged() { value = value + 5; if (value > 255) { value = 0; } }

20 Fungsi ini sama seperti fungsi MousePressed Contoh Code : int value = 0; void draw() { fill(value); rect(25, 25, 50, 50); } void mouseReleased() { if (value == 0) { value = 255; } else { value = 0; } }

21  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Mouse 1D

22  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Mouse 2D

23  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Mouse Functions

24  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Mouse Press

25  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Mouse Signals

26  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Storing Input

27  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Constraint

28  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Easing

29 Menggunakan masukan dari keyboard.

30 Selalu mengandung key baru pada keyboard yang digunakan(baik ditekan maupun dilepaskan).

31 void draw() { if (keyPressed) { if (key == 'b' || key == 'B') { fill(0); } } else { fill(255); } rect(25, 25, 50, 50); }

32 Digunakan untuk mendeteksi tombol khusus yang ada di keyboard seperti panah (atas,bawah,kanan,kiri) serta tombol ALT, Ctrl, Shift, PAGE_UP, PAGE_DOWN, END, HOME

33 color fillVal = color(126); void draw() { fill(fillVal); rect(25, 25, 50, 50); } void keyPressed() { if (key == CODED) { if (keyCode == UP) { fillVal = 255; } else if (keyCode == DOWN) { fillVal = 0; } } else { fillVal = 126; } }

34 Fungsi ini figunakan untuk penekanan semua tombol atau key yang ada di keyboard. Dan saat kita tahan tombolnya maka perubahan akan tetap terjadi.

35 int value = 0; void draw() { fill(value); rect(25, 25, 50, 50); } void keyPressed() { if (value == 0) { value = 255; } else { value = 0; } }

36 Fungsi ini memberikan nilai true atau false jika tombol keyboard ditekan atau tidak

37 void draw() { if (keyPressed == true) { fill(0); } else { fill(255); } rect(25, 25, 50, 50); }

38 Fungsi ini memberikan kejadian setelah ditekan tombol keyboardnya, namun jika ditahan tombol keyboardnya maka tidak akan ada kejadian atau perubahan.

39 int value = 0; void draw() { fill(value); rect(25, 25, 50, 50); } void keyReleased() { if (value == 0) { value = 255; } else { value = 0; } }

40 Fungsi ini dipanggil setelah sekali ditekan tapi tidak berlaku untuk tombol Ctrl, alt dan Shift

41 void draw() { } void keyPressed() { println("pressed " + int(key) + " " + keyCode); } void keyTyped() { println("typed " + int(key) + " " + keyCode); } void keyReleased() { println("released " + int(key) + " " + keyCode); }

42  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih Keyboard

43  Buka menu file di aplikasi processing  Klik examples  Pilih Input  Pilih KeyboardFunctions