The basic concept is that you define variables with a specified value range and define how certain graphic elements shall be transformed (translated, rotated, scaled, …) when the value of the variable changes.
It was designed to work with the Archer Editor where you can visually define the transformations of the SVG. As a result of the behaviour definition within the Archer Editor, a configuration file formatted in JSON is created. The JSON plus the SVG and the Archer JS Runtime are all you need to trigger the graphics behaviour with just a single line of code:
You can find detailed information about the archer graphics platform at http://archer.graphics
You can download a free version of the Archer Editor here:
You can find several examples using the archer runtime at codepen.io
Another place for exploring and playing with some archer graphics is the Archer Cloud
For building the library file you need to have NodeJS installed.
Open a terminal window and navigate to the root folder of the project. Install the required npm modules by executing the following commands.
In case you are woking on linux or MacOS you might have to write
sudo in front of
npm install grunt-cli -g npm install bower -g npm install lodash-cli -g npm install webpack -g npm install bower install
Execute grunt for building the library file.