Git Product home page Git Product logo

pokemonstreamoverlay's Introduction

Pokémon Stream Overlay

Overlay

This can be used to generate a stream overlay. There's a file called config.json, which can be used to generate the overlay. If this file is present, it will be used. If this file doesn't exist, you'll get asked a few things to generate retro looking boxes like this:

Example Box Example Box 2

These can be used for game frames, chat boxes, webcam frames, or other special stuff you can imagine.

The config.json file does automatically generate a big image with multiple boxes included. The config requires the following:

  • size - an array with two integers [width, height]
  • panels - an array of objects to define the boxes, see below

Configuring the panels, italic means optional:

Key Value
pos The [x, y] where to generate on the main image
size Same as size in main image
title The title, written on top of the box
filled True/False for defining if a white background should be generated, default on

For more information on how to use it, see the existing config.json.

Channel rewards

If you want the bottom left Pokémon being controlled by the chat, you can add a secret.json file which includes the following:

{
  "token": "oauth:YOUR_TWITCH_TOKEN",
  "channel": "CHANNEL_WHERE_TO_LISTEN",
  "reward-id": "YOUR_REWARD_ID"
}

The users need to write a number between 1 and 151, the Pokémon on this Pokédex entry will be downloaded and printed. You need to run this script for users using this reward.

Known problems

  • Only uppercase characters working
  • Out of bounds exception for too long titles
  • Reward not configurable (for which Pokémon are allowed)
  • Some things, like the Pokémon, logo, and slots are not configurable

pokemonstreamoverlay's People

Contributors

melanx avatar

Watchers

 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.