With built in simulations you can easily create complex simulations from simple building blocks.
With only Three.js as a dependency, Flory won't conflict with any libraries you're already using.
Careful attention to coding standards and a grunt build system means that Flory can be optimized for both size and performance, even on mobile.
Currently, Flory is not hosted on a CDN, so you must include the files through your own static file servers.
Download the code
from GitHub and copy the
dist directory to your project
or clone the repo with
git clone https://github.com/sabidib/Flory.git
Include the following lines of code in the
<head> section of your HTML.
Flory uses grunt to build and deploy highly optimized visualizations to the browser.
To build flory by manually first, install the npm packages for grunt with:
gruntto build the developer library into
grunt --minifyto build the minified library
Flory makes use of a modified Three.js rendering core. This means it can make use of the default WebGL rendering backend or drop down to a canvas renderer depending on browser support.
WebGL is the default rendering mode for Flory. WebGL enables fast 3-d and 2-d visualization by making use of built-in graphics engines.
WebGL is supported by most of the major browsers on both desktop and mobile.
When WebGL is not available, Flory drops down to a HTML5 canvas renderer engine. The canvas renderer is extremely slow in comparison to the WebGL and it is advised not to use it when WebGL is available.