I will introduce a new game development stack for Python and build a game step-by-step using this stack.

We will first represent scenes using numpy arrays. These arrays will be handed over to the browser’s inbuilt 2D and 3D WebGL rendering engine. The frontend of the game will be built visually and its backend in Python both using Atri framework.

Note that each character-scene interaction and character-character interaction produces a state. A game can be thought of as a series of states where in each frame we either enter or exit a state. The next step is to build and manage these states. We will do this by using the XState library which is an implementation of statecharts with minor modifications.

Lastly, we will improve the performance of the game by shifting the computation to client side. We will implement it using PyScript.

The outline of the talk will be as follows:

1. Show the game we will be building - its story, character and scenes. [2 min]

2. Discuss the stack and build the game step-by-step. [23 min]

   a. How to render scenes? [10 min]

     i. How to represent a scene in Python using a numpy array? [2 min]
   
     ii. Introduce WebGL interface and discuss how to translate the numpy array to WebGL. [3 min]
   
     iii. Build UI and its backend in Python using Atri framework. [5 min]
   

   b. How to compute the next scene? [13 min]

    i. Define the inputs - last scene, current state, user input if any. [1 min]
   
    ii. Discuss why the state management system is required. [1 min]
   
    iii. Introduce state machine [2 min]
   
    iv. Introduce statecharts [2 min]
   
    v. Implement statecharts using XState. [4 min]
   
    vi. Implement actual scene calculation using numpy in Python. [3 min]
   

3. Discuss performance of the game in different scenarios. [1 min]

   a. Scenario 1: we operate in server-client mode

   b. Scenario 1: we push calculations to the client side

4. How to achieve a better frame per second? [3 min]

   a. Introduce PyScript. [1 min]

   b. How to use it in the browser? [1 min]

   c. Implement it for this game using Atri Editor. [1 min]

5. Closing remarks [1 min]