Getting started

The TypeScript templates (opens in a new tab) are provided by Lattice (opens in a new tab).

Installation

To run any of the TypeScript templates:

Create the template with pnpm. If you need, replace tutorial with your application name.
```
pnpm create mud@next tutorial
```
Note: The @next is only necessary until MUD v2.0 is officially released.
Select the template:
- Vanilla
- React
- Phaser
- Three.js
Start the development server, which updates automatically when you modify files.
```
cd tutorial
pnpm dev
```

Using the templates

Code organization

Other than a few utility files, most of the code is in two packages:

packages/contracts contains the onchain part of the application.
packages/client contains the offchain part of the application, the user interface. The app runs in the user's browser, in development it is served from a vite (opens in a new tab) server. The content of this package varies based on the template used.

Vanilla and react

The applications in these two templates is the same. You have an onchain counter and you can press Increment to increment it.

Three.js

In this application the position of an object, the big green cube, is stored onchain. In the user interface you can move that cube using the arrow keys, space, and ctrl.

Phaser

TODO

Introduction Contracts