A little game about Theater and Drama.

_{Made with ❤︎ by Annalogue Codes
for the ATZE Musiktheater}

Lebendiges Theater

A little game intended to raise intererest in children in all topics related to theater and drama in general.

Made with ❤︎ by Annalogue Codes for the ATZE Musiktheater.

Prerequisites

You'll need Node.js and npm installed.

It is highly recommended to use Node Version Manager (nvm) to install Node.js and npm.

For Windows users there is Node Version Manager for Windows.

Install Node.js and npm with nvm:

nvm install node

nvm use node

Replace 'node' with 'latest' for nvm-windows.

Getting Started

You can clone this repository or use degit to just download the last commit:

npx degit https://github.com/annalogue-codes/lebendiges-theater lebendigesTheater
cd lebendigesTheater

npm install

Start development server:

npm run dev

To create a production build:

npm run build

Production files will be placed in the dist folder. Then upload those files to a web server. 🎉

Project Structure

	.
	├── dist
	├── node_modules
	├── public
	│   ├── images
	│   │   ├── icon.png
	│   ├── ...
	├── src
	│   ├── scenes
	│   │   ├── Loading.ts
	│   │   ├── Entrance.ts
	│   ├── ...
	│   ├── main.ts
	├── index.html
	├── manifest.json
	├── package.json
	├── tsconfig.json
	├── vite.config.ts
	├── LICENSE.txt
	├── README.md

TypeScript files are intended for the src folder. main.ts is the entry point referenced by index.html.

Other than that there is no limitation on how you can change the structure of the project.

Static Assets

Any static assets like images or audio files should be placed in the public folder. It will then be served from the root. For example: http://localhost:8000/images/my-image.png

Example public structure:

	public
	├── images
	│   ├── my-image.png
	├── music
	│   ├── ...
	├── sfx
	│   ├── ...

They can then be loaded by Phaser with this.image.load('my-image', 'images/my-image.png').

TypeScript ESLint

This code uses a basic typescript-eslint set up for code linting.

It does not aim to be opinionated.

See here for rules to turn on or off.

Dev Server Port

You can change the dev server's port number by modifying the vite.config.ts file. Look for the server section:

{
	// ...
	server: { host: '0.0.0.0', port: 8000 },
}

Change 8000 to whatever you want.

License

GPLv3