Broadcast graphics for the HP for Heroes Splatoon tournament.
- Set up
ipl-overlay-controls
using the installation guide. - To use brackets (as of 19-03-2024), the
brackets
branch ofipl-overlay-controls
must be used.
- Clone the
build
branch of this repository to[nodecg]/bundles/hp4h-overlays
- All done!
- Ensure you have access to the private GSAP registry: Guide
- Clone this repository to
[nodecg]/bundles/hp4h-overlays
- Install dependencies:
npm i
- Run build:
npm run build
To configure this bundle, create the file <nodecg>/cfg/hp4h-overlays.json
with the following contents:
{
"tiltify": {
"socketUrl": "Tiltify websocket URL",
"authorization": "Tiltify websocket authorization key",
"campaignId": "Tiltify campaign ID",
"clientId": "Tiltify application client ID",
"clientSecret": "Tiltify application client secret"
}
}
build
: Create a production-ready build.build:dev
: Create a development build with better debugging options.build:clean
: Combinesbuild
andclean
tasks.clean
: Removes built files.start
: Starts NodeCG.watch
: Runs a build and rebuilds when changes are found.lint
: Checks for linter errorsfix
: Automatically fixes some linter errorsschema-types
: Create or update type definitions for replicant schemas found in theschemas
directory
The background graphic can be adjusted by adding query parameters to the URL. Possible options are:
brightness
: The brightness of the graphic.
Example: localhost:9090/bundles/hp4h-overlays/graphics/background.html?brightness=0.75
This repository includes a GitHub Actions script that automatically lints and builds the overlays. It requires two secrets to function:
GH_SSH
: An SSH key with permissions to push to the package's GitHub repository. Used for pushing the build result.GSAP_AUTH
: The GSAP authorization token, used to pull packages from npm.