<commit_before># Connect 4
Connect Four game created using Pixi.js and TypeScript.

<img src="readme-resources/screenshot.png" alt="Prototype" width="400"/>

# Technical details
## How to build and run?
To build the project use **webpack** and then use some **static server** to serve the web.

### Step-by-step guide
Here is the whole process for those who got lost or those who are just starting out.

1. (Prerequirements) Assuming that you have installed and configured [node.js](https://docs.npmjs.com/getting-started/installing-node) and [git](https://git-scm.com/) on your machine. And that you have cloned this repository.
2. Open your favourite shell and change directory to _src_ directory found at _./connect-four/src_
3. Install all npm modules (listed as dependencies in package.json).

   ```
   npm install
   ```
4. Run webpack to compile.

   ```
   npm run build
   ```
   
   and you should see something like this:
   
   ```
    Hash: 2a83d3d1cc776185f2cd
    Version: webpack 1.14.0
    Time: 2473ms
                      Asset     Size  Chunks             Chunk Names
    ./build/scripts/main.js  1.23 MB       0  [emitted]  main
        + 190 hidden modules
    ```
5. Install and use some static web server. E.g. install [Superstatic](https://github.com/firebase/superstatic), run 
   
   ```
   superstatic
   ```
   
   at _./connect-four/src_. Shell output may look something like this
   
   
   ```
   Superstatic started.
   Visit http://localhost:3474 to view your app.
   ```
   
   Visit suggested web address to play the game.


# Game art design
Vector assets can be found in Adobe Illustrator file at  [readme-resources/Connect4-assets.ai](https://github.com/MiroslavJelaska/connect-four/blob/master/readme-resources/Connect4-assets.ai)

### Color scheme
* ![#FE5C2C](http://placehold.it/15/FE5C2C/000000?text=+) `#FE5C2C` (LightRed)
* ![#E0331D](http://placehold.it/15/E0331D/000000?text=+) `#E0331D` (DarkRed)
* ![#3DBAE3](http://placehold.it/15/3DBAE3/000000?text=+) `#3DBAE3` (LightBlue)
* ![#0D87C9](http://placehold.it/15/0D87C9/000000?text=+) `#0D87C9` (DarkBlue)
* ![#74675A](http://placehold.it/15/74675A/000000?text=+) `#74675A` (Brown)
* ![#FFB014](http://placehold.it/15/FFB014/000000?text=+) `#FFB014` (Yellow)
* ![#F1F2F2](http://placehold.it/15/F1F2F2/000000?text=+) `#F1F2F2` (LightGray)
<commit_msg>Minor readme change<commit_after># Connect 4
Connect Four game created using Pixi.js and TypeScript.

<img src="readme-resources/screenshot.png" alt="Prototype" width="400"/>

# Technical details
## How to build and run?
To build the project use **webpack** and then use some **static server** to serve the web.

### Step-by-step guide
Here is the whole process for those who got lost or those who are just starting out.

1. (Prerequirements) Assuming that you have installed and configured [node.js](https://docs.npmjs.com/getting-started/installing-node) and [git](https://git-scm.com/) on your machine. And that you have cloned this repository.
2. Open your favorite shell and change directory to _src_ directory found at _./connect-four/src_
3. Install all npm modules (listed as dependencies in package.json).

   ```
   npm install
   ```
4. Run webpack to compile.

   ```
   npm run build
   ```
   
   and you should see something like this:
   
   ```
    Hash: 2a83d3d1cc776185f2cd
    Version: webpack 1.14.0
    Time: 2473ms
                      Asset     Size  Chunks             Chunk Names
    ./build/scripts/main.js  1.23 MB       0  [emitted]  main
        + 190 hidden modules
    ```
5. Install and use some static web server. E.g. install [Superstatic](https://github.com/firebase/superstatic), run superstatic at _./connect-four/src_. Shell output may look something like this
   
   ```
   Superstatic started.
   Visit http://localhost:3474 to view your app.
   ```
   
   Visit suggested web address to play the game.


# Game art design
Vector assets can be found in Adobe Illustrator file at  [readme-resources/Connect4-assets.ai](https://github.com/MiroslavJelaska/connect-four/blob/master/readme-resources/Connect4-assets.ai)

### Color scheme
* ![#FE5C2C](http://placehold.it/15/FE5C2C/000000?text=+) `#FE5C2C` (LightRed)
* ![#E0331D](http://placehold.it/15/E0331D/000000?text=+) `#E0331D` (DarkRed)
* ![#3DBAE3](http://placehold.it/15/3DBAE3/000000?text=+) `#3DBAE3` (LightBlue)
* ![#0D87C9](http://placehold.it/15/0D87C9/000000?text=+) `#0D87C9` (DarkBlue)
* ![#74675A](http://placehold.it/15/74675A/000000?text=+) `#74675A` (Brown)
* ![#FFB014](http://placehold.it/15/FFB014/000000?text=+) `#FFB014` (Yellow)
* ![#F1F2F2](http://placehold.it/15/F1F2F2/000000?text=+) `#F1F2F2` (LightGray)

{'fraction_non_alphanumeric': 0.14114627887082976, 'fraction_numerical': 0.07142857142857142, 'mean_word_length': 3.5319767441860463, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1902893', 'n_tokens_mistral': 1836, 'n_tokens_neox': 1602, 'n_words': 434}