DotWave.js/script.js at main · jsem-nerad/DotWave.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// DotWave Cards
const card1 = new DotWave({
  container: '#card1',
  dotColor: '#ffffff',
  backgroundColor: '#000000',
  numDots: 200,
  dotMinSize: 2,
  dotMaxSize: 4,
  influenceRadius: 100,
  influenceStrength: 0.25,
  dotStretchMult: 5
});

const card2 = new DotWave({
  container: '#card2',
  dotColor: '#000000',
  backgroundColor: '#BA1B1D',
  numDots: 800,
  dotMinSize: 1,
  dotMaxSize: 3,
  influenceRadius: 100,
  influenceStrength: 0.5,
  randomFactor: 0,
  rotSmoothing: false,
});

const card3 = new DotWave({
  container: '#card3',
  dotColor: '#ffffff',
  backgroundColor: '#04395E',
  numDots: 200,
  dotMinSize: 1,
  dotMaxSize: 5,
  randomFactor: 0.8,
  dotStretch: false,
  rotSmoothing: false,
  reactive: false
});