Navigate into that new directory and install all dependencies: cd client If you want to follow along with our tutorial's file structure, go ahead and change that template folder's name to 'client.' This command will download the template in a folder called 'phaser3-project-template' within /multiplayer-card-project. Open your favorite command line interface and create a new folder: mkdir multiplayer-card-project To scaffold our client, we're going to clone the semi-official Phaser 3 Webpack Project Template on GitHub. Our goal for this project is to create a basic framework for a multiplayer card game that you can build upon and adjust to suit your own game's logic.įirst, let's tackle the client! The Client On the back end, we'll spin up an Express server that will utilize Socket.IO to communicate between clients and make it so that when one player plays a card, it shows up in another player's client, and vice-versa. Our simple card game will feature a Phaser client that will handle most of the game logic and doing things like dealing cards, providing drag-and-drop functionality, and so on. If you'd prefer a more visual tutorial, you can also follow along with the companion video to this article: If you prefer, you can use your own images (or even Phaser rectangles) and colors, and you can access the entire project code on GitHub. Note: we'll be using assets and colors from my tabletop card game, Entromancy: Hacker Battles. Major kudos to Scott Westover for his tutorial on the topic, Kal_Torak and the Phaser community for answering all my questions, and my good friend Mike for helping me conceptualize the architecture of this project. Some experience with JavaScript would be helpful, and you may want to run through the basic Phaser tutorial before tackling this one.

In terms of prerequisites, you'll want to make sure that you have Node/ NPM and Git installed and configured on your machine. In this tutorial, we're going to build a multiplayer card game using Phaser 3, Express, and Socket.IO. I'm a tabletop game developer, and am continually looking for ways to digitize game experiences.

Card game app builder