Coding grafik 3D pantulan cahaya dengan GLM-5 | Alpha | PandaiTech

Coding grafik 3D pantulan cahaya dengan GLM-5

Panduan menulis kod HTML dan WebGL menggunakan prompt mudah untuk menghasilkan scene 3D dengan fizik pantulan (reflections) yang realistik.

Learning Timeline
Key Insights

Kelebihan Mod Chat Biasa

Gunakan mod 'regular chat' berbanding 'agents' jika tugasan anda tidak memerlukan langkah yang terlalu kompleks atau proses pemikiran yang sangat panjang kerana ia jauh lebih pantas.

Tip Pantulan Realistik

Secara default, AI mungkin tidak mengaktifkan ciri 'mutual reflection' (objek memantul objek lain). Anda perlu menyatakan secara spesifik dalam prompt supaya AI menulis logik pantulan antara dua objek.

Ujian Warna Dinamik

Apabila anda menukar warna atau material sesuatu objek (contoh: ke 'Gold'), perhatikan bagaimana warna pantulan pada objek bersebelahan turut berubah secara automatik untuk memastikan fizik cahaya adalah tepat.
Prompts

Prompt Penjanaan Scene 3D Awal

Target: GLM-5
Create a standalone HTML file using WebGL that loads efficiently on a regular browser. Code up a 3D city night scene using basic shapes.

Prompt Penambahbaikan Latar Belakang & Pantulan

Target: GLM-5
Use a real background that is publicly available. Generate two spheres and make sure the spheres reflect in each other (mutual reflection).
Step by Step

Membina Scene 3D WebGL dengan Pantulan Realistik Menggunakan GLM-5

  1. Buka interface 'regular chat' pada GLM-5 (mod ini lebih pantas untuk tugasan satu langkah).
  2. Masukkan prompt awal untuk menghasilkan file HTML standalone yang mengandungi kod WebGL bagi scene 3D (contoh: pemandangan bandar malam).
  3. Klik butang 'Generate' dan tunggu AI menghasilkan kod tersebut.
  4. Jika latar belakang kelihatan tidak realistik, berikan prompt arahan untuk menggunakan 'real background' yang tersedia secara terbuka (publicly available).
  5. Arahkan AI untuk menjana dua objek 'sphere' dan beri penekanan spesifik supaya objek tersebut saling memantul antara satu sama lain (mutual reflection).
  6. Klik butang 'Expand' (ikon anak panah) untuk melihat hasil paparan dalam mod 'full width'.
  7. Uji kefungsian scene dengan melaraskan slider 'Clear Coat', 'Roughness', dan 'Reflectivity' pada panel kawalan yang dihasilkan.
  8. Pilih menu dropdown atau butang 'Presets' (seperti Gold, Chrome, atau Glass) untuk melihat perubahan material dan warna pantulan secara real-time.
  9. Tukar latar belakang kepada tema lain (contoh: 'Sunset') melalui prompt atau menu untuk menguji kualiti pencahayaan dinamik.

More from Coding & Pembangunan Aplikasi AI

View All