Learning Timeline
Key Insights
Tips Reasoning Effort
Sentiasa set 'Reasoning Effort' ke tahap 'Extra High' apabila meminta AI membina projek yang melibatkan visualisasi data kompleks atau library 3D supaya kod yang dihasilkan lebih stabil dan kurang bug.
Kelebihan Coding Agent
Berbeza dengan ChatGPT biasa, OpenAI Codex dalam mod ejen ini secara automatik menguruskan struktur folder pada komputer anda, memudahkan pengurusan fail HTML, CSS, dan JavaScript secara bersepadu.
Prompts
Prompt Asas Peta 3D
Target:
OpenAI Codex
Create a web-based 3D Earth visualization that allows users to zoom seamlessly from outer space down to individual city streets. Show a realistic planet Earth. Use publicly available assets, models, and layers if needed. Make sure it loads efficiently on a regular web browser.
Prompt Penambahbaikan Atmosfera & Visual Malam
Target:
OpenAI Codex
In orbital view, add toggle for dynamic clouds and atmospheric simulation. Use publicly available realistic cloud or atmosphere layers. Currently, they look too fake. Also add a toggle for day and night at orbital view. At night, I should be able to see city lights of major populated areas.
Step by Step
Membina Visualisasi Bumi 3D Menggunakan OpenAI Codex
- Buka interface OpenAI Codex (Coding Agent) pada pelayar web anda.
- Taip prompt utama dalam ruangan input untuk membina peta 3D interaktif yang boleh zoom dari angkasa lepas ke jalan raya bandar.
- Cari menu tetapan 'Reasoning Effort' di dalam interface tersebut.
- Pilih tetapan 'Extra High' untuk memastikan AI memberikan hasil pengekodan yang paling berkualiti dan berprestasi tinggi.
- Klik butang 'Run' untuk memulakan proses penjanaan kod dan struktur folder.
- Jika hasil pertama kurang memuaskan, masukkan prompt tambahan (iteration) untuk menambah lapisan (layers) seperti awan dinamik dan atmosfera.
- Berikan prompt spesifik untuk menggunakan 'publicly available assets' bagi memastikan tekstur bumi dan awan nampak realistik.
- Tambah arahan untuk fungsi 'Day and Night toggle' supaya lampu bandar kelihatan pada waktu malam di kawasan padat penduduk.
- Setelah AI selesai menjana semua fail, navigasi ke folder projek yang dicipta secara automatik.
- Cari dan klik dua kali pada fail 'index.html' untuk memaparkan hasil peta 3D di dalam pelayar web.
- Gunakan UI toggle yang dijana untuk menutup/membuka fungsi 'Clouds', 'Atmosphere', dan 'Spin'.
- Klik pada nama bandar (contohnya: New York atau Tokyo) untuk menguji fungsi zoom automatik ke tahap 3D rendering bandar tersebut.
