dot and line, dots to dots connect
// 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>
amd、cjs、es、iife、umd