/alttpr-vue-twitch-chat-tracker

A "The Legend of Zelda: A Link to the Past" Tracker with a twitch chat API, which can run in your browser!

Primary LanguageJavaScript

alttpr-vue-twitch-chat-tracker

Build Status License

A Link to the Past randomizer tracker which reacts on twitch chat.

Setup

There are four input fields at the botton.

  • channel The channel to listen to. If you're streaming on your channel, enter your username.
  • listen user The user to listen to. Enter the username for the bot to react to.
  • twitch user login for Twitch IRC. If you don't have a bot, use your username.
  • twitch password (oauth) Generate a password-like token here: https://twitchapps.com/tmi/

Click connect.

change tracker user (not implemented)

If another user should be the tracker guy of your trust, enter the new name and click update (button next to it).


Roadmap

v0.2.0

  • move settings to menu.
  • set bg colour.
  • updateable user, multiple users even.

v0.1.0

  • All Items and bosses can be updated via twitch and click

Progress

NEXT

  • react to chat commands (top priority obviously). See #2.
  • Update button for another user which will be tracker. See #3.
  • Save username, channel, oauth.
  • Save item state.

2018-08-26

  • added a temporary quake svg.
  • reduced opacity for deactivated items.
  • added a few tracker items which are now updateable via twitch.

2018-08-18

  • Created a preview release for win + linux.
  • Added the hookshot towards #2.

2018-08-16

  • added electron

2018-08-13

  • Reconnect works a little better already.
  • emit events on valid commands, so the tracker can react. Was #1. Already can react to !hud [bow, boomerang blue, boomerang red, arrows, silvers, laggerang, rederang, boomerang both].

2018-08-10

Twitch integration: You can connect and send !hud commands without anything to happen.

2018-08-08

Still no twitch integration, which is following next.

2018-08-07

The standard layout is done.


Preview

Resizeable

Standard tournament tracker layout
Standard tracker layout

Typical streamer’s layout
Standard tracker layout

electron app

Will run under mac os, windows x64 and Linux x64!

Standard tracker layout

SVG Graphics

Just look at this! I updated some graphics to an HD format (HD medallions and HD crystals).

More will be added later.

HD SVG Medalltions and Crystals for Legend of Zelda tracker.

Hint: Take a closer look at the medalltions and the crystals!

Licence: Apache 2.0 -- feel free to reuse for attribution and share under the same license. Please read the license carefully before using.


Build Setup

# install dependencies to get started
yarn install

# serve with hot reload at localhost:9080
yarn run dev

# build electron application for production
yarn run build
yarn run build:linux

# build for production and view the bundle analyzer report
yarn run build --report

# run unit & end-to-end tests
yarn test


# lint all JS/Vue component files in `src/`
npm run lint

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

This project was generated with electron-vue using vue-cli. Documentation about the original structure can be found here.