# @antondavidenko/layout-phaser3

> Layout component for Phaser3

Latest version **0.0.2** (published 2022-04-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install @antondavidenko/layout-phaser3
pnpm add @antondavidenko/layout-phaser3
yarn add @antondavidenko/layout-phaser3
bun add @antondavidenko/layout-phaser3
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.2 |
| Published | 2022-04-29 |
| First published | 2022-04-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 96.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Anton Davidenko |
| Maintainers | antondavidenko |

## Links

- npm: https://www.npmjs.com/package/@antondavidenko/layout-phaser3
- npm.io page: https://npm.io/package/@antondavidenko/layout-phaser3

## Recent versions

- 0.0.2 (latest) — 2022-04-29
- 0.0.1 — 2022-04-23

## README

# Demo [ironSource] -  (v1.0.0)

![Logo](./src/assets/images/logo.png)

## Installation

1. Clone this repository.
2. Download and install [Node.js](http://nodejs.org/).
3. Install dependencies using command `npm i` from project root folder.

## Build & run

_To build project please run one of following commands:_

1. `npm run build` - Build project. Files will be placed to **build** directory.
2. `npm start` - Build project for development mode and run watchers.

_To get access to web server just open [http://localhost:9000/?demo](http://localhost:9000/?demo) in your favorite browser._

## Directory structure

```text
src                   --> Project sources
├── assets            --> Assets
│   ├── audio         --> Game audio files (RES.audio)
│   ├── configs       --> Game configuration files (RES.configs)
│   ├── fonts         --> Game fonts
│   ├── images        --> General images (RES.images)
│   ├── spritesheets  --> Spritesheets (RES.spritesheets)
│   ├── l10n          --> Localizations (RES.l10n)
│   ├── textures      --> Textures, uses for 3d (RES.textures)
│   ├── ignore.json   --> Using this file you can specify ignored resources for PA and IEC separately
├── game              --> Game logic (game area, elements, etc)
├── screens           --> Game screens (templates, styles, logic)
├── init.js           --> Main application file
```

## Notes

### Config

1. Configuration files locate in `/src/assets/configs` directory.
2. Default configuration file is `1.json` for **PA** and `iec.json` for **IEC**.

### Localization

1. Localization files locates in `/src/assets/l10n` directory.
2. Default localization file is `en.json`
3. You can change font settings directly in text string.

#### Localization string example

```json
{
  "STRING": "Regular string",
  "OBJECT": {
    "text": "Example",
    "fontSize": 24
  }
}
```

#### Localization strings

```html
"Tutorial"
```

### Additional parameters

- `loglevel` - default loglevel
- `stats` - show FPS counter & stats
  - Also you can set placement using: `stats=[position]`
  - Available positions: `top-left`, `top-right`, `bottom-left`, `bottom-right`
- `lightHelpers` - show light helpers (threejs only)

---
_Source: https://npm.io/package/@antondavidenko/layout-phaser3 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._