Skip to content

Instantly share code, notes, and snippets.

@elykahn
Last active December 29, 2015 18:02
Show Gist options
  • Select an option

  • Save elykahn/dd5aaf47ab4e5aed0a34 to your computer and use it in GitHub Desktop.

Select an option

Save elykahn/dd5aaf47ab4e5aed0a34 to your computer and use it in GitHub Desktop.

Revisions

  1. ely kahn renamed this gist Dec 29, 2015. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  2. ely kahn created this gist Dec 29, 2015.
    9 changes: 9 additions & 0 deletions MKbvEX.markdown
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    MKbvEX
    ------


    Forked from [AnneD Osuch](http://codepen.io/devcodetips/)'s Pen [LGRJEo](http://codepen.io/devcodetips/pen/LGRJEo/).

    A [Pen](http://codepen.io/elykahn/pen/MKbvEX) by [ely kahn](http://codepen.io/elykahn) on [CodePen](http://codepen.io/).

    [License](http://codepen.io/elykahn/pen/MKbvEX/license).
    2 changes: 2 additions & 0 deletions index.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2 @@
    #particle-canvas
    h2 teeesy
    11 changes: 11 additions & 0 deletions script.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    // particle.min.js hosted on GitHub (https://github.com/JulianLaval/canvas-particle-network)

    var canvasDiv = document.getElementById('particle-canvas');
    var options = {
    particleColor: '#ddddff',

    interactive: true,
    speed: 'fast',
    density: 'high'
    };
    var particleCanvas = new ParticleNetwork(canvasDiv, options);
    1 change: 1 addition & 0 deletions scripts
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <script src="https://rawgit.com/JulianLaval/canvas-particle-network/master/particle-network.min.js"></script>
    13 changes: 13 additions & 0 deletions style.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,13 @@
    html,
    body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

    #particle-canvas {
    width: 100%;
    height: 100vh;
    }