
ECS is the new black!

## PostMap

- 1. Introduction
- 2. Requirements
- 3. Stack
  * ecsy
  * ecsy + PixiJS
  * ecsy + Planck.js


## Introduction

## Requirements

### Dynamic entities system

Entity can be added to the world, removed from the world at any arbitrary time.
Entity's propterties can be added, removed, modified at any arbitrary time.
New entity type can be added to the system relatively independently from existing entities' types.

### Realtime 2D rendering

Up to 500 dynamic entities.
Up to 5000 static entities.

### Realtime 2D physics

### Realtime input

### Integration

Can use any HTML5 APIs, including DOM: receive and emit events, synchronize DOM elements with game state:
- button, clicking on which will start simulation, summon entities, e.t.c
- text element that display count of enemies

Can be integrated into the larger Web System: React/Angular/Vue.js site.

## Design

Game will contain separated by aspects systems.

### Systems

#### 

## Stack

Chosen stack grows up from requiremenets.

Web environment: Next.js, React.

Engine core: ECSY, PixiJS, Planck.js.

### ecsy

[ECSY](https://ecsy.io/) is an highly experimental Entity Component System for the web by Mozilla Mixed Reality team.
It is pretty small (7.4KB minzipped) and aimed to good performance. It has fancy [Chrome plugin](https://chrome.google.com/webstore/detail/ecsy-devtools/cdmidpfffmlibnnbhkfbobpghgfmhdhk) as a devtool..

ECSY is the core of a game. It can be used with any rendering, physics, sound, input or any other systems communicating with external systems. 

### PixiJS

[PixiJS](https://www.pixijs.com/) is fast, flexible and free 2D engine for Web.

### Planck.js

[Planck.js](http://piqnt.com/planck.js/) is 2D JavaScript physics engine for Web development.


## Engines

https://heaps.io/documentation/html5.html

## Multiplayer

https://github.com/endel/colyseus-pixijs-boilerplate/blob/master/src/client/Application.ts

https://github.com/colyseus/colyseus


## Interpolation

https://developer.valvesoftware.com/wiki/Source_Multiplayer_Networking

https://books.google.ru/books?id=EkRnDwAAQBAJ&pg=PA39&lpg=PA39&dq=position+interpolation+doom&source=bl&ots=Dz2tslzqqp&sig=ACfU3U3__VCV2tdvK1JBMFUxCdDOgAWccA&hl=en&sa=X&ved=2ahUKEwi8ysmS0JPqAhWRjKQKHZe8CwIQ6AEwCHoECAYQAQ#v=onepage&q=position%20interpolation%20doom&f=false

## ECS

https://en.wikipedia.org/wiki/Entity_component_system

https://gamedev.stackexchange.com/questions/175023/entity-component-system-where-do-i-put-containers

https://www.reddit.com/r/gamedev/comments/2tviii/scene_management_and_ecs/

## Graphics

### PixiJS

http://pixijs.download/dev/docs/index.html

https://github.com/pixijs/examples/tree/gh-pages/examples/js

https://github.com/pixijs/pixi-ui

https://englercj.github.io/2016/01/03/pixi-deferred-lighting/

https://github.com/TarVK/pixi-shadows

https://github.com/pixijs/pixi-lights/

https://medium.com/@bigtimebuddy/new-pixijs-v5-plugins-75a7d86afb6

Articles about software development and programming, thought about life, the universe, and everything

Blog

Site's author is doing Web Development. You can always {{contact.action}} him with questions and job/partnership offers.