Learning Timeline
Key Insights
Tips One-Shot Prompting
Semakin spesifik anda tentang 'Game Logic' (contoh: graviti, kelajuan objek, Collision Detection), semakin kurang ralat atau 'bug' yang akan dihasilkan oleh AI dalam kod tersebut.
Gunakan Fungsi Preview
Google AI Studio mempunyai built-in renderer. Anda tidak perlu menyalin kod ke Notepad atau VS Code untuk melihat hasilnya; cukup sekadar klik ikon 'Preview' di penjuru kanan blok kod.
Prompts
One-Shot Game Generation Prompt
Target:
Gemini 1.5 Pro
Create a complete, single-file web-based game using HTML5, CSS, and JavaScript. The game should be a 'Side-scroller Runner'.
Requirements:
1. Visuals: Use a dark neon aesthetic. The player is a bright cyan square, and obstacles are red triangles.
2. Controls: Press 'Spacebar' or 'Click' to jump.
3. Logic: Obstacles move from right to left at increasing speeds. Score increases based on survival time.
4. UI: Include a 'Start Game' screen, a live score display, and a 'Game Over' screen with a 'Play Again' button.
5. Technical: Keep all CSS and JS internal within the HTML file. Ensure the code is responsive.
Step by Step
Langkah Menjana Game One-Shot di Google AI Studio
- Layari laman web Google AI Studio (aistudio.google.com).
- Di panel sebelah kanan, klik pada dropdown 'Model' dan pilih versi 'Gemini 1.5 Pro' atau 'Gemini 1.5 Flash' untuk prestasi terbaik.
- Pastikan 'System Instruction' dikosongkan jika anda ingin memasukkan semua arahan terus ke dalam ruangan 'Prompt'.
- Taipkan prompt deskriptif yang merangkumi: Genre permainan, mekanik kawalan (keyboard/mouse), sistem markah, dan gaya visual (CSS).
- Klik butang 'Run' di bahagian bawah untuk mulakan proses penjanaan kod.
- Apabila Gemini selesai menjana kod (biasanya dalam satu blok HTML/CSS/JS), klik butang 'Preview' yang muncul di bahagian atas blok kod tersebut untuk mencuba game secara terus.
- Jika terdapat error atau ciri yang kurang, taipkan maklum balas di ruangan chat seperti 'Tambah butang Restart' dan klik 'Run' semula.
