GithubHelp home page GithubHelp logo

burkuscat / r6-operator-counters Goto Github PK

View Code? Open in Web Editor NEW
69.0 5.0 37.0 6.52 MB

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

Home Page: https://r6counters.com

License: MIT License

JavaScript 93.79% HTML 2.62% SCSS 3.59%
gaming gaming-website wiki rainbow-six rainbow-six-siege rainbow6 rainbowsix neo4j javascript siege

r6-operator-counters's Introduction

I'm Ronan Burke aka Burkus. Hi there ๐Ÿ‘‹

I am a developer with experience in mobile app dev ๐Ÿ“ฑ, front-end web ๐Ÿ–ฅ, back-end development โš™๏ธ, devops ๐Ÿ‘จโ€๐Ÿ”ง and cloud โ˜.

The technologies I'm most familiar with are:

.NET MAUI dotnet Xamarin.Forms Xamarin.Forms C# C Sharp
.NET dotnet TypeScript/JavaScript TypeScript JavaScript Angular Angular
Ionic Ionic Java Java AWS AWS

I like to develop apps, websites, and games in my spare time.

burkus.co.uk

Contact

If you want to get in touch, please use Linkedin. Do not scrape my personal email address from a repository ๐Ÿ˜

Linkedin: Ronan Burke GitHub Follow Twitter Follow

r6-operator-counters's People

Contributors

aarnavsan avatar abu271 avatar arkeologist avatar austingallippo avatar bloodywine avatar botty97 avatar burkuscat avatar dependabot[bot] avatar dicyroll avatar dragneelfps avatar jakeamarq avatar jrequema avatar kg609 avatar lozruu avatar marcopixel avatar mr-martinez avatar raeganb avatar ribrah77 avatar ronan-burke-civ avatar trufflegator avatar unchartedzone avatar yonichanowitz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

r6-operator-counters's Issues

Update operator name tag colours

  • Currently, when you hover over an operator, their name tag has a random colour behind it
  • Update this so each operator has a colour that matches their icon
  • Or update it so it is blue or orange depending on whether they are an attacker or defender
    • need to choose Recruit's colour (gray?)

Checkbox filters for counter level

  • Filter out "Minor counters" by default to de-clutter graph.
  • Add checkboxes to let the user select which of the three counter types they'd like to see.

Synergies

  • Add a toggle between a "Counters" view and a "Synergies" view
    • Add filters for "Strong synergy", "Light Synergy" and "Weak synergy", the same as the "Counters" view
  • Add relationships between all the operators for "Synergies"
  • This is a big task requiring lots of tech and game knowledge
  • The Rainbow Six wiki has good synergy sections on each operator to use as a guide https://rainbowsix.fandom.com/wiki/Operator

Simplify graph with group operator "representations"

  • Twitch, IQ & Thatcher share a lot of the same operators that they counter
  • Create an .svg for "Trap" operators or "Electronics" operators and group these operators under one or two icons for Twitch, IQ & Thatcher.
    • Use marcopixels's source to create a vector that maybe has features from 3 trap/electronics operators? e.g. Ela's background, Kapkan's dynamite icon and Lesion's colour scheme
  • Add a double click event that replaces this grouped icon with the individual operators they represent
  • Simplifies the graph making it easier to read and will improve performance slightly

Add filters to view and hide counter categories

  • The graph is very dense
  • Some of the counter chains are very complicated
  • Add options to include, exclude or view counter categories exclusively

Example chains:

  • "The Hard Breach Chain" - Thatcher, Jager, Bandit, Mute, Hibana, Kaid, Maestro, Twitch etc.
  • "The Gadget Chain IQ" - IQ, Kapkan, Lesion, Valk etc.
  • "The Gadget Chain Twitch" - Twitch, Lesion, Mira etc.
  • "The Concussion Chain" - Zofia, Ela, Jager, Echo etc.
  • "The EMP Chain" - Thatcher, Lesion, Jager, Ela etc.

Should "Minor counters" be renamed?

  • "Hard counters" and "Soft counters" are well established gaming terms.
  • However, "Soft counter" is a bit too strong of a term to describe some of the cool little interactions in this game.
  • For example, an operator that dies can drop their phone into electrified barbed wire and have it destroyed. This denies Dokkaebi a phone to pick up. A super small gameplay interaction but still nice to note.

Buff/nerf view

  • Create a view that shows when A operator is buffed a lot, B operator gets nerfed a fair bit which means operators C and D get a slight buff (safer to play these operators as B will be played less).
  • By default, show the latest patch's buffs and nerfs
  • This view will be used to show the potential downstream impacts a nerf or buff to operators could have.
  • Combined with the stats Ubisoft release on operator playrate/winrate, it could help visualise areas for improvement for the game. (example: Clash has many counters, is the lowest picked operator and is the worst operator. Maybe she needs some adjustment still).

Improve size of relationship hitbox

The curved bi-directional relationship hitboxes are too hard to click especially at the starts and ends.

Make them bigger especially at the starts and ends.

Add correct operator info

  • What operation were they apart of?
  • Are they an attacker or defender?
  • What group do they belong too?

What operator counters are missing?

  • Do you disagree that one operator "Hard counters" another?
  • Do you think a "Minor Counter" is missing between two operators?

If so, please feel free to create an Issue (use the template) or create a Pull Request to add any missing information. If it is changing any existing information that is subjective, have a discussion first before making the change.

Adding max-age to objects in AWS S3

  • Want to add a max age of about 2 weeks-3 months to all SVGs (these don't really change)
  • Want to add a max age of about 12 hours to operator data and HTML
  • What is the best way to do this whilst keeping everything automated from GitHub? Any advice would be much appreciated.

Upgrade to ES6

  • Running gulp fails when using ES6 code
  • Take advantage of some ES6 features to test out it is allowed

Parallax effect CSS mist black background

  • A light parallax effect when you move the mouse around or if you pan the canvas might be nice.
  • On mobile, can you use the accelerometer? If no permissions or other negative effects, this would be good

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.