https://github.com/Erkaman/regl-anim

Some weird animations made with regl and WebGL
https://github.com/Erkaman/regl-anim

animation javascript regl shader shaders webgl

Last synced: 2 months ago
JSON representation

Some weird animations made with regl and WebGL

• Host: GitHub
• URL: https://github.com/Erkaman/regl-anim
• Owner: Erkaman
• License: mit
• Created: 2016-08-07T15:49:14.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-08-08T18:26:31.000Z (about 9 years ago)
• Last Synced: 2025-05-02T06:44:45.646Z (5 months ago)
• Topics: animation, javascript, regl, shader, shaders, webgl
• Language: JavaScript
• Homepage: https://erkaman.github.io/posts/regl_anim.html
• Size: 510 KB
• Stars: 17
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# I made some weird animations in WebGL

Run the animations in your browsers [here](https://erkaman.github.io/posts/regl_anim.html)

Using the WebGL framework

[regl](https://github.com/mikolalysenko/regl), I made some weird

animations. All of them are basically just using trigonometric

functions to create patterns in a fragment shader. Check out the

source code if you are interested.



 vines.js



 rainbow.js



 circle.js

## Build

To run the animations locally on your computer, first change your directory to the directory of the project, then run

```bash

npm install

```

To then run the animations `circle`, do

```bash

npm run circle

```

The other animations are named `rainbow` and `vines`