https://github.com/rreusser/smoothly-animating-points-with-regl

Smoothly animating points with regl
https://github.com/rreusser/smoothly-animating-points-with-regl

regl webgl

Last synced: 7 days ago
JSON representation

Smoothly animating points with regl

• Host: GitHub
• URL: https://github.com/rreusser/smoothly-animating-points-with-regl
• Owner: rreusser
• Created: 2017-03-17T19:11:51.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-08T19:37:11.000Z (about 7 years ago)
• Last Synced: 2024-10-26T12:16:18.981Z (2 months ago)
• Topics: regl, webgl
• Language: HTML
• Homepage: http://rreusser.github.io/smoothly-animating-points-with-regl/
• Size: 244 KB
• Stars: 80
• Watchers: 7
• Forks: 10
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Smoothly animating points with regl

> http://rreusser.github.io/smoothly-animating-points-with-regl/

Built with [regl](https://github.com/regl-project/regl/) and inspired by the statement on Peter Beshai's lovely blog post [Smoothly animate thousands of points with HTML5 Canvas and D3](https://bocoup.com/blog/smoothly-animate-thousands-of-points-with-html5-canvas-and-d3):

> Using this approach with canvas can only get us so far. As you exceed 5,000 points and approach closer to 10,000 it is common to see degradation in performance. If you really need to animate that many points flying around, your best bet is to turn to WebGL and have shaders do the work for you. The regl library provides a nice interface to working with shaders and can be used effectively for this purpose, but that’s a topic for another day!

## To run

```bash

$ npm install

$ npm start

```

## License

© 2017 Ricky Reusser. WTFPL.

As per [the MIT License](https://bl.ocks.org/pbeshai/65420c8d722cdbb0600b276c3adcc6e8#license) on [Peter Beshai's original block](https://bl.ocks.org/pbeshai/65420c8d722cdbb0600b276c3adcc6e8), this repo uses (with gratitude!) the skeleton of the layout functions and is otherwise original code.