Learning Timeline
Key Insights
Tips Paparan Visualisasi
Jika anda tidak nampak semua elemen atau nota yang telah dibuat, pastikan anda melakukan 'Zoom out'. Kadangkala skala visualisasi 3D yang dijana AI lebih besar daripada saiz default window viewer anda.
Pemeriksaan Fungsi (Play Test)
Sentiasa klik 'Play' selepas klik 'Run'. 'Run' hanya membina persekitaran, manakala 'Play' diperlukan untuk mengesahkan sama ada animasi dan timeline notes tersebut bergerak secara sinkronik.
Prompts
Image to 3D Visualization Code
Target:
Gemini 3.1 Pro
Analyze this image and generate the necessary code for an interactive 3D visualization. Include a timeline feature where I can manually add notes and elements that sync with the animation. Ensure the output is compatible with a web-based interactive runner.
Step by Step
Proses Menjana Animasi 3D Interaktif
- Muat naik gambar sumber ke dalam interface Gemini 3.1 Pro.
- Masukkan prompt khusus untuk menjana kod visualisasi 3D (seperti Three.js atau Python script) berdasarkan gambar tersebut.
- Buka interface 'Interactive Viewer' atau code editor yang menyokong fungsi timeline.
- Gunakan kursor untuk 'drag' dan melukis (draw) nota atau elemen tambahan pada bahagian timeline di dalam interface.
- Klik butang 'Run' yang terletak di bahagian atas untuk memproses kod dan input nota anda.
- Klik butang 'Play' untuk menjalankan animasi 3D bagi memastikan kod berfungsi dengan betul.
- Gunakan fungsi 'Zoom out' pada skrin paparan untuk melihat keseluruhan nota dan struktur visualisasi jika paparan terlalu rapat.
