Giter Club home page Giter Club logo

solitairevictory's Introduction

solitaireVictory

A Jquery plugin that emulates the victory animation from Windows Solitaire, using your choice of DOM element(s).

Include the js file in any website that uses jQuery.

##Demo Site Right here.

##Usage Basic:

$('YOUR-CSS-SELECTOR').solitaireVictory();

With Options: (defaults listed)

$('YOUR-CSS-SELECTOR').solitaireVictory({
  
  // PHYSICS PROPERTIES
  g: -3                         // Gravity.  Must be less than 0; closer to 0 is weaker.
  
  dt: 20                        // Time between frames, in milliseconds.
  
  bounce: 0.7                   // Amount of speed conserved on bounce.
  
  endVelocity: 20               // If the element is slower than this, it will not bounce.

  fallToLeft: false             // If set to true, the object will fall to the left instead
                                // of to the right
  
  
  // PAGE CONFIGURATION
  clear: false                  // Clears the debris from past victories before starting.
  
  stagger: 200                  // If multiple DOM elements are selected, staggers the starts
                                // by this amount.  If set to 0, all elements start at the same time.
  
  relativeToDocument: false     // If set to true, the object will bounce at the bottom of the
                                // document instead of the bottom of the window.  This can solve
                                // some issues on longer documents, but looks worse in general.

});

Enjoy!

solitairevictory's People

Contributors

devonharvey avatar hackreactor-students avatar peterkhayes avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.