Hygress
A hy(potrochoid pro)gress visualisation library. The animation that this module provides can be combined with other rendering processes and doesn't use an isolated animation loop. The decision of where, when and how Hygress should draw something is entirely yours.
Installation
Download the minified library and include it in your project:
You can also install it with npm.
$ npm install hygress
Usage
; // All parameters are optional and can always // be adjusted later by accessing them as properties.var hygress = hypotrochoid: HygressHypotrochoidPENTAGRAM size: 400 300 scale: 10 clearCanvas: false colourRoll: false saturation: 900 luminance: 750 opacity: 025 hue: 1800; // Grab the canvas and put it on the page.documentbody; // You can also give Hygress your own canvas if you want.var myCanvas = document;hygresscanvas = myCanvas;documentbody; // Define the current canvas' size.hygresssize = windowinnerWidth windowinnerHeight; // Specifically define the hypotrochoid's size.hygresshtSize = 1000; // Step the animation.; // You need to clear the canvas if the clearCanvas flag has been set to false.var ctx = hygresscanvas;ctx; // Sick of clearing manually?hygressclearCanvas = true; // Linearly transition the opacity and scale.hygresstransitionTime = 125; // secondshygressopacity = 00;hygressscale = 00;
Documentation
Contributing
Maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
License
Copyright (c) 2015 Raoul van Rüschen
Licensed under the Zlib license.