Before we begin building our first game, we need to setup our local developer environment and a sample project. Follow these steps.
Join Our Developer Community!
We have a very friendly, and very active community of developers! We recommend you join - you can ask questions, help others, share progress for a HYTOPIA game you're creating, and more within our community!
The HYTOPIA code editor and studio tools are built as a plugin for the popular Cursor code editor (IDE). We recommend you use the Cursor IDE for developing your HYTOPIA projects. By using it, you'll be able to use HYTOPIA's developer tools that act as an automatic plugin with Cursor.
Open your terminal on Mac/Linux, or Windows Powershell and run:
4. Run the HYTOPIA Server
Start your HYTOPIA server using the HYTOPIA CLI:
This runs the index.ts file in our project, the entry point of your game. Your server is now live at https://dev-local.hytopia.com:8080.
5. Play!
Go to hytopia.com/play - This is the HYTOPIA game client we always use to test/connect development servers.
When prompted for a server URL, simply hit enter - it will default connect to your local https://dev-local.hytopia.com:8080 server.
Next, you will be prompted by the browser to allow connections your device on your local network, you must hit "allow". If you do not allow this, hytopia.com/play can't connect to your local server.
Explore and enjoy! You're ready to start building your first HYTOPIA game!
The boilerplate game you should see if you followed all of the steps successfully.
# Open your terminal (mac, linux) or powershell (windows) and run:
npm install -g --force hytopia@latest
# Navigate to your desired directory to create a project folder
cd ~/Desktop
# Create a new project folder
mkdir hytopia-demo
# Navigate into created project folder
cd hytopia-demo
# Initialize a HYTOPIA project. This can take a few minutes the first time.
hytopia init
# If you installed Cursor, when you are prompted to initialize the HYTOPIA MCP
# we strongly recommend you enter "y" for yes. This will install the HYTOPIA
# developer tools as a plugin for Cursor.
# Make sure we're in the hytopia-demo directory.
# This command starts your server and hot-reloads it when code changes are made:
hytopia start