Start the tool with the following command, which will launch the server and reload the browser when you modify any JavaScript file. Install browser-sync with the following command. Instead of http-server, you can use a tool called Browser Sync, which will automatically reload the browser every time you modify a file. Run the server with the command http-server. Execute the following command to install the http-server package. Http-server launches a simple, but powerful, web server. You have two options for running a local web server, http-server or browser-sync. In the terminal, navigate to the directory where you created this folder. The Phaser files will not load without a webserver because browsers block files loading from different domains.Ĭreate a folder on the desktop and call it Ninja-Multiplayer-Platformer. Run a Local Web Serverįor the Phaser game engine to run in your browser, you are going to need to run a local web server.
Install the runtime environment that is appropriate for your operating system, which includes npm. Node.js, an open-source JavaScript server environment, is necessary to install packages and execute necessary commands.
Download a basic code editor, such as Visual Studio Code, and ensure you have access to the terminal. To create your own HTML5 multiplayer platform game, you'll need a few basic tools to get started. Follow along as you learn about how each of these languages and technologies enables you to create your own browser-based multiplayer game.Īlthough this tutorial guides you step-by-step to create a multiplayer browser game, you can view the completed version of the game in the GitHub repository. To ensure that multiple players at a time can enjoy a smooth, reliable gameplay experience, PubNub is used to power the infrastructure to communicate this real-time information between these players and other social features to help make online games feel more interactive. Using Phaser's Arcade Physics Library, each character and object has its own physics body and properties, and the levels themselves are generated via JSON files. The game is built using Phaser, an HTML5 game development framework for Canvas and WebGL browser games designed for web and mobile games, as well as HTML, CSS, and JavaScript. This tutorial guides you through building the online multiplayer game Ninja Platformer, a browser-based collaborative puzzle game written in less than 1000 lines of code that encourages you to work with your friends to collect the keys to complete the levels. Not only do you have to design a game that is functional on multiple browsers including desktop and mobile, but you also have to ensure that the gameplay is fluid and responsive when multiple players are enjoying the game in real time. Building a fast and scalable multiplayer game is no easy task, especially if the game is meant to be played in a web browser.
0 kommentar(er)
