1/* ----------------------------------------------- 2/* How to use? : Check the GitHub README 3/* ----------------------------------------------- */ 4 5/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */ 6/* 7particlesJS.load('particles-js', 'particles.json', function() { 8 console.log('particles.js loaded - callback'); 9}); 10*/ 11 12/* Otherwise just put the config content (json): */ 13 14if ($('#particles-js').length) { 15 particlesJS('particles-js', 16 17 { 18 "particles": { 19 "number": { 20 "value": 80, 21 "density": { 22 "enable": true, 23 "value_area": 800 24 } 25 }, 26 "color": { 27 "value": "#ffffff" 28 }, 29 "shape": { 30 "type": "circle", 31 "stroke": { 32 "width": 0, 33 "color": "#000000" 34 }, 35 "polygon": { 36 "nb_sides": 5 37 }, 38 "image": { 39 "src": "img/github.svg", 40 "width": 100, 41 "height": 100 42 } 43 }, 44 "opacity": { 45 "value": 0.1, 46 "random": false, 47 "anim": { 48 "enable": true, 49 "speed": 0.1, 50 "opacity_min": 0.1, 51 "sync": false 52 } 53 }, 54 "size": { 55 "value": 5, 56 "random": true, 57 "anim": { 58 "enable": false, 59 "speed": 40, 60 "size_min": 0.1, 61 "sync": false 62 } 63 }, 64 "line_linked": { 65 "enable": true, 66 "distance": 150, 67 "color": "#ffffff", 68 "opacity": 0.4, 69 "width": 1 70 }, 71 "move": { 72 "enable": true, 73 "speed": 3, 74 "direction": "none", 75 "random": false, 76 "straight": false, 77 "out_mode": "out", 78 "attract": { 79 "enable": false, 80 "rotateX": 600, 81 "rotateY": 1200 82 } 83 } 84 }, 85 "interactivity": { 86 "detect_on": "canvas", 87 "events": { 88 "onhover": { 89 "enable": true, 90 "mode": "grab" 91 }, 92 "onclick": { 93 "enable": true, 94 "mode": "push" 95 }, 96 "resize": true 97 }, 98 "modes": { 99 "grab": { 100 "distance": 400, 101 "line_linked": { 102 "opacity": 0.5 103 } 104 }, 105 "bubble": { 106 "distance": 400, 107 "size": 40, 108 "duration": 2, 109 "opacity": 8, 110 "speed": 3 111 }, 112 "repulse": { 113 "distance": 200 114 }, 115 "push": { 116 "particles_nb": 4 117 }, 118 "remove": { 119 "particles_nb": 2 120 } 121 } 122 }, 123 "retina_detect": true, 124 "config_demo": { 125 "hide_card": false, 126 "background_color": "#b61924", 127 "background_image": "", 128 "background_position": "50% 50%", 129 "background_repeat": "no-repeat", 130 "background_size": "cover" 131 } 132 } 133 ); 134}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.