Javascript

【Javascript】軽量の粒子の背景プラグイン。Particles.js

October 10, 2016
particles.js

particles.jsは、軽量の粒子の背景javascriptのプラグインです。

JS

<script src="path/to/particles.min.js"></script>

HTML

<canvas id="myCanvas"></canvas>

CSS

html,
body {
  margin: 0;
}

#myCanvas {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
}
window.onload = function() {
  Particles.init({ options });
};

// e.g.
window.onload = function() {
  Particles.init({
    selector: '#myCanvas',
    color: '#0f9976'
  });
};

Options

selector
maxParticles 100
sizeVariations 3
speed 0.5
color #000000
minDistance 120
connectParticles false

ブラウザサポート

IE9 +およびすべての最新ブラウザ
MIT