Jana environment 3D ray-traced dengan GPT 5.2 dan WebGL | Alpha | PandaiTech

Jana environment 3D ray-traced dengan GPT 5.2 dan WebGL

Cipta scene 3D yang realistik secara fizikal dengan sfera logam, reflections, dan parameter boleh laras menggunakan GPT 5.2.

Learning Timeline
Key Insights

Tanda Aras Pengesahan

Untuk mengesahkan keupayaan model AI, perhatikan 'inter-reflections' (melihat satu sfera dipantulkan di dalam sfera yang satu lagi). Model terdahulu seperti Gemini 3 sering gagal dalam pengiraan fizik khusus ini.

Keterlihatan Thinking Process

Dalam GPT 5.2, mengembangkan 'Thinking Process' sangat kritikal untuk debugging. Ia mengesahkan sama ada AI berjaya melaksanakan tindakan luaran, seperti melayari web untuk aset tekstur tertentu (panorama jalan) sebelum menulis kod.
Prompts

Penjanaan Persekitaran Ray-Traced

Target: GPT 5.2
Create a WebGL simulation with two metallic spheres. Use any publicly available 3D street environment as the background. Allow adjustable parameters such as reflectivity, roughness, radius, position, and other material properties of the spheres. Ensure the scene handles ray-traced reflections between the objects.
Step by Step

Menjana dan Melancarkan Simulasi WebGL

  1. Masukkan prompt yang terperinci ke dalam antara muka chat GPT 5.2, dan nyatakan keperluan untuk 'two metallic spheres' serta 'publicly available 3D street environment'.
  2. Klik butang 'Generate'.
  3. Klik untuk kembangkan log 'Thinking Process' bagi memastikan AI sedang mencari panorama jalan dan melaksanakan WebGL 2 ray tracing.
  4. Tunggu sehingga penjanaan kod selesai.
  5. Klik butang atau ikon 'Copy Code' pada blok kod tersebut.
  6. Buka text editor (contohnya Notepad, VS Code) pada komputer anda.
  7. Paste kod yang dijana tadi ke dalam fail kosong yang baru.
  8. Simpan fail tersebut dengan sambungan '.html' (contohnya 'simulation.html').
  9. Double-click fail HTML yang disimpan tadi untuk membukanya dalam web browser anda.

Mengesahkan Ketepatan Ray-Tracing

  1. Cari panel 'Ray Tracing Controls' dalam tetingkap browser yang dijana.
  2. Klik untuk kembangkan kawalan tersebut jika ia tertutup.
  3. Tetapkan 'Base Color' untuk kedua-dua Sphere A dan Sphere B kepada 'White' bagi meneutralkan pengaruh warna.
  4. Tarik slider 'Roughness' untuk kedua-dua sfera ke '0' bagi memaksimumkan pantulan seakan cermin.
  5. Tarik slider 'Metalness' ke '1' untuk mensimulasikan permukaan logam sepenuhnya.
  6. Laraskan slider posisi 'X' atau 'Z' untuk Sphere A bagi menggerakkannya lebih dekat dengan Sphere B.
  7. Perhatikan pantulan pada permukaan Sphere B; sahkan bahawa Sphere A kelihatan di dalam pantulan tersebut (pantulan antara objek yang tepat secara fizikal).

More from Coding & Pembangunan Aplikasi AI

View All