diff --git a/README.md b/README.md index 701e2a9..7ba0a7a 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Pict2Pix.js is a creative coding library to apply fancy pixel animations to imag To get started with Pict2Pix.js library, follow the next steps: - Include the prict2pix.min.js file. ```html - + ``` - Place an image inside a container because the library will replace the image by a canvas. ```html @@ -49,7 +49,7 @@ window.onload = function initialize() {
- + diff --git a/docs/index.html b/docs/index.html index 428bcfa..243359c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -9,7 +9,7 @@ - + @@ -151,7 +151,7 @@

Setting up a basic skeleton

  • Include the prict2pix.min.js file.
    - 
    <script src="https://cdn.jsdelivr.net/gh/evaristocuesta/pict2pix@0.3.0/dist/pict2pix.min.js"></script>
    + 
    <script src="https://cdn.jsdelivr.net/gh/evaristocuesta/pict2pix@0.3.1/dist/pict2pix.min.js"></script>
  • @@ -204,7 +204,7 @@

    Full basic skeleton code

    <div class="content" id="div1"> <img id="image-jh" src="images/jimi-hendrix.jpg"> </div> - <script src="https://cdn.jsdelivr.net/gh/evaristocuesta/pict2pix@0.3.0/dist/pict2pix.min.js"></script> + <script src="https://cdn.jsdelivr.net/gh/evaristocuesta/pict2pix@0.3.1/dist/pict2pix.min.js"></script> <script src="js/app.js"></script> </body> </html> @@ -249,11 +249,11 @@

    Full basic skeleton code

    - + - - + + diff --git a/docs/js/led-matrix.js b/docs/js/led-matrix.js index 4cf6cc5..88f9fa7 100644 --- a/docs/js/led-matrix.js +++ b/docs/js/led-matrix.js @@ -2,10 +2,11 @@ const imagejh = document.getElementById('image-jh'); window.onload = function initialize() { pict2pix.animate({ - image: imagejh, + image: imagejh2, particleType: 'led-matrix', type: 'random', - speed: 6, - transitionTime: 5000 + transitionTime: 2000, + idleTime: 5000, + ledSize: 4 }); } \ No newline at end of file diff --git a/docs/led-matrix.html b/docs/led-matrix.html index b20c379..71a2f98 100644 --- a/docs/led-matrix.html +++ b/docs/led-matrix.html @@ -9,7 +9,7 @@ - + @@ -112,11 +112,12 @@

    Setting up Led Matrix Effect

    window.onload = function initialize() { pict2pix.animate({ - image: imagejh, + image: imagejh2, particleType: 'led-matrix', type: 'random', - speed: 6, - transitionTime: 5000 + transitionTime: 2000, + idleTime: 3000, + ledSize: 4 }); } @@ -135,8 +136,9 @@

    Setting up Led Matrix Effect

  • vertical
    • -
  • speed: Optional. Transition effect speed. Range 1-10. Default value 8.
    • -
  • transitionTime: Optional. Time between transitions in ms. Default value 8000.
    • +
  • ledSize: Optional. Led size. Must be greater than 4. Default value 4.
    • +
  • transitionTime: Optional. Trasitions time in ms. Default value 2000.
    • +
  • idleTime: Optional. Idle time in ms. Default value 5000.
    • @@ -157,11 +159,11 @@

    Setting up Led Matrix Effect

    - + - - + + diff --git a/docs/straight-particles.html b/docs/straight-particles.html index 630b218..0c8997a 100644 --- a/docs/straight-particles.html +++ b/docs/straight-particles.html @@ -9,7 +9,7 @@ - + @@ -151,11 +151,11 @@

    Setting up Straight Particles Effect

    - + - - + + diff --git a/docs/twisted-particles.html b/docs/twisted-particles.html index 1cee1a1..7251227 100644 --- a/docs/twisted-particles.html +++ b/docs/twisted-particles.html @@ -9,7 +9,7 @@ - + @@ -151,11 +151,11 @@

    Setting up Twisted Particles Effect

    - + - - + +