Skip to content

Instantly share code, notes, and snippets.

@d4rkyfirefly

d4rkyfirefly/particles.json

Last active February 2, 2019 22:32
Show Gist options
  • Save d4rkyfirefly/b940d880e72bc5fffa442462c1dc9af5 to your computer and use it in GitHub Desktop.
Save d4rkyfirefly/b940d880e72bc5fffa442462c1dc9af5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. d4rkyfirefly revised this gist Feb 2, 2019. 1 changed file with 11 additions and 6 deletions.
    17 changes: 11 additions & 6 deletions particles.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,17 @@
    // To use particles.js in HTML:
    // <div id="particles-js"></div>
    // <script src="particles.js"></script>
    // <div id="particles-js"></div>
    // <script src="particles.js"></script>

    // Or if not hosted by yourself then:
    // <script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js" charset="utf-8"></script>
    // <script src="src/js/global.js"></script>


    // To use in app.js:
    // /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
    // particlesJS.load('particles-js', 'assets/particles.json', function() {
    // console.log('callback - particles.js config loaded');
    // });
    // /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
    // particlesJS.load('particles-js', 'assets/particles.json', function() {
    // console.log('callback - particles.js config loaded');
    // });

    // The particles.json Modificated 02.02.19

  2. d4rkyfirefly created this gist Feb 2, 2019.
    122 changes: 122 additions & 0 deletions particles.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,122 @@
    // To use particles.js in HTML:
    // <div id="particles-js"></div>
    // <script src="particles.js"></script>

    // To use in app.js:
    // /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
    // particlesJS.load('particles-js', 'assets/particles.json', function() {
    // console.log('callback - particles.js config loaded');
    // });

    // The particles.json Modificated 02.02.19

    {
    "particles": {
    "number": {
    "value": 40,
    "density": {
    "enable": true,
    "value_area": 800
    }
    },
    "color": {
    "value": "#ffffff"
    },
    "shape": {
    "type": "circle",
    "stroke": {
    "width": 1,
    "color": "#ffffff"
    },
    "polygon": {
    "nb_sides": 4
    },
    "image": {
    "src": "img/github.svg",
    "width": 100,
    "height": 100
    }
    },
    "opacity": {
    "value": 0.2,
    "random": false,
    "anim": {
    "enable": false,
    "speed": 1,
    "opacity_min": 0,
    "sync": false
    }
    },
    "size": {
    "value": 2,
    "random": true,
    "anim": {
    "enable": false,
    "speed": 40,
    "size_min": 0.1,
    "sync": false
    }
    },
    "line_linked": {
    "enable": true,
    "distance": 150,
    "color": "#ffffff",
    "opacity": 0.2,
    "width": 1
    },
    "move": {
    "enable": true,
    "speed": 3,
    "direction": "none",
    "random": false,
    "straight": false,
    "out_mode": "out",
    "bounce": false,
    "attract": {
    "enable": false,
    "rotateX": 600,
    "rotateY": 1200
    }
    }
    },
    "interactivity": {
    "detect_on": "window",
    "events": {
    "onhover": {
    "enable": true,
    "mode": "grab"
    },
    "onclick": {
    "enable": true,
    "mode": "push"
    },
    "resize": true
    },
    "modes": {
    "grab": {
    "distance": 150,
    "line_linked": {
    "opacity": 0.6
    }
    },
    "bubble": {
    "distance": 400,
    "size": 40,
    "duration": 2,
    "opacity": 8,
    "speed": 3
    },
    "repulse": {
    "distance": 200,
    "duration": 0.4
    },
    "push": {
    "particles_nb": 4
    },
    "remove": {
    "particles_nb": 2
    }
    }
    },
    "retina_detect": true
    }