kekkorider / codrops-tutorial-ogl-image-carousel

Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL

Home Page:https://ogl-triangles-grid-carousel.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

Image

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

About

Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL

https://ogl-triangles-grid-carousel.netlify.app/


Languages

Language:JavaScript 40.7%Language:GLSL 38.3%Language:SCSS 13.4%Language:HTML 7.7%