https://github.com/kekkorider/codrops-tutorial-ogl-image-carousel
Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL
https://github.com/kekkorider/codrops-tutorial-ogl-image-carousel
animation carousel gsap3 ogl tutorial webgl webgl2
Last synced: about 1 month ago
JSON representation
Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL
- Host: GitHub
- URL: https://github.com/kekkorider/codrops-tutorial-ogl-image-carousel
- Owner: kekkorider
- Created: 2021-08-04T13:34:18.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-11-26T09:33:54.000Z (over 2 years ago)
- Last Synced: 2025-03-27T04:33:32.717Z (about 2 months ago)
- Topics: animation, carousel, gsap3, ogl, tutorial, webgl, webgl2
- Language: JavaScript
- Homepage: https://ogl-triangles-grid-carousel.netlify.app/
- Size: 1.31 MB
- Stars: 25
- Watchers: 2
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://tympanus.net/codrops/?p=55916)
[Demo](http://tympanus.net/Tutorials/TriangleSlideshow/)
**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](https://github.com/nvm-sh/nvm).
```shell
$ nvm use
```
___
## Setup
```shell
$ yarn install
```
## Start development server
```shell
$ yarn dev
```
Then the development server will start at `http://localhost:1234`
## Build package
```shell
$ yarn build
```