Bit Swarm
Bit Swarms
Whilst the particles are still, you can use the mouse to bash them all over the screen!
By default this component will commence when it is scrolled in to view. You can override this by specifying the data-rwx-manual-control on the rwx-bit-swarm element. You can then manually control it by specifiying rwxBitSwarms.commence('ID') where 'ID' is the ID of the element to commence.
Description
Display web content in a fun, interactive and animateable way with the Roseworx Bit Swarm component. Allow users to 'play' with your content whilst understanding what you want them to..
Usage
import rwxBitSwarms from 'roseworx/js/bitfx/rwxBitSwarms';- Copy the html code and personalise it to your use case.
Roseworx BitFont
This component uses Roseworx BitFont - a dynamic and animateable font that uses particles to make up different characters.
Be wary of using too many bitfx components on one page due to the processing power needed to render the graphics.
Current supported bitfx characters include; 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '1', '2', '3', '4', '5', '6', '7', '8', '9', '!', '?', ','
Currently supported orientations are 'horizontal', 'vertical', 'slanted', 'wrap'. When using the 'wrap' orientation you can use the special character '*' which will identify as a carriage return and place anything after on a new line.
Currently supported shapes are 'circle', 'square'.