Code Monkey home page Code Monkey logo

league-prod-toolkit's Introduction

Features

Production Features

  • Manage and dynamically update lower thirds for casters
  • Track matchups and scores to automatically generate overlays for ingame, talks and breaks
  • Apply consistent theming across all generated overlays
  • Twitch integration to create predictions and show state in stream (requires a Twitch-App)

League Features

Pregame

  • Lobby information with all players and op.gg links
  • Custom Champ Select overlay (Implementation of lol-pick-ban-ui)
  • Recording and Replay of Champselect
  • Rune overview (to kill time during spectator delay, game needs to be live)

Ingame

  • Custom Scoreboard
  • Leader boards for Gold and Level + XP
  • Animations for level ups and item purchases
  • Animations for events (Baron | Dragons | Herald)
  • Custom killfeed
  • Power-Play timer for Baron ann Elder Dragon
  • Inhibitor timers

Postgame

Screens showing postgame stats

  • Overview
  • Pick order
  • Item builds
  • Damage graphs
  • Gold graph

Valorant Features

Status 13.03.2023: VALORANT features are currently not maintained. While we focus on League, we will not actively support Valorant Features of the toolkit.

Pregame

  • Custom Agent select overlay
  • Loading screen overlay

Postgame

  • Stats for the winning team
  • MVP screen

Requirements & Limitations

  • Champion Select / ingame overlays require our Observer Tool to send game data
  • Some features require a Riot API Key
  • Some features do not work on Tournament Realm

Installation & Docs

Troubleshooting & Help

Some common issues are listed in the Wiki.

If your problem is not listed in the Wiki, please check if there are any open issues. If not, open a new issue and include any error messages you see and steps to reproduce the problem.

About Prod Toolkit

Architecture/Sample setup

This shows the prod toolkit running on a dedicated server, with observer PCs sending data and overlays integrated into OBS/vMix with a browser source.

Example Setup

Legend:

  • Magenta - Clients running the observer tool
  • Blue - The prod-toolkit
  • Green - An external API that is being connected to
  • Grey - Prod-toolkit interfaces

Developing

The developer documentation can be found in the wiki.

Legal Disclaimer

league-prod-toolkit was created under Riot Games' "Legal Jibber Jabber" policy using assets owned by Riot Games. Riot Games does not endorse or sponsor this project.

league-prod-toolkit's People

Contributors

himyu avatar dependabot[bot] avatar laraakaa avatar sdomi4 avatar

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.