An experimental creative frontend project exploring immersive visual experiences through WebGL, cinematic composition, and editorial design.
GOATCLUB.mp4
This project was built as part of my learning journey into WebGL and Three.js.
The foundational concepts and workflow were learned from:
WebGL Basics — Sawaraj Singh
Video / Tutorial : https://www.youtube.com/watch?v=C2IRBJYbdSg&t=1071s
While learning the fundamentals, I wanted to create something with its own visual identity and atmosphere. Rather than focusing only on implementation, the goal was to explore how visual design and WebGL can work together to create immersive experiences.
The workflow involved:
- Using reference visuals to establish the overall mood and theme
- Creating structured prompts based on the selected visual language
- Using AI to generate the HTML/CSS foundation of the website
- Integrating custom WebGL effects into the experience
- Experimenting with hover distortion interactions
This project was primarily built as a learning and experimentation project while exploring WebGL and Three.js.
Areas explored during development:
- WebGL fundamentals
- Three.js basics
- Interactive visual experiences
- Responsive visual behavior
- Hover distortion effects
- HTML
- CSS
- JavaScript
- Three.js
- WebGL
- Creative Frontend Development
- Interactive Experiences
The visual language of this project was built using a combination of curated references and using them for custom-generated imagery.
- [Cosmos — Visual Source 01] - https://www.cosmos.so/e/583487133
- [Cosmos — Visual Source 02] - https://www.cosmos.so/e/271064534
- [Cosmos — Visual Source 03] - https://www.cosmos.so/e/1483968447
- [Cosmos — Visual Source 04] - https://www.cosmos.so/e/245357766
Additional visuals were generated during the design process to maintain consistency in:
- atmosphere
- composition
- typography
- cinematic framing
- overall art direction
The goal was to make all visuals feel like they belonged to the same creative universe.
This project was created as part of a learning process and serves as a space for experimentation, exploration, and understanding creative frontend workflows.