Cara Cara

untung99.homes: TUTORIAL Menyertakan Gambar dan Tulisan pada Pemrograman Processing

falma.u99 , , , , , ,


Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.

Berikut adalah artikel atau berita tentang Harian untung99.homes dengan judul untung99.homes: TUTORIAL Menyertakan Gambar dan Tulisan pada Pemrograman Processing yang telah tayang di untung99.homes terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99.homes, Terimakasih.

Memasukkan Gambar

Processing dilengkapi dengan fasilitas yang memungkinkan kita dapat memasukkan gambar ke Display Window. Terdapat tiga langkah yang dapat dilakukan, yaitu sebagai berikut:

  1. Import gambar ke folder data sketch
  2. Buat variabel PImage untuk menyimpan gambar
  3. Load gambar ke dalam variabel dengan fungsi loadImage()

Import File Gambar

Kliklah Sketch – Add File… , kemudian pilih gambar yang ingin dimasukkan ke dalam sketch. Setelah memilih, tekanlah tombol Open. Selanjutnya, layar akan kembali ke jendela awal.

Menyertakan File Gambar dalam Skrip Program

Setelah langkah pertama selesai dilakukan, maka langkah kedua dan ketiga dilakukan melalui skrip program. Amatilah contoh skrip program berikut:

PImage gambar;
void setup(){
  size(740, 380);
  gambar = loadImage("jagannath.jpg");
}

void draw(){
  image(gambar, 0, 0);
}

Contoh berikut digunakan untuk menampilkan gambar lebih dari satu pada jendela Display:

PImage gambar1;
PImage gambar2;

void setup(){
  size(850, 330);
  gambar1 = loadImage("Koala.jpg");
  gambar2 = loadImage("Penguins.jpg");
}

void draw(){
  image(gambar1, 10, 10);
  image(gambar2, 430, 10); 
}

Menampilkan Tulisan

Kita dapat menambahkan tulisan pada Display Window kita. Langkah pertama yang harus dilakukan adalah melakukan konversi salah satu jenis font yang ada di komputer kita menjadi berformat VLW (Video Linkwell Document). Konversi ini dilakukan untuk mengubah tulisan menjadi gambar. Untuk melakukan hal ini, carilah Tools – Create Fonts.

Selanjutnya, akan muncul jendela Create Font. Pilihlah salah satu font yang ingin digunakan. Perhatikanlah menentukan ukuran font yang akan digunakan. Semakin besar ukuran tulisan, maka akan semakin besar pula ukuran file dalam format VLW.

Setelah melakukan konversi, buatlah sebuah variabel PFont yang akan digunakan untuk menyimpan font kita. Muati (load) font ke variabel menggunakan fungsi loadFont(). Gunakanlah fungsi textFont() untuk melakukan seting terhadap font.

Selanjutnya, ketiklah contoh skrip program berikut dan amatilah hasilnya:

PFont tulisan;

void setup() {
  size(500, 150);
  smooth();
  tulisan = loadFont("AGaramondPro-Italic-48.vlw");
  textFont(tulisan);
}

void draw() {
  background(0);
  textSize(36);
  text("Robotics and Embedded Systems", 25, 60);
  textSize(18);
  text("Robotics and Embedded Systems", 27, 90);
}

Demikian tutorial kali ini. Pada tulisan selanjutnya, kita akan membahas mengenai respon dan gerakan (Bersambung)…