The Elden Ring Gallery is a web project that showcases artwork inspired by the highly anticipated game, Elden Ring. The gallery features a collection of stunning illustrations created by the talented artist “drakkar2guerre” from Instagram. The goal of this project was to create an immersive and visually appealing gallery experience for fans of Elden Ring.
GITHUB : PRIVATE REPO.
DEMO : https://highnessatharva.github.io/Elden-Ring-Gallery/
- Recruiters, please email to request access.
- Developers and Creatives, if you need this content, please email to request access. I can make a similar content for you if needed (charges will apply).
Project Tech Stack
- HTML
- CSS
- JavaScript
- Anime.js
Learnings
Throughout the development of the Elden Ring Gallery, I gained valuable insights and honed my skills in several areas:
-
Image optimization: I learned techniques to optimize large-sized images to ensure faster loading times and optimal performance of the gallery.
-
Custom animations: By leveraging Anime.js, I was able to create captivating and fluid animations for the 3D gallery format, enhancing the overall user experience.
-
Efficient image loading: To handle a vast number of images, I utilized JavaScript loops to efficiently load and render the images dynamically to HTML using the Document Object Model (DOM).
-
CI/CD with GitHub Pages: I implemented Continuous Integration and Continuous Deployment (CI/CD) using GitHub Pages, enabling seamless deployment and updates to the live gallery.
Acknowledgements
- “drakkar2guerre” from Instagram for the amazing Elden Ring artwork.
- The creators of Elden Ring for inspiring this project.
Enjoy exploring the Elden Ring Gallery and immerse yourself in the fantastic world of Elden Ring!