JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    :red_circle::wavy_dash::large_blue_circle::wavy_dash::black_circle: Easy to integrate Verlet physics engine. :link:
    Filed under 

    • 🔾25%Overall
    • 211
    • 5.6 days
    • 🕩24
    • 👥2

    Verly.js

    Easy to integrate verlet physics engine.

    • Yet another physics engine? really?
    • Yes because i love physics :heart:.

    Read my article on medium about Making a Verlet Physics Engine in JavaScript

    cool things made with Verly.js


    want more info? Check out the API documentation

    Experimental Reactjs Integration - check out the sandbox

    Installation

    git clone https://github.com/anuraghazra/Verly.js.git
    

    local development

    after cloning the repo in command line run to build

    npm install && npm run build
    

    Usage

    <!-- add this to head -->
    <script src="https://cdn.jsdelivr.net/gh/anuraghazra/Verly.js@v1.2.1/dist/verly.bundle.js"></script>
    
      window.onload = function () {
        let canvas = document.getElementById('c');
        let ctx = canvas.getContext('2d');
        let width = 600;
        let height = 600;
        canvas.width = width;
        canvas.height = height;
    
        // iteration, canvas, ctx
        let verly = new Verly(16, canvas, ctx);
    
        // x, y, w, h
        verly.createBox(20, 100, 100, 100);
        // x, y, segments, radius
        verly.createHexagon(200, 200, 16, 50);
        // x, y, w, h, segments, pinOffset
        verly.createCloth(300, 200, 300, 300, 15, 2);
        // x, y, segments, gap, pin
        verly.createRope(500, 150, 20, 15, 0);
        // x, y
        verly.createRagdoll(300, 200);
    
        function animate() {
          ctx.clearRect(0, 0, width, height);
    
          verly.update();
          verly.render();
    
          // for interacting with points
          verly.interact();
    
          requestAnimationFrame(animate);
        }
        animate();
      }
    

    Author

    Contributions Are Welcomed.

    Made with :heart: and JavaScript

    Show All