A pixel-perfect replica of Pokémon Red/Blue, but with trains instead of Pokémon!
Play in your browser now! No installation required!
📱 Works on iPhone, iPad, and all mobile devices!
Simply open index.html in your web browser or visit the GitHub Pages deployment!
The game runs entirely in your browser using HTML5 Canvas and JavaScript. Fully playable on desktop and mobile devices with touch controls!
- 151 unique train species to collect and battle
- Classic turn-based battle system with Gen 1 damage calculations
- Type advantages: Steam, Electric, Diesel, Maglev, Freight, Passenger, Nuclear, Monorail
- Wild train encounters in tall grass
- Pokémon-style menu system and UI
- Auto-save every 30 seconds + Manual save/load buttons
- Export/Import Save Tokens - Transfer your save between devices!
- Full mobile support with on-screen touch controls (D-Pad + A/B buttons)
- iPhone/iPad compatible - works in Safari and all mobile browsers
- Full evolution system
- Move learning and leveling up
- Beautiful pixel art style graphics
- localStorage support - saves persist even when you close the browser
- Clone this repository
- Open
index.htmlin your web browser - Start playing!
This repository includes automatic GitHub Pages deployment. To enable:
- Go to your repository Settings
- Navigate to Pages
- Set Source to "GitHub Actions"
- The game will auto-deploy on every push!
There's also a Python/Pygame version in the game/ directory:
pip install -r requirements.txt
python main.py- Arrow Keys: Move your character
- Z / Enter: Confirm / Interact / Advance text
- X / Backspace: Cancel / Go back
- ESC: Return to title screen
- On-screen D-Pad: Move your character
- A Button: Confirm / Interact / Advance text
- B Button: Cancel / Go back
- Auto-Save: Game saves every 30 seconds automatically
- Manual Save/Load: Use buttons to save/load anytime
- Export Token: Generate a save token (base64 encoded)
- Import Token: Paste a token to load your game on another device
The game automatically detects if you're on mobile and shows touch controls!
- Start the Game: Press Enter on the title screen
- Explore: Use arrow keys to walk around the map
- Wild Encounters: Walk through tall grass to encounter wild trains
- Battle: Choose moves to battle wild trains
- Win Battles: Defeat wild trains to gain experience
- Level Up: Your trains will grow stronger and learn new moves
- Evolve: Some trains evolve when they reach certain levels!
You begin with one of these three starter trains:
- Steamini (Steam Type) - Evolves into Steamore, then Locomotor
- Sparkart (Electric Type) - Evolves into Voltrain, then Thunderail
- Diesling (Diesel Type) - Evolves into Wartorque, then Titanorque
- Steam: Strong but slow, weak to Electric
- Electric: Fast and powerful, weak to Diesel
- Diesel: Reliable and sturdy, weak to Steam
- Maglev: Super fast, weak to Freight
- Freight: Heavy hitting, weak to Maglev
- Passenger: Balanced stats, weak to Nuclear
- Nuclear: High power, weak to Monorail
- Monorail: Specialized, weak to Passenger
- Language: JavaScript (ES6+)
- Graphics: HTML5 Canvas with pixelated rendering
- Architecture: Object-oriented game loop (60 FPS)
- Storage: localStorage for save games (works offline!)
- Mobile: Full touch support with virtual controls
- Responsive: Adapts to any screen size
- Gen 1 Pokémon damage formula
- Type effectiveness chart (8 types)
- Critical hits (6.25% chance)
- STAB bonus (1.5x)
- Individual Values (IVs) for stat variation
- Move PP (Power Points) system
js/
├── constants.js - Game constants and configuration
├── utils.js - Helper functions
├── train-data.js - All 151 train species definitions
├── moves.js - Move database and damage calculations
├── train.js - Train class (stats, leveling, evolution)
├── battle.js - Battle system and AI
├── player.js - Player state and party management
├── map.js - World map and tile system
├── graphics.js - Rendering engine
├── input.js - Keyboard and touch input handling
├── mobile-controls.js - Touch controls for mobile devices
├── ui.js - UI components
├── game.js - Main game manager
└── main.js - Entry point and game loop
The game is fully optimized for mobile devices:
- ✅ Works in Safari on iPhone/iPad
- ✅ Touch controls automatically appear on mobile
- ✅ Prevents unwanted scrolling and zooming
- ✅ Can be added to home screen as web app
- ✅ localStorage works in private browsing (with limitations)
- ✅ Haptic feedback on supported devices
- ✅ Responsive design adapts to screen size
Game inspired by Pokémon Red/Blue by Game Freak
This is a fan project created for educational purposes. All Pokémon-related trademarks are property of Nintendo/Game Freak/Creatures Inc.
This game was created with assistance from Claude Code by Anthropic.