lange-notify
lange-notify copied to clipboard
A real crackerjack notification animation.
lange-notify 
This is a NodeCG bundle.
This is the notification graphic that I use on my stream. I have open-sourced it so that other developers may learn from it, but I kindly request that it not be used verbatim on other streams. I worked hard to make something unique that fit well with the rest of my design, and seeing it used exactly as-is on other streams would be frustrating.
Demo

Code Walkthrough (v0.0.1, Oct. 6, 2015)
This video goes through every line of code in the first version of bundle. It no longer reflects the current state of this bundle, but some may still find it educational. https://www.youtube.com/watch?v=ev0EG4L_Q8s
Installation
If you already have NodeCG installed, skip to step #3.
-
Install Node.js & npm.
-
Open a command prompt and run the following commands to install NodeCG. Keep this command prompt open after NodeCG has been installed.
npm install -g bower npm install -g nodecg-cli mkdir nodecg cd nodecg nodecg setup
-
Install lange-notify and the bundles that it depends on.
nodecg install lange/lange-notify nodecg install "supportclass/lfg-filter#^4.0.0" nodecg install "supportclass/lfg-nucleus#^4.0.0"
-
To listen for subscriptions and resubs, install and configure one of the following:
-
lfg-sublistener - Recommended Listens directly to Twitch chat.
nodecg install supportclass/lfg-sublistener
-
lfg-siphon - Listens to Twitch chat via Streen.
nodecg install supportclass/lfg-siphon
-
lfg-sublistener - Recommended Listens directly to Twitch chat.
-
To listen to StreamTip, install and configure lfg-streamtip.
nodecg install supportclass/lfg-streamtip
-
Start NodeCG.
nodecg start
Usage
- Add
http://localhost:9090/graphics/lange-notify
(or whatever your NodeCG hostname and port are) as a Browser Source in OBS, with dimensions of 992x100 - Use lfg-nucleus' "Notifications" panel on the dashboard (
http://localhost:9090
) to send test subs, resubs, and tips.
Additional Credits
- Sound design by Anthony "Airon" Oetzmann
License
lange-notify is provided under the MIT license, which is available to read in the LICENSE file.