In this case study, Isabel Moranta and Yannis Yannakopoulos share insights on the creation of a unique portfolio. In this first part, Isabel shares her story and creative journey that brought this portfolio to life: Crafting a new portfolio is both a challenge and a creative journey, squeezed in between other important projects. When life […]
Case Study: Isabel Moranta Portfolio — 2024 Read More »
Hello, everyone. I’m Seyi, a Creative Developer and Technical Director at Studio Null. In this tutorial, we’ll learn how to build an infinite scrollable gallery where each image rotates dynamically based on its position. We’ll use OGL for this tutorial, but the effect can be reproduced using other WebGL libraries, such as ThreeJS or Curtainsjs. At the
How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders Read More »
In this tutorial, we will explore how to dynamically deform terrain, a feature widely used in modern games. Some time ago, we learned about how to create the PS1 jitter shader, taking a nostalgic journey into retro graphics. Transitioning from that retro vibe to cutting-edge techniques has been exciting to me, and I’m happy to
Creating Dynamic Terrain Deformation with React Three Fiber Read More »
The award-winning website for Anderson Moss culminates a year-long brand repositioning and integrates a fresh identity design that embodies the agency’s new direction. It stands as both a design and development folio piece in its own right, featuring interactive design that captures this identity and complements a number of custom development features. The distinct art
Case Study: Anderson Moss ®️ Read More »
Hey there 👋! I’m Matias, a creative web dev based in Buenos Aires, Argentina. I currently run joyco.studio, and we recently released the first version of our website. It features a comic-like dot grid shader background, and in this post, I’ll show you how it’s coded, breaking it down into 4 simple steps. But before
How to Code a Subtle Shader Background Effect with React Three Fiber Read More »
I love interactive things, but I’m not a fan of expensive devices, especially those we have to buy year after year to have the latest hardware in our hands! I’m a fan of accessible technology! With that in mind, today I’m going to show you how to control elements in a 3D scene using just
Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js Read More »
The Paffi portfolio website is a celebration of ten years of exceptional projects crafted by Silvia and Giulia, the two co-founders and brand designers behind Paffi. Our vision for the site had two key objectives: to create a seamless, enjoyable browsing experience and to reflect Paffi’s vibrant, playful design approach. For the homepage slider, we
A Visual Deconstruction of the Paffi Totem Slider Read More »
Cool and inspiring code demos we’ve featured in our newsletter over the past few weeks. We’ve been spotlighting some fun, cool, and wonderfully weird code experiments in our recent newsletters, so we decided to round them all up in one place. Featuring nice animations, GSAP magic, and WebGL/Three.js goodness, these demos are exactly the kind
Some Recent Creative & Fun Coding Experiments Read More »
Why Create a Personal Portfolio? Considering I am already the co-founder of Overpx studio, this is a question many might ask. The reasons are mainly two: 1. The need for a personal space: from 2008 to 2014 I had a blog, fedeweb.net, where I used to write articles about WordPress, JavaScript, Gimp (does it still
Case Study: Federico Pian Portfolio — 2024 Read More »
This project demonstrates a custom jitter shader inspired by the visual style of PS1-era games. The shader replicates the nostalgic ‘jitter’ effect, adding a retro aesthetic to 3D models—perfect for developers looking to add a retro feel to low-poly projects. I’ve always found PS1 games fascinating. Inspired by their nostalgic 3D environments, I decided to
How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber Read More »
