The Creative Journey Behind My Website: A Case Study Building a website is not just about laying out information; it’s an artistic journey filled with revelations and design decisions. In this case study, I will walk you through the five key phases of my website development process, highlighting the choices that shaped the final product. […]
Exploring Creative Development: My Journey as a WebGL Developer As a passionate Creative Developer at OFF+BRAND studio, I specialize in creating high-performance interactive WebGL experiences. Join me as I share insights about my journey through digital design, innovative projects, and the future of web development. My Background in Creative Development I’ve always been intrigued by […]
Building The Monolith: Composable Rendering Systems for a 13-Scene WebGL Epic Demo Creating engaging web experiences often requires sophisticated rendering techniques. In this blog post, we’ll explore the development of a monolithic project featuring 13 distinct scenes, demonstrating the power of composable rendering systems using React Three Fiber. Overview of the Project To construct this […]
Crafting a Glitchy 3D World: A Case Study on Weisdevice Creating a unique portfolio website that stands out can be a challenge, especially when merging design, technology, and a bit of chaos. This case study explores the journey behind the development of Weisdevice, a portfolio website that embodies imperfection and creativity in a 3D environment. […]
Dive into Ponpon Mania: Where Comic Meets Interactive Storytelling Ponpon Mania is an innovative project that merges the world of comics with interactive storytelling. This creative endeavor breathes life into a megalomaniac sheep named Ponpon, who dreams of becoming a DJ, all through the power of WebGL and GSAP animations. Meet the Creative Duo Behind […]
How to Animate WebGL Shaders with GSAP for Dynamic Effects Discover how to enhance your WebGL projects with motion and interactivity by leveraging GSAP (GreenSock Animation Platform) alongside custom shaders. In this post, we’ll guide you through creating immersive effects such as ripples, reveals, and blurs that respond to user actions. Setting Up Your HTML […]
