A funny experiment recreating Tibia with JavaScript and React.
Use WASD keys to move character.
With debug mode, you can see more messages and console information, and even view SQM information (x, y and z axis) when hovering mouse through the map.
Simply execute on your DevTools console:
utils.toggleDebugMode();
- Walkable player (with CSS animation!)
- CSS field animation
- Name and life bars
- Map system with z-index
- Tibia things as components (with styled-components too!)
- More ground tiles
- Water tiles
- Animated water tiles
- Tile border system
- Tile "randomizer" (e.g.: for more than one sprite for grass)
- Buildings
- Not walkable SQMs
- Field damage when walk into it
- Game messages on screen
- Game HUD
- More field types
- First monster with basic AI
- Monster attacking player
- Attacking monsters
- Store items in backpack
- Use items
- Looting system
- Basic map editor
- Dying system
- Spells
- Chat
- Socket connection (for more than one player)
- Light system
- Map following character system
- Scripting system
- Leveling system
- Skills upgrade system
- Walking speed depending on which SQM the character is going
- On screen HUD for character information