@nicoleffect/dynamic-particles

dynamic-particles

dot and line, dots to dots connect

demo1 --> demo2 -->

examples

// html
<canvas id="canvas"></canvas>

// npm install @nicoleffect/dynamic-particles
import dynamicParticles from '@nicoleffect/dynamic-particles'

 dynamicParticles({
  canvas: document.getElementById('canvas'), // required
  distance: 80, // 80px, default,distance from dot to dot
  dotColor: 'rgba(255, 255, 255, 0.8)', // or #000000
  dotRadius: 3, // 3px, default
  lineWidth：1, // 1px, default
  lineColor: 'rgba(255, 255, 255, 0.8)‘, // default as dotColor
  isConnect: true, // default, if you don't need lines, set it false
  isOnClick: true, // default, event for click or touchstart
  isOnMove: true // default
 })

// or

<script src="https://nicoleffect.github.io/dynamic-particles/dist/dynamic-particles.iife.min.js"></script>
<script>
dynamicParticles({ canvas: document.getElementById('canvas') })
</script>

all modes

amd、cjs、es、iife、umd