/ssbutw

NodeCG bundle for Super Smash Bros Ultimate(Special).

Primary LanguageVueMIT LicenseMIT

SSBUTW-DEV

NodeCG Scoreboard system / overlay for Super Smash Bros Ultimate(Special).

This is a Dev bundle. The final bundle will be created after npm watch or npm build.

You can download the final NodeCG bundle in bundle branch, which is built by Travis-CI automatically.

Check Wiki Page for more tutorials/details.

What is NodeCG

NodeCG is a broadcast graphics framework and application.
You can use NodeCG to create broadcast graphics and control panels.

It's being used in Games Done Quick / RTAinJapan etc.

Github | Website | Youtube Tutorial

HoishinさんのNodeCG説明(日本語)

You need NodeCG to use / develop with this scoreboard.

NodeCG

There are three parts in NodeCG.

  1. dashboard - the control panel you can control the score / player's info / import player's data etc.
  2. graphics - the overlay / layout for OBS/streaming.
  3. extension - the server side code/script.

Recommanded

Dependencies

  1. Vue.js
  2. Vuetify - UI Component
  3. vue-i18n - Multiple Language Support
  4. googlei18n/region-flags - Country flags
  5. marcrd/smash-ultimate-assets - SVG Stock Icons
  6. Pon57/StreamControl-for-UMBR - for Layout Demo

Languages (i18n)

this project support 3 languages.
files are under src/lang/

  1. Traditional Chinese (Taiwan) 支援繁體中文(台灣)
  2. Japanese (Japan) 日本語 対応している
  3. English (US)

Dashboard - Scoreboard 1v1 Singles

scoreboard

Feature

  • swap players
  • Reset Score
  • Custom / 2nd name (EX: English / Japanese GamerTags)
  • Sponsor Prefix / Country
  • Custom Pool (EX: Pool H1) or Winners Losers / Top 8 / Grand Finals etc.
  • Put [L] after the Losers side player's GamerTag (When Grand Finals)
  • Display Stock Icon(ストコン) for each round. (Need Layout Support)

Dashboard - Scoreboard 2v2 Doubles

Doubles

Feature

  • Team Color (R/G/B/Y)
  • Drag player's name to Swap.

Dashboard - Player List Management / Import

list

Feature

  • Import tournament's players from challonge (need challonge API Key)
  • Import pool's players from smash.gg (need smash.gg API Key)
  • Add a player into Player List
  • Save player's info into Database
  • When you use Scoreboard, you can select a player from Player List

Dashboard - Player Data Management / Import / Export

DB

Feature

  • Save as a JSON file
  • Import JSON file to database
  • Manage a player's info (EX: tag/twitter/main character)
  • When you use Scoreboard -> select a player -> It will help you fill in these info
  • use GamerTag as key... so let's hope you don't have two LIGHT in the tournament LOL.

Dashboard - Ban Pick

BP

Feature

  • Import List from Ban.Pages
  • EX: 1h-44h-40h-3h-39h_62h-42h-85h-19h-79h-37h
  • Select Starter/Counter Pick Sets
  • Reset
  • Change the size to fit the screen
  • You can Setup a Pad/Notebook for Players to pick their Stages

Pad

Graphics - Scoreboard Layout Demo

  1. UMEBURA - number
  2. UMEBURA - light
  3. HIROSUMA Style - stock icon
  4. Genesis 6 Top 8 / Naifu Wars Style

UMEBURA - number / light

number light Author - Pon57 | Github | Website

This layout is used for UMEBURA.
The light version count score as a light bar.
I change this layout from jQuery/StreamControl to Vue.js/NodeCG version.
light version only support BO3/5.
use number version if you want to do a crew battle (or score > 3)

HIROSUMA Style - stock icon

Stock Author - Karupist | Japanese Tumblr Post

This layout is similar to UMEBURA.
But it use stock icon to create a more fantastic layout.

HIROSUMA Thumbnails

Thumbnails
Author - Karupist

Please contact @karupist before you use 'HIROSUMA' Layouts.

Genesis 6 Top 8 / Naifu Wars Style

Tag This layout put player's tag on the smash player's tag.

Frostbite 2019 style - 2v2 Doubles

Doubles 4 players layout.
Also has flags and team score.

Graphics - Stage Ban/Pick Layout Demo

List Style

List List all Stages. Show Banned/Picked Icon.

Genesis 6 Style

Pick List only Banned/Picked Stage. (With transition/animation)