Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
Verly.js
Easy to integrate verlet physics engine.
- Yet another physics engine? really?
- Yes because i love physics
❤️ .
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.gitlocal development
after cloning the repo in command line run to build
npm install && npm run buildUsage
import CDN link
<!-- add this to head -->
<script src="https://cdn.jsdelivr.net/gh/anuraghazra/[email protected]/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