Tawajo
Back to ProductsHTML5 Games
Merchant Roads | Caravan Trading & Management Html5 Game

Merchant Roads | Caravan Trading & Management Html5 Game

Play Demo Here - https://melodic-lamington-d32ae5.netlify.app/


### ๐Ÿช Overvie

**Merchant Roads** is a complete HTML5 caravan trading and management game built with Phaser 3. Take on the role of a merchant navigating medieval trade routes โ€” buy goods at low prices, sell them for profit across distant towns, manage your crew's morale, hire guards for protection, invest in properties, and build your trading empire.

Buyers get the FULL source code โ€” no frameworks, no dependencies, no monthly fees. Just open `index.html` or deploy to any web server.

### ๐ŸŽฎ Gameplay Features

- **Live Economy System** โ€” Supply and demand shift dynamically across 8+ towns. Prices vary by region. Buy grain cheap in farming towns, sell it for a premium in mountain settlements.
- **6 Time Phases Per Day** โ€” Dawn, Morning, Noon, Afternoon, Evening, Night. Each phase brings new trade opportunities.
- **Travel & Exploration** โ€” Click connected towns to travel. Travel costs food and time. Watch your caravan move along bezier-curved roads in real-time with a 4-frame walk animation.
- **Visible Bandit System** โ€” Bandits patrol the roads in real-time. Collision triggers a bandit encounter scene โ€” fight, flee, or pay.
- **NPC Caravans** โ€” Other merchants travel the roads with unique names and routes. Click them for info.
- **Caravan Passive Income** โ€” Deploy caravans that earn gold automatically while you play.
- **Property Investment** โ€” Buy workshops in towns for daily rental income. Property values increase by +50๐Ÿ’ฐ per day. Sell anytime.
- **Banking System** โ€” Deposit gold for safety, take loans for capital. Late payments freeze your properties.
- **Tavern** โ€” Rest to restore morale (500๐Ÿ’ฐ), hire guards (100๐Ÿ’ฐ each), or gamble dice (roll 4+ to win 150๐Ÿ’ฐ).
- **Faction Relations** โ€” 3 major factions with dynamic reputation. Faction wars block roads and shift prices.
- **Player Leveling** โ€” Gain XP from trade profits. Level up to unlock more caravan slots.
- **Food & Morale** โ€” Your crew eats daily. Running out of food drops morale. If morale hits 0%, your journey ends.
- **10-Step Interactive Tutorial** โ€” Overlaid step-by-step guide with highlight regions. Skimmable.

### ๐Ÿ–ฅ๏ธ Scenes Included

| Scene | Description |
|---|---|
| MenuScene | Title screen with New Game / Continue |
| WorldMapScene | Main game view โ€” towns, roads, player, bandits, NPCs, full HUD |
| TownScene | Town panel with Market, Properties, Tavern, Bank, goods preview |
| BuyItemsScene | Purchase goods from local merchants |
| WorkshopScene | Buy/manage town properties for passive income |
| InventoryScene | View all carried goods and cargo capacity |
| BanditScene | Bandit encounter โ€” fight, flee, or pay |
| GameOverScene | Game over with stats and restart |
| PreloadScene | Loading screen with progress bar |

### ๐ŸŽจ Art & UI

- Cinzel and Lato web fonts for a medieval aesthetic
- Dark navy/gold theme with 0EA5E9 accent
- Interactive tooltips on all UI elements
- Floating damage/gold indicators
- Smooth camera fade transitions
- 4-frame player spritesheet with walk animation
- Pulsing golden ring under player character
- 13 hand-crafted icon sprites (gold, morale, cargo, food, etc.)
- Procedural fallback sprites for all assets (game works even without PNGs)

### ๐Ÿ”Š Audio

- Medieval BGM track
- SFX: click, travel, bandit, purchase, and more
- AudioManager system with BGM/SFX separation
- All assets in `.wav` format

โœ… Requirements

- Any modern web browser (Chrome, Firefox, Safari, Edge, Opera)
- No server required โ€” works from `file://` or any static host
- No build tools, no npm, no frameworks beyond Phaser 3

### ๐ŸŒ Browser Compatibility

- Chrome 90+
- Firefox 90+
- Safari 15+
- Edge 90+
- Opera 76+
- Mobile Chrome/Safari (touch input supported)

### ๐Ÿš€ Deployment

1. Upload all files to any web server
2. Or open `index.html` locally
3. Or deploy to Netlify/Vercel/GitHub Pages in one click

### ๐Ÿ”ง Customization

All game constants are centralized in `src/config.js`:
- Town positions, types, and connections
- Road distances and danger levels
- Good types, base prices, and demand rates
- Caravan costs, hire prices, and income rates
- Bank interest rates and loan terms
- Starting gold, morale, and cargo capacity
- Time phase durations and day cycles

### ๐Ÿ’Ž Why Buy Merchant Roads?

- **Complete game** โ€” not a template, not a kit. Ship it today.
- **Zero dependencies** โ€” Phaser bundled locally. No CDN, no npm required.
- **Fully documented** โ€” Every system is organized and commented.
- **Modular architecture** โ€” Easy to extend with new towns, goods, factions, or scenes.
- **Responsive scaling** โ€” Phaser's FIT mode adapts to any screen size.
- **Tutorial included** โ€” 10-step interactive onboarding.
- **Save/Load** โ€” Browser localStorage persistence.

What's Included

Price

$19 USD

Secure checkout powered by Gumroad. Instant access after purchase. License included.

Product Details

Category
HTML5 Games
Price
$19
Tags
0

Related HTML5 Games

Age of Realms -  RTS HTML5 Game (Complete SourceCode)

Age of Realms - RTS HTML5 Game (Complete SourceCode)

$25

Age 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

Car Parking Puzzle - HTML5 Mobile Game | Phaser 3

$10

Car 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

Faulty Spaceship - HTML5 Arcade Game

$10

Live 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

Pirates Clash | 2D Pirate Naval Combat HTML5 Game

$35

A 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/