Cipta simulasi Ray Tracing dalam browser dengan GPT 5.4 Canvas | Alpha | PandaiTech

Cipta simulasi Ray Tracing dalam browser dengan GPT 5.4 Canvas

Panduan menggunakan mode Canvas untuk menjana kod simulasi pantulan cahaya (ray tracing) dengan tetapan fizik terperinci.

Learning Timeline
Key Insights

Kelebihan Extended Thinking Mode

Mod 'Extended Thinking' sangat penting untuk task simulasi fizik seperti ini kerana ia memberi masa kepada AI untuk merancang interaksi pantulan cahaya antara objek sebelum menulis kod.

Fizik Pantulan Real-Time

Apabila anda mengubah posisi atau saiz satu objek (seperti sfera), perhatikan pantulan pada objek lain (seperti cube) akan berubah secara dinamik. Ini menunjukkan simulasi GPT 5.4 adalah 'physically correct'.

Tips Debugging Visual

Jika simulasi terasa berat, turunkan nilai 'Reflectivity' atau 'Roughness' untuk mengurangkan beban pengiraan pada browser.
Prompts

Prompt 1: Penjanaan Asas & Sfera

Target: ChatGPT GPT 5.4
Create a ray tracing simulation file. Make sure it loads efficiently on a regular web browser. Allow me to change the properties of the sphere and make sure everything works.

Prompt 2: Penambahan Objek & Kawalan Posisi

Target: ChatGPT GPT 5.4
Allow me to change the properties and position of the other shapes (cube and pyramid) as well.
Step by Step

Langkah Membina Simulasi Ray Tracing dengan GPT 5.4 Canvas

  1. Buka ChatGPT dan pastikan anda mempunyai akses kepada GPT 5.4 (pelan berbayar).
  2. Klik pada menu dropdown model dan tetapkan 'Thinking' mode kepada 'Extended' untuk membolehkan AI memproses logik fizik yang kompleks dengan lebih mendalam.
  3. Klik pada ikon 'Canvas' mode di dalam chat interface untuk membolehkan fungsi pratonton kod secara side-by-side.
  4. Masukkan prompt pertama yang meminta AI menjana fail simulasi ray tracing yang efisien untuk web browser, fokus kepada kawalan sifat objek sfera (rujuk Prompt Card).
  5. Tekan 'Run' atau Enter dan tunggu Canvas menjana kod serta interface kawalan di sebelah kanan.
  6. Masukkan prompt kedua untuk menambah keupayaan mengubah posisi dan sifat objek lain seperti cube dan pyramid.
  7. Gunakan slider yang muncul dalam interface Canvas untuk menguji parameter 'Reflectivity', 'Roughness', 'Metalness', dan 'Rotation'.
  8. Klik butang 'Download' pada bahagian atas kod untuk menyimpan fail .html dan membukanya dalam browser secara full screen.

More from Coding & Pembangunan Aplikasi AI

View All