Tag: creative coding

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 […]

Exploring Forged: The Future of Immersive Digital Experiences Discover how Forged, a creative studio based in Orange County, California, blends art, code, and AI to create cutting-edge digital experiences. Through innovative technologies, they are reshaping the way audiences engage with interactive content. What is Forged? Forged is a creative studio dedicated to crafting immersive digital […]

How to Create Stunning Scroll-Driven 3D Text Effects with CSS and GSAP In this tutorial, you will learn how to create mesmerizing scroll-driven 3D text effects using CSS, JavaScript, and the GSAP library. By combining CSS transforms with GSAP’s ScrollTrigger plugin, you can produce smooth, high-performance animations that elevate user experience on any website. Initial […]

Unleash Your Creativity with Spline’s Timeline Tool for 3D Animation Spline is a powerful platform that makes creating interactive 3D scenes easy, even for those without coding or 3D experience. With the newly introduced Timeline feature, you can elevate your animations to a whole new level. What is the Timeline Tool? Timeline in animation software […]

Discovering Creativity in Web Development: The Journey of Karim Maaloul In today’s digital landscape, creativity and technology intertwine, as exemplified by the work of Karim Maaloul, co-founder and Creative Director at EPIC Agency. His passion for design and interactive experiences shapes how we perceive user engagement on the web. A Creative Force Behind EPIC Agency […]

Discovering the Art of Wavy Shader Animation In the world of creative coding, sometimes the most captivating ideas emerge from playful experimentation. Join us as we explore a mesmerizing liquid motion effect created during our “12 Pens in 12 Months” challenge, where rules are tossed aside for pure creativity. The Concept Behind the Effect Our […]

Exploring Interpol: A Lightweight Interpolation Library for Web Animations Three years ago, I embarked on a journey to create @wbe/interpol, a lightweight interpolation library designed for smooth motion and value tweening on the web. In this blog post, I’ll delve into the origins of Interpol and how it has transformed my animation workflow. What is […]

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. […]

Transforming My Portfolio into a Game Demo: A Journey of Fun and Creativity In early 2025, I embarked on an exciting project: reinventing my portfolio as a dynamic game demo. With a renewed focus on creativity and user engagement, I aimed to showcase my skills while making the experience enjoyable for visitors. The Inspiration Behind […]

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 […]

Exploring Lax Space: A Dynamic Portfolio Inspired by Everyday Chaos Lax Space is a creative playground that merges design with technology, capturing everyday moments in an innovative digital experience. This blog explores the inspiration, design principles, and technical intricacies that breathe life into this interactive portfolio. The Inspiration Behind Lax Space The concept for Lax […]