{"id":20480256,"url":"https://github.com/kekkorider/codrops-tutorial-ogl-image-carousel","last_synced_at":"2025-04-13T13:32:50.531Z","repository":{"id":114437862,"uuid":"392700847","full_name":"kekkorider/codrops-tutorial-ogl-image-carousel","owner":"kekkorider","description":"Repository for a Codrops tutorial about the creation of an image carousel with GSAP and OGL","archived":false,"fork":false,"pushed_at":"2022-11-26T09:33:54.000Z","size":1377,"stargazers_count":25,"open_issues_count":0,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-27T04:33:32.717Z","etag":null,"topics":["animation","carousel","gsap3","ogl","tutorial","webgl","webgl2"],"latest_commit_sha":null,"homepage":"https://ogl-triangles-grid-carousel.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kekkorider.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":"fra_michelini","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2021-08-04T13:34:18.000Z","updated_at":"2024-12-05T09:15:54.000Z","dependencies_parsed_at":null,"dependency_job_id":"fbd250e6-a19e-492d-9785-8b3f313122ed","html_url":"https://github.com/kekkorider/codrops-tutorial-ogl-image-carousel","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kekkorider%2Fcodrops-tutorial-ogl-image-carousel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kekkorider%2Fcodrops-tutorial-ogl-image-carousel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kekkorider%2Fcodrops-tutorial-ogl-image-carousel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kekkorider%2Fcodrops-tutorial-ogl-image-carousel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kekkorider","download_url":"https://codeload.github.com/kekkorider/codrops-tutorial-ogl-image-carousel/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248721229,"owners_count":21151066,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","carousel","gsap3","ogl","tutorial","webgl","webgl2"],"created_at":"2024-11-15T15:49:26.330Z","updated_at":"2025-04-13T13:32:50.519Z","avatar_url":"https://github.com/kekkorider.png","language":"JavaScript","readme":"# Abstract Image Slideshow with OGL, GLSL, and GSAP\n\nDemo for the tutorial on how to create a WebGL-powered image slideshow animated using a single value.\n\n![Image](https://tympanus.net/codrops/wp-content/uploads/2021/08/TriangleGridSlideshow_feat.jpg)\n\n[Article on Codrops](https://tympanus.net/codrops/?p=55916)\n\n[Demo](http://tympanus.net/Tutorials/TriangleSlideshow/)\n\n**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).\n\n```shell\n$ nvm use\n```\n___\n\n## Setup\n```shell\n$ yarn install\n```\n## Start development server\n```shell\n$ yarn dev\n```\n\nThen the development server will start at `http://localhost:1234`\n\n## Build package\n```shell\n$ yarn build\n```\n","funding_links":["https://patreon.com/fra_michelini"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkekkorider%2Fcodrops-tutorial-ogl-image-carousel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkekkorider%2Fcodrops-tutorial-ogl-image-carousel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkekkorider%2Fcodrops-tutorial-ogl-image-carousel/lists"}