lange-notify icon indicating copy to clipboard operation
lange-notify copied to clipboard

A real crackerjack notification animation.

lange-notify Build Status

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

(Trimmed and rendered at 30fps to keep GIF size down, actual notification lasts longer and is 60fps)

60fps YouTube demo w/ sound

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.

  1. Install Node.js & npm.

  2. 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
    
  3. 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"
    
  4. 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
  5. To listen to StreamTip, install and configure lfg-streamtip.

    nodecg install supportclass/lfg-streamtip
    
  6. Start NodeCG.

    nodecg start
    

Usage

Additional Credits

License

lange-notify is provided under the MIT license, which is available to read in the LICENSE file.