Learning Timeline
Key Insights
Kelebihan Input Multimodal
Gemini mempunyai keupayaan unik untuk 'melihat' video. Jika anda mempunyai rakaman simulasi fizik yang kompleks, anda boleh muat naik video tersebut dan arahkan Gemini untuk 'Replicate the physics and lighting seen in this video' tanpa perlu menulis detail teknikal yang rumit.
Tips Debugging Kod AI
Jika simulasi tidak muncul, pastikan anda memeriksa 'Console' di browser (F12). Kadangkala Gemini menggunakan link CDN Three.js yang lama; anda boleh minta AI untuk 'Update the Three.js CDN link to the latest version' jika grafik tidak dipaparkan.
Prompts
Penjanaan Simulasi Pencahayaan & Pantulan 3D
Target:
Gemini 1.5 Pro / 3.1 Pro
Generate a complete HTML file using Three.js that creates an interactive 3D scene. Include a metallic sphere with a highly reflective surface (mirror-like) and a textured floor. Add a point light that follows the user's mouse cursor in real-time. The sphere should exhibit dynamic reflections based on its surroundings. Include a side panel (dat.GUI) to allow the user to adjust the light intensity, sphere metalness, and roughness in real-time. Ensure the physics and shadows are realistic.
Step by Step
Membina Simulasi Fizik 3D Interaktif dengan Gemini
- Buka antaramuka Google AI Studio dan pilih model Gemini 1.5 Pro atau Gemini 3.1 Pro dari menu dropdown di sebelah kanan.
- Muat naik video rujukan (jika ada) atau berikan deskripsi visual tentang simulasi fizik yang ingin dihasilkan pada ruangan prompt.
- Taipkan arahan spesifik untuk membina simulasi menggunakan library JavaScript seperti Three.js untuk rendering 3D.
- Nyatakan keperluan pencahayaan dinamik (dynamic lighting) dan sifat material (seperti reflection atau roughness) yang perlu berubah secara real-time.
- Klik butang 'Run' atau 'Generate' dan tunggu sehingga AI menghasilkan kod sumber (HTML, CSS, dan JavaScript) yang lengkap.
- Salin kod tersebut dan tampal ke dalam editor kod seperti VS Code atau platform atas talian seperti CodePen atau Replit.
- Lancarkan preview simulasi di browser dan cuba berinteraksi dengan elemen 3D (seperti klik atau drag) untuk memastikan kesan fizik dan pantulan berfungsi.
- Jika output memerlukan perubahan, berikan prompt susulan (follow-up prompt) untuk melaraskan intensiti cahaya atau kualiti pantulan material.
