VsClick

{effect: 'drop'}

let vsClick = new VsClick({
  dom: 'drop',
  timer: 3000,
  emoji: ['🍋', '🍌', '🍉', '🍎', '🍒', '🍓', '🌽'],
})

let vsClick = new VsClick({
  dom: 'drop2',
  timer: 3000,
  emoji: ['🍋', '🍌', '🍉', '🍎', '🍒', '🍓', '🌽'],
  spring: true
})

let vsClick = new VsClick({
  dom: 'drop3',
  timer: 3000,
  emoji: ['🍋', '🍌', '🍉', '🍎', '🍒', '🍓', '🌽'],
  slide: true
})

let vsClick = new VsClick({
  dom: 'drop4',
  timer: 3000,
  spring: true,
  height: 5,
  width: 5
})

{effect: 'spread'}

let vsClick = new VsClick({
  effect: 'spread',
  dom: 'spread',
  timer: 700,
  emoji: ['🍋', '🍌', '🍉', '🍎', '🍒', '🍓', '🌽'],
})

let vsClick = new VsClick({
  effect: 'spread',
  dom: 'spread2',
  timer: 700,
  emoji: ['🍋', '🍌', '🍉', '🍎', '🍒', '🍓', '🌽'],
  lucency: true
})

let vsClick = new VsClick({
  effect: 'spread',
  dom: 'spread3',
  timer: 700,
  emoji: ['🍋', '🍌', '🍉', '🍎', '🍒', '🍓', '🌽'],
  minish: true
})

let vsClick = new VsClick({
  effect: 'spread',
  dom: 'spread4',
  timer: 700,
  height: 5,
  width: 5
})

{effect: 'sudoku'}

let vsClick = new VsClick({
  effect: 'sudoku',
  dom: 'sudoku',
  timer: 700,
  height: 5,
  width: 5
})

简介

1. 需要环境支持requestAnimationFrame

2. 测试环境 Chrome 版本 84.0.4147.135（正式版本）（64 位）

默认配置

let vsClick = new VsClick({
  effect: 'drop|spread|sudoku', // 点击效果。
  dom: window,  // 生效的dom，默认为整个窗口。
  color: ['#ffbe0b','#fb5607','#ff006e','#8338ec','#3a86ff'], // 颜色集合。
  emoji: [], // emoji集合。['🍋','🍌','🍉','🍎','🍒','🍓','🌽']
  height: 20, // 粒子的高度
  width: 20, // 粒子的宽度(也控制emoji的字体大小)
  timer: 2000, // 动画持续时间
  spring: false, // 是否弹跳
  slide: false, // 是否滑动
  lucency: false // 是否逐渐透明
})