MEMBUAT SHADERS UNTUK PPSSPP

Tutorial Membuat Custom Shaders untuk PPSSPP

PPSSPP, emulator PlayStation Portable untuk perangkat mobile, memungkinkan kalian untuk menggunakan custom shaders untuk mempercantik tampilan grafis game. Dalam tutorial ini, kita akan memandu kalian langkah demi langkah untuk membuat dan mengatur custom shaders yang dapat diterapkan ke layar emulator.

Pendahuluan

PPSSPP mendukung penggunaan custom shaders, yang memungkinkan kalian menambahkan efek grafis sendiri, seperti kecerahan, warna, atau bahkan efek visual yang lebih kompleks. Agar shaders dapat bekerja di PPSSPP, kalian perlu menyiapkan tiga file dan mengikuti beberapa langkah mudah.

Langkah-langkah Menyiapkan Shaders

1. Membuat Folder untuk Shaders

Langkah pertama adalah membuat folder untuk menyimpan shaders di perangkat kalian. Ikuti langkah berikut:

1. Buat folder bernama Shaders di dalam direktori PSP yang ada di memori SDCard atau memori internal perangkat kalian.

2. Menyiapkan Tiga File

PPSSPP membutuhkan tiga file untuk menjalankan shaders:

File konfigurasi (.ini)

Vertex shader (.vsh)

Fragment shader (.fsh)

File 1: Konfigurasi (File .ini)

File konfigurasi ini memberitahu PPSSPP tentang nama shader, pembuatnya, serta lokasi file vertex dan fragment shader. Berikut adalah contoh format file .ini:

[CustomShader]

Name = Shader Kecerahan

Author = Nama Pembuat

Fragmen = shaderKecerahan.fsh

Vertex = shaderVertex.vsh

Gantilah CustomShader, Shader Kecerahan, dan Nama Pembuat sesuai kebutuhan.

File 2: Vertex Shader (.vsh)

Vertex shader adalah tempat kita mengatur area yang akan digambar pada layar. Berikut adalah contoh vertex shader yang sangat sederhana:

#ifdef GL_ES

precision lowp float;

precision highp int;

#endif

attribute vec4 a_position;

attribute vec2 a_texcoord0;

varying vec2 v_texcoord0;

void main() {

  v_texcoord0 = a_texcoord0;

  gl_Position = a_position;

}

Shader ini akan mengatur agar gambar ditampilkan pada seluruh layar emulator.

File 3: Fragment Shader (.fsh)

Fragment shader bertanggung jawab untuk memberikan warna pada setiap pixel yang akan ditampilkan di layar. Berikut adalah contoh fragment shader yang mengubah kecerahan layar:

#ifdef GL_ES

precision lowp float;

precision highp int;

#endif

varying vec2 v_texcoord0;

uniform sampler2D sampler0;

void main() {

   vec4 A = texture2D(sampler0, v_texcoord0);

   vec3 color = A.rgb;

   color *= 1.5; // Atur kecerahan layar

   gl_FragColor = vec4(color, 1.0);

}

Di sini, angka 1.5 dapat diubah untuk meningkatkan atau menurunkan kecerahan layar. Misalnya, jika kalian ingin layar menjadi lebih terang, gunakan nilai lebih tinggi, atau nilai lebih rendah untuk efek lebih gelap.

Contoh Modifikasi Warna

Jika kalian ingin menambahkan efek warna tertentu, misalnya membuat layar menjadi merah, cukup ubah kode pada fragment shader:

color += vec3(1.0, 0.0, 0.0); // Menambah warna merah

Atau, jika ingin menambah intensitas warna merah:

color += vec3(1.0, 0.0, 0.0) * 1.5; // Intensitas merah lebih tinggi

Kesimpulan

Dengan mengikuti langkah-langkah di atas, kalian bisa mulai membuat shader sendiri di PPSSPP. Shader ini dapat digunakan untuk menambahkan berbagai efek visual, seperti kecerahan, saturasi warna, atau bahkan efek-efek grafis lainnya yang kalian inginkan.