Learning Timeline
Key Insights
Kunci Kejayaan Prompting AI
Untuk hasil yang tepat, anda perlu 'explicitly tell' AI library mana yang hendak digunakan (Threebox & Three.js). Tanpa arahan ini, AI mungkin menggunakan library 2D biasa yang tidak menyokong fungsi 3D yang kompleks.
Tip Kod 'Self-contained'
Sentiasa minta AI untuk membuat kod yang 'self-contained'. Ini memastikan semua script (JS) dan gaya (CSS) berada dalam satu fail, memudahkan anda untuk terus 'run' tanpa perlu setup persekitaran pembangunan yang rumit.
Kawalan Navigasi Peta
Gunakan butang kanan tetikus (right-click) untuk memusingkan (rotate) sudut pandangan peta 3D secara dinamik, manakala butang kiri untuk menggerakkan kedudukan peta.
Prompts
Prompt Asas Peta 3D Interaktif
Target:
MiniMax M2
Create an interactive 3D map visualization using Threebox and Three.js. Use publicly available map layers. Please keep everything self-contained in a single HTML file. Include interactive features like zooming, rotation, and neighborhood focus points.
Step by Step
Membina Visualisasi Peta 3D dengan MiniMax M2
- Lancarkan model AI MiniMax M2 (atau AI coding assistant pilihan anda).
- Masukkan prompt yang meminta pembinaan peta 3D dengan arahan spesifik untuk menggunakan library 'Threebox' dan 'Three.js'.
- Nyatakan dalam prompt agar AI mencari 'publicly available map layers' untuk paparan data geografi.
- Gunakan arahan 'self-contained' supaya AI menjana kod dalam satu fail HTML tunggal yang merangkumi HTML, CSS, dan JavaScript.
- Pantau respon AI; jika AI berhenti selepas merangka pelan (planning phase), taip 'Continue' atau 'Teruskan' untuk memulakan generate kod.
- Salin kod HTML yang dihasilkan dan simpan sebagai fail dengan format '.html' (contoh: map.html).
- Buka fail tersebut menggunakan pelayar web (browser) untuk melihat hasil peta interaktif.
- Uji fungsi interaktif: klik kiri untuk navigasi (pan), klik kanan untuk putaran 3D (rotate), dan gunakan scroll untuk zum (zoom).
- Gunakan UI toggle yang disediakan oleh AI (seperti 'Time of Day') untuk menukar mod visual (contoh: Dark Mode).
