A very simple MMORPG with the aim of learning more about Cloudflare's application platform and doing something fun.
- Interact with objects / friendly NPCs
- Quests
- Character should gain/lose health/mana/experience
- Actually spend some time making the React app frame look semi-decent
- Dynamic Lighting
- Sounds
- Monsters should fight back
- Magic Attacks
- Joining a map should only tell you about stuff you can see (so not all people / npcs and their positions)
- Item system should hold inventory
- Water should be animated
- Fishing
- Crafting
- Transitions between scenes can be animated nicely
- Loot items
- HUD - switch between physical and magical attack (numbers 1, 2, 3)
- Simple mobile controls using a virtual joystick
- Attacks should kill NPC
- Chat bubbles
- Transitioning between maps should put you in the right position
- NPCs should have some kind of basic AI - I mean they walk randomly
- Spawning of players and monsters should not be on an invalid tile
- Transfer player between maps (zones)
- Combat system should hold HP, ATK, DEF e.t.c
- Add NPC characters that just amble about
- Add an attack action
- Maps should share tiles
- Events should trigger animations
- Tile Collisions
The one thing you should never attempt is to write an MMORPG.
However if you want to give it a go, you can run:
$ yarn
# In ./client
$ yarn start
# In ./server
$ yarn devFront end is built using a mixture of React for everything out of game and in-game text. Phaser is used to render the WebGL canvas using a 2d tile grid.
API runs using a Cloudflare worker that is responsible for setting up an authenticated WebSocket connection to a Durable Object for all in-game actions.
Players issue Commands encoded in a FlatBuffer, these are validated on the server, which then emits Events to interested Observers.
The current list of commands that a player can issue.
Used to hold information about various independent systems.
One Durable Object exists for every user of the game. A single user can be considered as an account and has up to 5 characters.
A map is the most complex object. It can be thought of as a zone or area in a traditional MMORPG. When a character connects it is a map that is responsible for establishing the WebSocket connection, responding to commands and issuing events to all characters.
A Durable Object for items exists 1 per map, for every item that is on the floor. This is updated when items are dropped from monsters upon being killed or when a player picks up a particular item.
A Durable Object exists for every player within the game. It is responsible for holding a single players health, attack and defence statistics. When a player makes an attack or defends the adjustments are synchronously processed by this object.
All Maps are located in ./shared/maps and can be opened using Tiled.
After editing a *.tmx file you must export using Tiled as JSON to ./server/src/data/maps
- Phaser 3 - https://github.com/photonstorm/phaser
- Artwork from 'World of Solaria' - http://www.jamiebrownhill.com
- Serialisation using FlatBuffers - https://github.com/google/flatbuffers
- Tiled Map Editor - https://www.mapeditor.org