Learning Timeline
Key Insights
Tip Mengatasi Isu 'Failed to Load'
Kadangkala imej atau aset dalam aplikasi yang dijana AI mungkin gagal dimuatkan (failed to load image). Jika ini berlaku, pastikan prompt anda menyatakan penggunaan URL aset yang stabil atau minta AI untuk regenerate kod bahagian imej tersebut.
Kelebihan Standalone HTML File
Meminta AI meletakkan keseluruhan kod dalam satu fail HTML (Standalone) adalah cara terbaik untuk beginner menjalankan game tanpa perlu memasang environment pembangunan (coding environment) yang rumit.
Prompts
Penjanaan Game 2D Platformer
Target:
Gemini 3.1 Pro
Make a 2D platformer game similar to Super Mario. Make it look amazing. Put everything in a standalone HTML file. Use publicly available assets, models,
Step by Step
Membina Aplikasi Pembelajaran Interaktif & Kod Game dengan Gemini
- Lancarkan interface Gemini 3.1 Pro dan masukkan prompt untuk menjana modul pembelajaran (seperti sains molekul).
- Pastikan prompt mengandungi arahan untuk menggunakan 'Real Images' bagi meningkatkan kualiti visual.
- Uji modul 'Water Molecule' dengan melakukan drag-and-drop atom Hydrogen dan Oxygen sehingga molekul air terbentuk.
- Perhatikan kelancaran animasi (seamless animation) yang dijana oleh AI untuk memastikan user experience yang baik.
- Navigasi ke lesson seterusnya (cth: Solid, Liquid, Gas) dan uji fungsi pemilihan 'State of Matter'.
- Gunakan modul 'Crazy Reactions' untuk mencampur bahan kimia digital seperti Vinegar dan Dish Soap di dalam Beaker.
- Klik butang 'Mix' berulang kali untuk melihat variasi tindak balas yang mampu dijana oleh logik AI tersebut.
- Untuk menjana game, taip prompt spesifik yang menyatakan genre (cth: 2D Platformer) dan gaya visual (cth: Super Mario).
- Arahkan Gemini untuk membina kod dalam satu 'Standalone HTML file' supaya mudah dijalankan terus pada browser.
- Sertakan arahan untuk menggunakan 'Publicly available assets' bagi memastikan aset visual dan model boleh dimuatkan tanpa isu akses.
