Shader Toon
❗️ peringatan Jika sebuah item dengan gaya serupa diproduksi menggunakan shader selain Toon Shader yang disediakan oleh ZEPETO, penjualan item tersebut dapat ditangguhkan atau dihapus tanpa peringatan.
👍 Sebelum memulai, pastikan bahwa versi terbaru dari file proyek Zepeto Studio telah diunduh. File proyek terbaru versi 3.2.12 dan lebih tinggi termasuk shader bawaan ZEPETO.
ZEPETO Toon Shader menyediakan fitur-fitur berikut.
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-dc5ojMFEOWEHEeM2uZMxX-20240904-102326.png?format=webp)
1. Kontrol Garis Besar
- Warna Garis Besar - Anda dapat mengatur warna garis besar.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-NYUPJfA8nZ6Yh4M6qBtrh-20240904-102331.gif)
- Lebar Garis Besar - Anda dapat mengatur ketebalan garis besar. Ketebalan garis besar tetap konstan sesuai dengan jarak, tetapi saat jarak dari kamera meningkat (lebih dari 2M), ketebalan garis besar berkurang seiring dengan meningkatnya jarak.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-ypk_vQPmzX_KYCAg2szQZ-20240904-102326.gif)
- Outline Color Blend - Sesuaikan warna garis luar dan tingkat pencampurannya dengan BaseColor.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-VEz6_dbmkWQosz9HMXYwH-20240904-102326.gif)
- Outline Off - Opsi untuk tidak menggambar garis luar.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-XLqntzlHD3YP8FJCD_Bdn-20240904-102326.gif)
- Outline Normals Source - Opsi ini digunakan untuk memutuskan apakah informasi normal halus dari mesh diwakili sebagai Tangent atau Normal.
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-_M_wO4ShbOcq4QVByq-hh-20240904-102326.png?format=webp)
2. Kontrol Bayangan
- Warna Bayangan - Sesuaikan warna area yang dibayangi. Warna tersebut dikalikan dengan BaseColor dan dirender.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-Q2AAi6TRhAa4MDc3iZ_FU-20240904-102328.gif)
- Ambang Bayangan - Sesuaikan area area yang dibayangi.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-Dk_z1b_VSmiefH4Y9NWHf-20240904-102326.gif)
- Shadow Smooth - Sesuaikan kehalusan area yang dibayangi.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-1k8t7klnjssZ5ch9Tv8Kr-20240904-102326.gif)
- Shading Detail - Mengontrol properti untuk nada kedua. (Detailnya sama)
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N--yOSslJwRZ1IhOEOSfKRK-20240904-102324.png?format=webp)
3. Specular Control
- Specular Color - Sesuaikan warna bagian yang mengkilap.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-_Lgghj6nUeXbHXwIdrjSA-20240904-102326.gif)
- Specular Threshold - Mengontrol area bagian mengkilap.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-CCzUo0sfFFkQj4ceLrmIE-20240904-102326.gif)
- Specular Smooth - Mengontrol tingkat di mana area mengkilap menyebar dengan halus.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-2tc3XVUkd6tbxgUTIVGJW-20240904-102326.gif)
- Use Specular Highlight - Nyalakan/matikan ekspresi kilap.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-67sLG28DjnhQqOsxILOVH-20240904-102326.gif)
4. Kontrol Rim
- Warna Rim - Sesuaikan warna Rimlight.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-1PxT0m5kz2jdhIIZhSGit-20240904-102330.gif)
- Ambang Rim - Sesuaikan area bagian Rimlight.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-7I3uWoMkL2oLHJVBHtBW8-20240904-102326.gif)
- Rim Halus - Kontrol seberapa halus penyebaran Rimlight.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-8Bu_KolNF0TBfIqJzKEMi-20240904-102326.gif)
- Gunakan Cahaya Rim - Nyalakan/Matikan Rimlight.
- Masker Berbasis Cahaya - Jika Masked dipilih, cahaya rim tidak akan ditampilkan di tempat yang tidak menerima cahaya.
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-7wIIknNjMxsLK9IfAP_IT-20240904-102326.gif)
1. Tekstur Ambang Bayangan
👍 Detail di bawah ini dibandingkan dalam lingkungan yang menggunakan properti Bayangan yang sama.
- Berdasarkan tekstur abu-abu 0.5, semakin gelap bayangannya, semakin terang bayangannya.
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-0lMLbjq_zFTMp16T1pGKT-20240904-102324.png?format=webp)
- Ketika tekstur Ambang Bayangan tidak digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-RtdIxhPV9_FQpY8HkDlZO-20240904-102326.png?format=webp)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-OhhsxdJGAVOFVFxPJojU1-20240904-102325.gif)
- Ketika tekstur Ambang Bayangan digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-LHjUlswWyXuKJgfPJhvSx-20240904-102326.png?format=webp)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-JPk3yVK8PCIe6LADcI62i-20240904-102327.gif)
2. Tekstur Masker
👍 Detail di bawah ini dibandingkan dalam lingkungan yang menggunakan properti Outline yang sama.
- Kontrol tekstur masking untuk Outline, Specular, dan Rim di saluran R, B, dan G, masing-masing.
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-mGR3u_V6zgxPViDvdToZm-20240904-102325.png?format=webp)
Ketika tekstur Shadow Threshold tidak digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-844J6_wg3EGsPDho_6N3s-20240904-102326.png?format=webp)
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-Sy-dPVxUE-hEBhT8ApHW5-20240904-102325.png?format=webp)
Ketika tekstur Shadow Threshold digunakan
Outline menggunakan saluran R dari tekstur
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-sk6SQ5HkDZDs9EhmHtugn-20240904-102325.png?format=webp)
👍 Detail di bawah ini dibandingkan dalam lingkungan yang menggunakan properti Specular yang sama.
- Saluran R, B, dan G mengontrol tekstur masking untuk Outline, Specular, dan Rim, masing-masing.
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-ENHerwFzkNUbyRnW1m0iy-20240904-102326.png?format=webp)
Ketika tekstur Mask tidak digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-wQWNCRJ8XWDB6hSqenGNH-20240904-102326.png?format=webp)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-NRkU_LJDe7P8cPNvSu8Di-20240904-102327.gif)
Ketika tekstur Mask digunakan
Specular menggunakan saluran G dari tekstur
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-LB8ik0qOV94YXkMhj2PZ4-20240904-102327.gif)
👍 Detail di bawah ini dibandingkan dalam lingkungan yang menggunakan properti rim yang sama.
Ketika tekstur Mask tidak digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-ylG2KMhDkl2jwhK6UrSpc-20240904-102326.png?format=webp)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-gfxfN63Qj3qohXUkYuBxL-20240904-102329.gif)
Ketika tekstur Mask digunakan
- Rim menggunakan saluran B dari tekstur
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-tQh06mlifPE9BZJ3T4iXS-20240904-102326.png?format=webp)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-vcuUIyEHQ-jxLPyn5GMZH-20240904-102330.gif)
3. Kuas Bertekstur
- Mengekspresikan pola spesifik pada batas Toon Shader. Tekstur dihasilkan berdasarkan tekstur abu-abu 0,5.
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-uKrgS-Vzr0LaicU0dphbo-20240904-102326.png?format=webp)
Ketika Kuas Bertekstur tidak digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-_JdF-KefDERsnU188Nylk-20240904-102326.png?format=webp)
👍 Detail di bawah ini dibandingkan dalam lingkungan yang menggunakan properti yang sama.
- Ketika Kuas Bertekstur digunakan
![Document image Document image](https://images.archbee.com/fCt3n1oCa8rgNJ8fw9I2N-xx-4fPqYqB-1-bc_yLujR-20240904-102326.png?format=webp)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-A-HS-qJqUIh63DBSNN0en-20240904-102328.gif)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-DrOANeZUIz1b8s9Osf1H4-20240904-102327.gif)
![Document image Document image](https://archbee-image-uploads.s3.amazonaws.com/fCt3n1oCa8rgNJ8fw9I2N-7li6zFtF2nwV9zqXz8bBC-20240904-102328.gif)
![Doc contributor](https://s3.amazonaws.com/archbee-animals/lion.png)
![Doc contributor](https://s3.amazonaws.com/archbee-animals/gorilla.png)
![Doc contributor](https://s3.amazonaws.com/archbee-animals/rabbit.png)