https://benchmarks.slaylines.io/
- Up to 8000 different rectangles moving on a canvas with various speed
- Different choice of libraries used to render the scene :
| module kb | |
|---|---|
| PixiJS | |
| Mesh.js | |
| P5.js | |
| ZRender | |
| Two.js | |
| Konva.js | |
| CanvasKit | |
| Pencil.js | |
| Paper.js | |
| Fabric.js | |
| Three JS | |
| Scrawl-canvas | |
| Pts | |
| EaselJS | |
| SVG.js |
$ yarn install
$ yarn build
$ yarn start
Notice: If you haven't installed yarn, you should install it first:
npm install yarn -g
If you get failed at the first step(yarn install), don't worry, you can continue the remaining commands and they will work fine.
A list of webgl libraries : https://gist.github.com/dmnsgn/76878ba6903cf15789b712464875cfdc