Respondots

Small library to create a canvas background with reactive dots

Getting Started

Download the latest release and include respondots.min.js.

<script src="{your js directory}/respondots.min.js" />

Initialize a new Respondots object with the root element

new Respondots(document.getElementById('root'));

Note : Canvas will fit the nearest positioned ancestor.

Options

Options can be used as second parameter of Respondots constructor as an object containing any of following properties.

gridSize
Default : 50
Spacing between dots
dotSize
Default : 5
Radius of dots
backgroundColor
Default : '#333'
Background color of canvas
dotColor
Default :'#e0e0e0'
Color of dots
range
Default : 100
Range at which dots start moving
zIndex
Default : 0
Value of z-index CSS property of appended canvas element