Abstract Image Slideshow with OGL, GLSL, and GSAP

Demo for the tutorial on how to create a WebGL-powered image slideshow animated using a single value.

Article on Codrops

Demo

Disclaimer: This has been developed using NodeJS 14.15.5. I am not aware of any incompatibility issues with other versions, but to avoid any problem it is recommended to switch to version 14.15.5 using NVM.

$ nvm use

Setup

$ yarn install

Start development server

$ yarn dev

Then the development server will start at http://localhost:1234

Build package

$ yarn build