Prompt Untuk Membuat Game Pesawat Untuk Pembelajaran
Game-Based Learning • AI Prompt Engineering
Prompt untuk Membuat Game Pesawat untuk Pembelajaran
Panduan lengkap dan Master Prompt siap pakai untuk menghasilkan game edukasi 3D interaktif Sky Quest – Pesawat Pintar yang responsif untuk semua mapel dan jenjang pendidikan.
Membangun game edukasi berbasis web yang berfungsi penuh sering kali terkendala oleh keterbatasan AI dalam merender grafis 3D, menyusun mekanisme soal yang adil, serta ketergantungan pada file audio eksternal. Di bawah ini adalah Master Prompt hasil revisi total yang dirancang khusus untuk menghasilkan game 3D berkualitas tinggi dengan Three.js, Web Audio API, serta fitur kustomisasi soal yang lengkap bagi guru.
Master Prompt: Sky Quest – Pesawat Pintar
Salin prompt di bawah ini dan tempelkan ke Gemini AI / Google AI Studio.
Bertindaklah sebagai Senior Web Game Developer (spesialis Three.js & HTML5 Canvas), Educational Game Designer (Game-Based Learning), dan UI/UX Architect. Tugas Anda adalah membangun aplikasi web game edukasi 3D interaktif yang 100% berfungsi penuh (production-ready, BUKAN mockup atau kerangka kosong) bernama "Sky Quest – Pesawat Pintar" dalam satu file HTML tunggal (index.html). Game ini harus adaptif untuk semua mata pelajaran dan semua jenjang pendidikan (SD, SMP, SMA/SMK), serta responsif dimainkan di Laptop/PC, HP/Tablet, maupun layar sentuh kelas (Interactive Flat Panel). 1. ARSITEKTUR TEKNIS & ASET MANDIRI (ZERO-BROKEN ASSETS) Tech Stack: HTML5, Tailwind CSS (via CDN), Three.js (r128 via CDN) untuk rendering ruang 3D nyata, Lucide Icons / FontAwesome, dan Canvas-Confetti. Procedural Audio Engine (Web Audio API): JANGAN gunakan link file .mp3 eksternal yang rawan mati. Buat class SoundEngine berbasis Web Audio API Oscillator & Noise Node untuk menghasilkan: Suara deru mesin pesawat real-time (frekuensi berubah mengikuti kecepatan dan kemiringan pesawat). Efek suara angin/turbulensi. Suara chime harmonis saat menembus cincin jawaban benar. Efek dentuman/alarm saat menabrak meteor atau memilih cincin salah. Musik fanfare kemenangan di akhir permainan. 2. FASE PRA-PERMAINAN: STUDIO GURU & GENERATOR SOAL (PRE-GAME DASHBOARD) Buat antarmuka awal bergaya kokpit modern (Glassmorphism) yang memiliki 2 tahap sebelum terbang: A. Form Konfigurasi Pembelajaran (Semua Mapel & Jenjang) Sediakan form input interaktif: Jenjang & Kelas: Pilihan lengkap mulai dari SD (Kelas 1–6 / Fase A–C), SMP (Kelas 7–9 / Fase D), hingga SMA/SMK (Kelas 10–12 / Fase E–F). Mata Pelajaran: Input teks bebas dilengkapi tombol Quick Pick (Matematika, Bahasa Indonesia, Bahasa Inggris, IPA, IPS, Pendidikan Pancasila, Informatika, Muatan Lokal). Materi Pembelajaran / Topik Spesifik: Input teks/textarea (misal: Recount Text, Operasi Pecahan, Sistem Tata Surya, Hukum Newton). Jumlah Soal: Pilihan 5, 10, 15, atau 20 soal. Tingkat Kesulitan: Mudah (C1-C2), Sedang (C3), Sulit/HOTS (C4-C6), atau Campuran. Mode Pembuatan Soal (Dual-Engine): Sediakan input opsional Gemini API Key di bagian pengaturan agar tombol "BUAT GAME OTOMATIS" dapat memanggil API Gemini (gemini-2.5-flash dengan output JSON terstruktur) untuk men-generate soal real-time sesuai materi apa pun yang diketik guru. Smart Offline Generator (Fallback Wajib): Jika API Key dikosongkan, tombol "BUAT GAME OTOMATIS" HARUS tetap berfungsi 100% menggunakan algoritma generator soal cerdas & bank soal kontekstual bawaan yang otomatis menyesuaikan input Mapel, Kelas, Materi, dan Tingkat Kesulitan. B. Panel Pemeriksaan & Editor Soal (Teacher Review & CRUD) Setelah tombol "BUAT GAME OTOMATIS" ditekan, tampilkan daftar soal yang dihasilkan: Setiap soal memiliki Teks Pertanyaan, Pilihan A, B, C, D, Kunci Jawaban (A/B/C/D), dan Pembahasan Edukatif. Guru dapat memeriksa, mengedit langsung teks soal/pilihan/kunci/pembahasan, menambah soal baru, menghapus soal, atau mengimpor/mengekspor soal (format JSON). Sediakan tombol mencolok "TERBANG SEKARANG (MULAI MISI)" untuk masuk ke dalam game 3D. 3. FASE GAMEPLAY: SIMULASI TERBANG 3D REALISTIS & MEKANIKA PEDAGOGIS A. Pengalaman Terbang 3D Nyata (Three.js Flight Engine) Perspektif & Kamera: Gunakan PerspectiveCamera 3D di belakang pesawat (Third-Person Follow Cam) yang bergerak halus (smooth lerp) mengikuti manuver pesawat. Model & Fisika Pesawat: Rakit pesawat 3D stylized low-poly menggunakan geometri Three.js (badan pesawat, sayap utama, ekor, kokpit kaca, dan baling-baling depan yang berputar cepat + jejak partikel asap putih di ujung sayap). Dinamika Gerak: Pesawat bergerak maju menembus ruang 3D pada sumbu Z. Saat belok kiri/kanan, sayap pesawat miring secara realistis (roll/banking angle). Saat naik/turun, hidung pesawat mendongak/menukik (pitch angle) disertai gerakan mengambang alami (idle sine-wave bobbing). Lingkungan Paralaks 3D: Langit biru bergradasi, awan volumetrik 3D yang melintas melewati kamera, pulau-pulau hijau dan pegunungan di permukaan bawah, serta efek speed lines saat melaju kencang. B. Sistem Kontrol Responsif (Laptop & HP) Laptop/PC: Tombol Panah (Arrow Keys) atau WASD untuk mengarahkan pesawat + Spasi untuk Turbo Boost. HP / Layar Sentuh: Tampilkan Virtual Analog Joystick yang smooth dan responsif di pojok kiri bawah layar serta tombol Turbo / Fokus di pojok kanan bawah. C. Mekanika Menjawab Soal (Cincin Target 3D & Zona Baca Adil) HUD Pertanyaan Jelas: Tampilkan teks soal dan rincian teks opsi A, B, C, D pada panel HUD semi-transparan di bagian atas layar agar mudah dibaca untuk semua mata pelajaran. 4 Lingkaran Melayang 3D (Answer Rings): Di kejauhan langit, muncul 4 cincin portal besar bercahaya (masing-masing berlabel huruf 3D besar A [Merah], B [Biru], C [Kuning], D [Hijau]) yang membesar secara proporsional saat didekati pesawat. Slow-Motion Tactical Zone: Saat pesawat mendekati radius cincin jawaban, perlambat laju terbang secara halus (efek fokus) dan bersihkan area sekitar cincin dari rintangan agar siswa dapat membidik jawaban dengan adil tanpa terhalang objek. Logika Penilaian & Umpan Balik: Masuk Cincin Benar: Efek kilatan partikel emas, suara chime kemenangan, penambahan Skor (+100 + Combo Bonus), animasi teks pujian singkat, lalu lanjut ke gelombang soal berikutnya. Masuk Cincin Salah: Efek getaran kokpit, pengurangan nyawa (atau perisai), dan Jeda Edukatif Otomatis (Educational Feedback Modal) yang menampilkan mengapa jawaban tersebut kurang tepat beserta Pembahasan Lengkap sebelum siswa menekan tombol "Lanjut Terbang". D. Tantangan & Rintangan Udara Progresif Di zona transisi antar-soal, munculkan rintangan secara dinamis: Meteor membara yang meluncur, Zona Awan Badai/Turbulensi (membuat pesawat berguncang), dan Rintangan Udara (Batu Melayang/Drone). Fair Spawning Rule: Rintangan HANYA muncul di sela perjalanan antar-soal dan dilarang keras menghalangi empat cincin jawaban. Progresi Level: Kecepatan jelajah dan kepadatan rintangan meningkat bertahap seiring naiknya nomor soal/level, namun selalu menyisakan jalur menghindar yang adil. Sediakan juga item Power-Up (Bintang Skor / Hati Tambahan / Perisai). 4. HUD KOKPIT & HALAMAN HASIL AKHIR (DEBRIEFING) HUD Selama Bermain: Tampilkan Skor & Combo, Indikator Nyawa (Hati/Shield Bar), Progres Soal (misal: Soal 3/10 + Progress Bar), Indikator Level/Kecepatan, Tombol Pause, dan Tombol Mute Audio. Halaman Hasil Akhir (Mission Complete / Game Over): Tampilkan total skor, persentase akurasi jawaban, sisa nyawa, dan lencana pangkat pilot (Rookie Pilot, Sky Captain, Ace Commander). Sediakan Rekapitulasi & Pembahasan Soal (daftar soal yang dijawab benar/salah lengkap dengan kunci dan pembahasannya untuk refleksi siswa). Tombol aksi: Main Lagi, Edit/Ganti Materi (Kembali ke Studio Guru), dan Cetak Ringkasan Hasil. 5. ATURAN PENULISAN KODE (WAJIB DIPATUHI) Tulis seluruh kode secara LENGKAP dari hingga