Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/BurkusCat/r6-operator-counters

A website with a graph visualisation of how operators counter each other in Rainbow Six Siege.
https://github.com/BurkusCat/r6-operator-counters

gaming gaming-website hacktoberfest hacktoberfest2021 hacktoberfest2022 javascript neo4j rainbow-six rainbow-six-siege rainbow6 rainbowsix siege wiki

Last synced: about 2 months ago
JSON representation

A website with a graph visualisation of how operators counter each other in Rainbow Six Siege.

Awesome Lists containing this project

README

        

# R6 Operator Counters

A graph visualisation of counterplay in Rainbow Six Siege.

![R6 Operator Counters](https://i.imgur.com/8bRZsdb.png)

## Features

* Visualise hard and soft counters for each operator in the game.
* View operator details, counter details and filter the graph based on counter level (hard/soft/minor).
* Drag & interact with the operators.
* Crisp graphics at any zoom level.
* Responsive web design.

## Dependencies
* Uses [neo4dj3](https://github.com/eisman/neo4jd3) for graph visualisation.
* Uses [marcopixel's r6operators](https://r6operators.marcopixel.eu) for all the vector operator icons.

## Running
Clone the repository, install all dependencies, build and serve the project.

```bash
> git clone https://github.com/BurkusCat/r6-operator-counters.git
> npm install
> npm start
```

Open `http://localhost:8080` in your favorite browser.

### Tools needed
* Node.js - https://nodejs.org/en/
- Minimum version required: 12.16.1
- Check your version using `node --version`
* npm - installed alongside Node.js
- Minimum version required: 6.13.4
- Check your version using `npm --version`
* git - https://git-scm.com/downloads
* A text editor e.g. Visual Studio Code - https://code.visualstudio.com/

### Building the project for a release

Use the `gulp build` command to build a static version of the website to the "dist" folder. This will prepare all the site assets and optimise them to be hosted in an AWS S3 storage bucket.

During the gulp build, if there is an error during the `npm run createjson` step, gulp will not tell you a specific error. To see the specific error you must run `npm run createjson` from the console.

## How to contribute

I am hoping that this project will be a fun place for open source newcomers (like myself). Feel free to take a look at the issues or come up with your own improvements for the project. I am happy to review pull requests and I can answer questions you might have.

Key places to look if you want to update something in this project:

* The main webpage - `.\src\html\index.html`
* The main app script for the webpage - `.src\main\app.js`
* Operator images paths - `.src\main\imageLocation.js`
- Run `npm install r6operators@latest` to install the latest operator images from [marcopixel r6-operatoricons](https://r6operators.marcopixel.eu)
* Operator data - `.\src\main\create-operator-json\operators`
* Operator class logic - `.\src\main\create-operator-json\core`
- This is used to construct the Neo4j database/JSON file that D3.js renders as a nice graph.
* Stylesheets - `.\src\main\styles\neo4jd3.scss`
* Misc images - `.\src\images\site\`

## r6counters.com
Any pull requests that get merged into master will trigger a build of the website. This build will get published to AWS and will be hosted at [https://r6counters.com/](https://r6counters.com/) after one day.

## Contributors
Thank you to [all the contributors](https://github.com/BurkusCat/r6-operator-counters/graphs/contributors) to R6 Operator Counters.

[View our humans.txt file with more info about this project's contributors.](
https://raw.githubusercontent.com/BurkusCat/r6-operator-counters/master/src/main/humans.txt)

## What's coming?

* More filtering
* More views
* Seasonal counter updates
* Performance improvements

## Copyright and license

Code and documentation copyright 2020 the author. Code released under the [MIT license](LICENSE). Docs released under [Creative Commons](docs/LICENSE).