Templat aplikasi Phaser Jumper
Platformer mini Phaser 3 dengan kontrol di layar. Memerlukan internet.
Ini template yang berjalan langsung. Fitur ponsel seperti kamera, getar, dan notifikasi berfungsi di aplikasi yang Anda buat.
Fitur ponsel yang digunakan templat ini
Fitur ini berasal dari bridge JavaScript FreeApp yang disertakan di setiap aplikasi yang dibuat dengan Free HTML to APK. Di browser biasa, templat tetap berjalan, dan panggilan tersebut tidak melakukan apa-apa.
Getaran sekali (default 50 ms) atau pola [mati, hidup, mati, hidup…].
Cara templat memanggilnya
this.physics.add.overlap(player, coins, (p, coin) => {
coin.disableBody(true, true);
score += 10;
if (window.FreeApp) FreeApp.vibrate(20);
});
Sesuaikan dengan AI
Salin prompt ini ke ChatGPT, Gemini, atau Claude, ganti idenya dengan ide Anda, lalu tempel jawabannya kembali ke editor. Prompt ini sudah menjelaskan shell aplikasi dan fitur ponsel kepada AI.
Tampilkan prompt AI
Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.
The app: Phaser Jumper — a Phaser 3 mini platformer with on-screen touch controls. Phaser 3 mini platformer with on-screen controls. Needs internet.
Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- You may load libraries from a CDN (jsDelivr/unpkg); show a friendly message if the device is offline.
The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.vibrate(ms?: number | number[]): void — one-shot buzz (default 50 ms) or an [off, on, off, on…] pattern
Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.
Return the complete index.html in one code block.
My idea: [DESCRIBE YOUR APP IDEA HERE]Jadikan aplikasi Android
- Ketuk Edit dan buat online. Templat akan terbuka di editor online.
- Ubah teks, warna, dan kodenya, lalu pilih nama aplikasi, ikon, dan nama paket.
- Buat build. Anda mendapatkan APK yang ditandatangani untuk dipasang dan AAB untuk Google Play, gratis, tanpa akun dan tanpa watermark.
Templat Framework lainnya
React Starter
React 18 + htm dari CDN: penghitung dan todo, tanpa langkah build. Memerlukan internet.
Pemula Vue
Aplikasi todo Vue 3 yang dimuat dari CDN dengan filter reaktif. Perlu internet.
Landing Tailwind
Halaman landing Tailwind Play CDN dengan hero, fitur, dan harga. Perlu internet.
Dasbor Bootstrap
Dasbor admin Bootstrap 5 dengan statistik, tabel, dan tab. Perlu internet.
Daftar Belanja Alpine
Daftar belanja Alpine.js dengan total dan kategori. Perlu internet.
Adegan 3D Three.js
Adegan 3D berputar dengan cahaya dan orbit sentuh. Perlu internet.