Part I: Setup and publish the skeleton of your application

Overview

This is the 1st post of a 5 parts series describing how to create a fully multiplayer TicTacToe game on Plynd:

  1. Setup and publish the skeleton of your application (this post)
  2. Setup the development environment
  3. Read the game state and display information about the players
  4. Update the game state with events
  5. Put the update logic server-side

Don’t hesitate to ask all your questions via the comments section or directly to info@plynd.com

Goal

In this post, we’ll see how to set up a Plynd developers account, and how to create the skeleton of your first application.

This should not take more than 5 minutes.

At the end of it, you’ll have a live version of your application, with its own domain, and you’ll be able to invite anybody to it via facebook or email.

Register to Plynd

The first step is to register to Plynd for Developers. You can use either facebook or a valid email to register.

Once you’re done, go to Applications > Create new application.

Set up your application

On the “Create application” page you have to define 2 identifiers:

  • A namespace, which is a unique identifier that provides an address for your application online. Whatever the namespace you chose, it will grant you http://{namespace}.plynd.com as its URL.
  • A name, which is how your application will be referred to (in notification emails for instance). It also has to be unique among all Plynd applications.

The name and the namespace of a given application can be identical. For instance you might want to use “{your-name}-tictactoe”.

Configure your application

The next page is where you can customize your application.
In our case, we want to make a TicTacToe game, so it should be configured for 2 players.

Next, we need to configure “Application Page”. We’ll cover what it is in depth in the next section. For now just set it to http://plynd.github.io/TicTacToe/parts/final/

You can leave the other settings for now. Don’t forget to click “Save”.

Check your website

Now you have a running website for your application. You can click on “Open application site” to check it in action.

As you see, you are now able to create a new game, to invite your friends to it, or to join open games. You also have a rankings page, and all the basic settings at hand.

However with this interface it could be tedious to test your application, as you would have to create two accounts, set a game with them in it, and start from there.

That’s why we introduced the Playground.

Run your application in the Playground

The Playground lets you create a game with the requested number of players, and test each player’s point of view, all in one view. It makes it very convenient to develop and debug your application, even if you’re developing a game with - say - 6 players.

Let’s click on “Open Playground” and “Create”. You now see the game as we’ll get it at the end of this series.

It’s a playable game, so try to click on cells, and switch which player sees the game.

Summary

In this post, we’ve seen:

  • how to create and configure an application
  • how to create an instance of the game for development purposes

Next, we’ll see how to set up “Application Page” so we can start coding locally.