2017-01-30 14 views
2

パーティクルの総数を制限することはできません。Particles.js:パーティクルの数を制限する

これを実行する方法はありますか? particlesJSを初期化すると、粒子

particlesJS("particles-js", { 
    "particles": { 
    "number": { 
     "value": <change this to limit number of particles>, 
     "density": { 
     "enable": true, 
     "value_area": 800 
     } 
    }, 
    ...... 
    } 

の数を制限するためにnumber.valueの値を変更

Particles.js Github

答えて

0

私は方法がないと思います画面上のパーティクルの数を制限するので、onHoverとonClickのプロパティを変更して他のパーティクルを追加しません。プッシュ機能に追加のチェックを加える(750行)あなたはparticles.jsを変更することができます...

0

アクションでそれを参照してください:http://codepen.io/anon/pen/ggoRXy

+0

これはパーティクルの初期数です。私が探していたものではありません。私は最大数の粒子を探しています。 –

0

を私の問題を解決:

/* ---------- pJS functions - modes events ------------ */ 

    pJS.fn.modes.pushParticles = function(nb, pos){ 

    pJS.tmp.pushing = true; 

    if(pJS.particles.array.length<140){ 
     for(var i = 0; i < nb; i++){ 
      pJS.particles.array.push(
      new pJS.fn.particle(
       pJS.particles.color, 
       pJS.particles.opacity.value, 
       { 
       'x': pos ? pos.pos_x : Math.random() * pJS.canvas.w, 
       'y': pos ? pos.pos_y : Math.random() * pJS.canvas.h 
       } 
      ) 
     ) 
      if(i == nb-1){ 
      if(!pJS.particles.move.enable){ 
       pJS.fn.particlesDraw(); 
      } 
      pJS.tmp.pushing = false; 
      } 
     } 
    } 

    }; 

それがために良い値ですので、私は最大数として140を使用パフォーマンスを失うことはありません。明らかに、必要に応じて変更することができます。

関連する問題