Grammar Battle Arena - Html5 Educational Game (Multi-Lang)
Live Preview - https://majestic-faun-d8c855.netlify.app/
Grammar Battle Arena is an innovative educational HTML5 RPG where players defeat monsters by fixing grammatically incorrect sentences. It combines engaging turn-based combat mechanics with native-language grammar learning across 9 languages, making it the perfect tool for language learners worldwide.
Master grammar rules while battling enemies, leveling up your character, unlocking achievements, and climbing the leaderboard. Whether you’re a beginner or advanced learner, Grammar Battle Arena makes grammar practice fun, competitive, and rewarding.
Core Features
- 5 Game Modes: Classic Battle (turn-based RPG), Speed Run (60-second challenges), Practice (untimed learning), Typing Battle (type corrections yourself), and Daily Challenge
- Turn-Based RPG Combat: HP, ATK, DEF stats, streak bonuses, shields, and boss fights every 5 floors
- 9,000+ Grammar Sentences: Native-language questions across English, Spanish, French, German, Italian, Portuguese, Japanese, Korean, and Mandarin Chinese
- Language-Specific Grammar: Each language tests unique grammar rules—Spanish tests ser vs estar and subjunctive mood, French tests adjective agreement and partitive articles, German tests verb position and case endings, Japanese tests particles and counters, and more
- Native Language Hints & Lessons: All hints and grammar explanations written in the target language for immersive learning
- 8 Enemy Types: 5 normal enemies + 3 unique bosses with scaling difficulty progression
- Shop System: Unlock 5 upgrade categories and 6 unlockable character skins with earned currency
- 10 Achievements: Unlock milestones and track progress
- Leaderboard: Local leaderboard tracking top 20 scores (localStorage-based)
- Full Audio Design: 10 procedural sound effects via Web Audio API—no audio files needed
- Multi-Language UI: Localized interface in English, Spanish, and French
- Admin Panel: Visual configuration panel for live editing and customization
- Sentence Generator: Built-in tool to regenerate the entire 9,000-sentence database with your own content
- Fully Responsive: Optimized for desktop and mobile devices
- Zero Dependencies: Pure HTML, CSS, and JavaScript—no frameworks, no build tools, no external libraries
- Offline-Ready: Works completely offline with no server or API calls required
File Structure
-
index.html— Main game interface -
admin.html— Visual configuration and admin panel -
css/style.css— Complete styling -
js/config.js— Game configuration and constants -
js/game.js— Core game engine and logic -
js/audio.js— Web Audio API sound effects -
js/sentences-data.js— 9,000+ grammar sentences across all languages -
js/languages.js— Language translations and grammar lesson content -
js/generate-sentences.js— Sentence generator for customization -
documentation/index.html— Full user and developer documentation -
README.md— Quick start guide
System Requirements
- Browser Support: Any modern web browser (Chrome, Firefox, Safari, Edge)
-
No Server Required: Simply open
index.htmldirectly in your browser - No Build Tools: Zero setup—no frameworks, no dependencies, no CDN links
- Offline Compatible: Works completely offline with no internet connection
Getting Started
- Extract the files to any directory
- Open
index.htmlin your web browser - Select your language and game mode
- Start battling and learning!
Want to customize? Open admin.html to configure game settings, difficulty, sentences, and more in real-time.
Perfect For
- Language learning platforms and educational institutions
- English as a Second Language (ESL) programs
- Corporate language training
- Self-directed language learners
- Grammar and writing improvement apps
- Gamified educational content
What's Included
Price
$11 USD
Secure checkout powered by Gumroad. Instant access after purchase. License included.
Product Details
- Category
- HTML5 Games
- Price
- $11
- Tags
- 0
Related HTML5 Games
Age of Realms - RTS HTML5 Game (Complete SourceCode)
$25Age of Realms is a complete, ready-to-play isometric real-time strategy game built with Phaser 3. It is sold as a source-code template — buyers receive the entire codebase so they can rebrand, rebalance, extend, or ship it as their own product.The game features a full RTS gameplay loop: gather 4 resources, construct buildings, train military units, research through stances and formations, and defeat a wave-based AI opponent. Everything is data-driven from a single src/config.json file — you can retune unit stats, building costs, AI difficulty, map size, and audio settings without touching any JavaScript.It runs in any modern browser, needs no server, and ships with a pre-built production bundle (dist/index.html opens directly).Features4 Unit TypesVillager (gatherer), Swordsman (melee), Archer (ranged), Cavalry (fast). All stats — HP, attack, armor, speed, range, cost — live in config.json.5 BuildingsTown Center, House (population cap), Barracks (military training), Market (daily resource income), Tower (auto-attack). Each has configurable limit, cost, HP, size, and hotkey.4 ResourcesFood, Wood, Gold, Stone. Gathered by villagers, deposited at the Town Center. Node positions and counts are configured in config.json.AI OpponentThree difficulty levels (Easy / Normal / Hard). Manages economy, constructs buildings, trains armies, launches attack waves, defends its base. All thresholds per difficulty are configurable.A* PathfindingOctile heuristic with diagonal cost, binary heap optimization. Units pathfind around forests and water automatically.5 FormationsBox, Line, Column, Staggered, Flank. Direction-aware — the formation rotates to face the movement direction. Press F to cycle.Patrol ModeMulti-waypoint ping-pong patrol. Units walk back and forth between two points, auto-engaging enemies along the route. Press P then right-click.3 Unit StancesAggressive (chase enemies), Defensive (engage within range), Stand Ground (hold position). Toggle via the bottom bar button.Attack-MovePress A then right-click — units move to the target while engaging any enemies they encounter on the way.Rally PointsSelect a building, then right-click on the map — newly trained units will automatically move to the rally point.Save & LoadFull game state persisted in localStorage — units, buildings (including construction progress), queues, AI state, resources. Resume any time via the “Continue” button.Settings MenuSFX / BGM volume sliders, mute toggle, edge-scroll toggle, first-run tutorial toggle. Persisted across sessions.Tutorial Overlay7-step modal coach marks shown on the first new game. Each step has title, body, and Skip / Next buttons.FullscreenDedicated button on both menu and in-game HUD (top-right corner). Also supports F11 and Shift+Enter.MinimapLive isometric minimap with terrain, units, buildings, and camera viewport outline. Click to recenter the camera.In-Game Clock & Day CounterSimulated day/night cycle with a clock display. Markets grant per-day resource income.Drag-Select & Double-ClickBox-select multiple units with left-drag. Double-click a unit to select all units of the same type on screen.Building Limit LocksBuilding buttons show a red lock icon when the per-game limit is reached. Tooltips display the limit.Game Speed ControlsPress 1 (0.5x), 2 (1x), 3 (2x) or click the speed toggle. Configurable speeds in config.json.Responsive ScalingPhaser Scale Manager with FIT mode. Works on any display resolution from 1024×640 upward.Try Demo - https://subtle-longma-f73516.netlify.app/
Car Parking Puzzle - HTML5 Mobile Game | Phaser 3
$10Car Parking Puzzle is a complete, ready-to-publish HTML5 mobile puzzle game. Built with Phaser 3 and bundled with Vite, it features 25 progressively difficult levels, a lives system, countdown timer, star ratings, and smooth touch controls optimized for mobile. The game is AdMob-ready and includes a full settings screen, level select with lock/unlock progression, pause menu, sound effects, background music, and a celebration confetti animation on level completion.GameplayEach level presents a parking lot filled with cars facing different directions. The player taps a car and it drives out in the direction it’s facing. If another car blocks its path, the car shakes and the player loses a life. The goal is to clear all cars from the lot. A countdown timer adds pressure — running out of time also costs a life. With only 3 lives, players must think carefully about which car to move first.Features 25 levels with auto-generated, guaranteed-solvable puzzles — from 3 cars (easy) to 30 cars (maximum density) 3 lives system — wrong moves or timeout costs a heart Countdown timer — adds urgency, resets on timeout (costs a life) Star ratings (1–3★) based on time remaining and lives intact Level progression — locked levels unlock one by one, progress saved in localStorage Hint system — highlights a movable car Pause menu — with Resume, Restart, Menu, and Sound Toggle Level select screen — 5×5 grid showing level numbers, names, and earned stars Settings screen — Sound Effects toggle, Background Music toggle, Reset Progress AdMob ready — banner ads on menu/game scenes, interstitial between levels First-time tutorial — overlay explaining how to play Fullscreen toggle — button on menu and game scenes Smooth touch controls — car hover/press feedback, generous hit areas Camera shake — on blocked car and game over Confetti celebration — falling particles on level clear Sound effects + BGM — 11 placeholder audio files included 12 car sprites — replaceable placeholder PNGs included Easy configuration — edit src/config.json to change lives, timer, grid size, speeds, and more — no coding required Mobile-optimized — viewport locked, touch events captured, overscroll disabled, notch-display compatible Keyboard support — ESC to pause Scene transitions — smooth fade-in effects What’s Included Complete game source code (src/) 12 car sprite PNGs (replaceable) 11 sound effects + BGM (replaceable) Easy config file (src/config.json) Full documentation (documentation.html) README.txt + LICENSE.txt Vite build configuration AdMob integration module Tech Stack Engine: Phaser 3 (latest) Build: Vite 6 Language: Vanilla JavaScript (ES Modules) Ad Network: AdMob (via Capacitor/Cordova) Mobile Wrapper: Capacitor (recommended) or Cordova AdmobThis product includes AdMob integration code (src/ads.js) for both Capacitor and Cordova, but the AdMob SDK/native plugin itself is not bundled and must be installed separately by the buyer for their chosen build tool. The included unit IDs are placeholders (ca-app-pub-xxxxx/xxxxxxxx) that must be replaced with IDs from the buyer’s own free AdMob account. No real ads are shown in default web-browser mode; ads only appear in a wrapped mobile build with the official AdMob plugin installed.
Faulty Spaceship - HTML5 Arcade Game
$10Live PreviewScreenshotsFaulty Spaceship is a fast-paced HTML5 arcade game built with Phaser 3. Navigate your ship through asteroid fields, dodge enemy UFOs, collect power-ups, and unlock new ships and upgrades in the shop.Gameplay Tap or press Space to flap and fly upward Dodge asteroids and enemy UFOs Stomp UFOs from above to destroy them Collect repair and missile power-ups Fire homing cruise missiles with Enter or right-click Earn ASTRO currency and spend it in the shop Features 5 unique unlockable spaceships with distinct designs 4 upgrade types: HP, Agility, Shield, Missiles 3 difficulty presets: Easy, Normal, Hard Persistent progress via browser localStorage Full sound effects and background music Responsive design — works on desktop and mobile Mobile-friendly with touch controls and on-screen missile button No build tools or server config required Phaser 3.60 included (no CDN dependency) CustomizationEasily replace images, sounds, and game parameters without touching code: Swap PNG files to change ship and enemy sprites Replace MP3 files to change sound effects and music Edit GameConfig.js to adjust difficulty, prices, physics, and more What’s Included Complete game source code (JavaScript, HTML, CSS) Phaser 3.60 game engine Placeholder images and audio files Full HTML documentation Browser Support Chrome 80+ Firefox 80+ Safari 14+ Edge 80+ Mobile Chrome / Safari (iOS 14+, Android 10+) try demo here - https://animated-starlight-f9f25e.netlify.app/
Pirates Clash | 2D Pirate Naval Combat HTML5 Game
$35A complete, ready-to-play 2D pirate naval combat HTML5 game built with Phaser 3. Take command of your ship and sail a living ocean where pirates hunt merchants, hunters chase pirates, and every captain fights for survival.GameplayStart with a humble sloop and work your way up to a mighty Man O’ War. Engage in broadside duels, fire chain shots to slow fleeing enemies, rain explosive mortars, drop fire barrels, and use swivel guns for close-range defense. Cripple enemy ships and board them for rewards — repair, reduce your wanted level, grow your fleet, or take their crew.Visit ports across the map to trade goods (Rum, Spices, Timber, Silk, Iron), repair your hull, and hire crew. Upgrade your ship’s speed, hull, turn rate, damage, cargo capacity, and fire rate. The deeper you sail, the greater the danger — pirates grow bolder, and pirate hunters patrol the seas.Technical RequirementsSupported Browsers: Chrome, Firefox, Safari, and Edge (latest versions)No Backend Required: This is a completely self-contained game. It runs entirely in the browser with no server-side dependencies, external APIs, or CDN requirements. All save data is stored locally using localStorage.Compatibility: Works on desktop and mobile browsers with touch support for mobile devices.Key Features 5 playable ships — Sloop, Schooner, Brig, Frigate, Man O’ War 6 unique weapons — Ram, Broadside, Chain Shot, Mortar, Fire Barrel, Swivel Gun Living AI ecosystem — Pirates raid merchants, hunters hunt pirates Ship upgrade system — 6 stats, 5 levels each Crew system — Hire sailors for HP and damage bonuses Boarding combat — Risk/reward system for capturing ships Trading system — 5 goods, 8 ports, dynamic prices Day/night cycle with weather (storms, rain, wind) 8 achievements to unlock Full save/load system (localStorage) Mobile touch controls (virtual joystick + weapon buttons) Fullscreen support Pirate-themed wooden UI with gold trim Customizable — easy to replace sprites, sounds, and balance Self-contained — no external APIs or CDN dependencies Try Demo / Preview - https://super-horse-a3d9af.netlify.app/
