✳flâneur — a map of the web's best reading

Creating Daylight | The Shadows | basement.studio

basement.studio · 11,579 words · saved by 2 readers

Alright, let's dive in! Our latest project for Daylight is live, and it's not just another website—it's our bread and butter. We aimed to create something that feels cozy, calm, and natural. From shaders to optimization, we’ve got it all. And if you’re curious, you can peek behind the curtain by visiting the debug view at Daylight Computer Debug. Once there, press “o” to enter the Orbit Camera. Okay, there is a lot to unpack here. Be patient. We'll do three posts to shed light on the tricks we used. We know you want everything at once, but good things take time, right? The topic of the day: Rendering soft shadows. Early in the project, we aimed to make a calm, warm, and natural site. We experimented with different approaches to achieve that, but the aha moment came when one of the designers created this draft: The images and background interacting with the shadow created the illusion that the image “was there,” like we saw a wall with pictures. It made perfect sense since the whole ide

Ever wondered how we created those lifelike shadows on Daylight's website? Here we break down the secrets of our shadow rendering process. Alright, let's dive in! Our latest project for Daylight is live, and it's not just another website—it's our bread and butter. We aimed to create something that feels cozy, calm, and natural. From shaders to optimization, we’ve got it all. And if you’re curious, you can peek behind the curtain by visiting the debug view at Daylight Computer Debug . Once there, press “o” to enter the Orbit Camera. Okay, there is a lot to unpack here. Be patient. We'll do thre

Explore this link on the map →

saved by

related reading