Davo's Avatar

Davo

@davo.bsky.social

Designer & Creative Engineer. Exploring how to build interactive artifacts using web technologies & pretty shady integrations. Blender super nerd. Cloud & local computing enthusiast.

142 Followers  |  84 Following  |  109 Posts  |  Joined: 25.04.2023  |  1.8871

Latest posts by davo.bsky.social on Bluesky

Video thumbnail

A cube map (sometimes known as "sky box") made with Figma assets. Directly fetched with a custom worker I made with Cloudflare.

This is one of the easiest ways to get something cool running using the most simple Three.js code template.

03.05.2025 08:49 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Absolutely stunning, Marcin.

26.04.2025 17:17 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Made this scene using SunCalc + Sky shader from @threejs.org. It simulates a full day of interactive sunlight.

Cube maps in high-res, w/ an AFR method. Runs at 60-80fps, super unoptimized.

Thanks @mrdoob.com and all the contributors of #threejs for 15 years of open source development.

23.04.2025 22:43 โ€” ๐Ÿ‘ 22    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Thanks for sharing, Nicolas!

25.03.2025 19:22 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Image 1 shows a circular band with iridescent rainbow-like colors (red, green, yellow) against a bright blue background. The band contains repeating text that reads "WORK IN PROGRESS" in a stylized, digital-looking font. There's a distinct Moirรฉ pattern visible throughout the circular band, creating an interesting visual distortion effect. At the bottom of the image, there's a small information panel showing camera coordinates and technical parameters.

Image 1 shows a circular band with iridescent rainbow-like colors (red, green, yellow) against a bright blue background. The band contains repeating text that reads "WORK IN PROGRESS" in a stylized, digital-looking font. There's a distinct Moirรฉ pattern visible throughout the circular band, creating an interesting visual distortion effect. At the bottom of the image, there's a small information panel showing camera coordinates and technical parameters.

Image 2 shows a similar composition but with a different view. It again has the "WORK IN PROGRESS" text band at the top against a blue background, but below it displays vertical colored stripes (primarily green and red) creating a pronounced Moirรฉ interference pattern. The pattern includes what appears to be some kind of outline or shape formed by the interference. Like the first image, it has technical parameters displayed at the bottom.

Image 2 shows a similar composition but with a different view. It again has the "WORK IN PROGRESS" text band at the top against a blue background, but below it displays vertical colored stripes (primarily green and red) creating a pronounced Moirรฉ interference pattern. The pattern includes what appears to be some kind of outline or shape formed by the interference. Like the first image, it has technical parameters displayed at the bottom.

Post image

Today I failed at trying to control these Moirรฉ artifacts, for the nth. time.

Instead of fully giving up, I decided to exacerbate the aberration, and I think it kinda works.

20.03.2025 22:56 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

I made a big visual update to the cozy town building game I am working on.

I've added back the directional light, added some more textures and a super early version of grass. Certainly makes a difference!

19.03.2025 16:36 โ€” ๐Ÿ‘ 144    ๐Ÿ” 15    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 0
Post image Post image Post image Post image

Unwrapping UV for a generative shader.

I tried to do it manually, I really did... but I found myself really out of my depth.

And then I found that someone ported xAtlas for Three.js
github.com/repalash/xat...

11.03.2025 13:55 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

As part of my initiation in the WebGL space, I offer you a messy John Conway's Game of Life, on a custom extruded geometry.

Not perfect, but it such a final boss for me, of everything that I think I understood about WebGL, but I really didn't. #threejs

11.03.2025 13:42 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

This is such a great ideaโ€ฆ

10.03.2025 15:23 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image Post image Post image

Rounded Primitives on a Dotted Grid. #threejs #animejs #gonrounded

10.03.2025 15:00 โ€” ๐Ÿ‘ 3    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Dolly. Made with #threejs & #animejs (anime.js beta)

10.03.2025 14:19 โ€” ๐Ÿ‘ 4    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image Post image

While Iโ€™m AFK, I stream a Chrome view to Youtube so I can keep track later if there are any potential issues or leaks.

If I enable DVR mode I get an HD capture recorded on the cloud.

04.03.2025 20:27 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

*it was a Hamiltonian Path

04.03.2025 17:51 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

This is my era of Transitionable Geometry.

There are no shortcuts for making something performant, flexible and dope. I literally built and iterated exploring every possible way to build this component.

It has a Hamiltonian Path of trade-offs.
And I think I found the way.

04.03.2025 17:37 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image Post image Post image Post image

Using skimage, cv2 & PIL to detect & extract layout features.

Instead of setting custom parameters per image, you can tell Python to create a range of combinable configurations and let it work its magic.

20.02.2025 20:47 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image Post image Post image

Spring profiles.
Made with #threejs.

17.02.2025 15:24 โ€” ๐Ÿ‘ 6    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Made a pretty realistic Spring with controllable coils, tension and resistance.

Made with #threejs

16.02.2025 15:51 โ€” ๐Ÿ‘ 8    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Reminder for myself to never use Node.js for parsing structured data from LLMs.

Go with Python.

14.02.2025 17:39 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Congrats Maxime! What a milestone, man!

11.02.2025 17:53 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Video thumbnail

In previous iterations, I managed to get pretty close using an arc-based interpolation.

But Iโ€™m looking for a more generalized solution that allows me to truly control bounded/mapped interpolations between open planar meshes to close ring meshes.

06.02.2025 22:40 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

Never been this close to solve my complex interpolation problem.

The solution seems to be emerging by intuitively combining bones with conformal mapping equations.

5 bucks to Cauchyโ€“Riemann.

06.02.2025 22:32 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Video thumbnail

WIP: Made a layout engine. Itโ€™s called Organica.

- Auto Layout features based on the Cassowary Constraint Solving algo.
- Custom easing curves.
- Uses FTrig for Fast Trigonometry fns.
- Comes with a Transitionable operator to handle transitions between layout mutations

30.01.2025 15:26 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

Published my second package on NPM (itโ€™s ๐Ÿ”’ for now) but Iโ€™m super happy I took time to learn how to ship utility libraries with Bun.

29.01.2025 15:51 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
The image shows a fallen "SHARE THE ROAD" sign on the snowy ground in Central Park near McGowan's Pass, a historically significant area in the park's northern section. The distinctive mix of tall city buildings visible through the bare winter trees is characteristic of this part of Manhattan. The orange traffic sign stands out against patches of melting snow, with the park's natural landscape creating an interesting contrast with the urban skyline beyond. This spot near McGowan's Pass offers one of the park's elevated vantage points, which explains the clear view of the surrounding buildings.โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹

The image shows a fallen "SHARE THE ROAD" sign on the snowy ground in Central Park near McGowan's Pass, a historically significant area in the park's northern section. The distinctive mix of tall city buildings visible through the bare winter trees is characteristic of this part of Manhattan. The orange traffic sign stands out against patches of melting snow, with the park's natural landscape creating an interesting contrast with the urban skyline beyond. This spot near McGowan's Pass offers one of the park's elevated vantage points, which explains the clear view of the surrounding buildings.โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹

Ok, ominousโ€ฆ

28.01.2025 15:34 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

A moment of clarity hits you while wandering, call it discovery.

A moment of clarity hits you while playing, call it experience.

24.01.2025 17:40 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

First part was a questionโ€ฆ no ๐Ÿงค on the streets, walking my ๐Ÿ• ๐Ÿ˜ฎโ€๐Ÿ’จ

23.01.2025 16:17 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Can you dump your whole code, or the folder you are working on, on a markdown file and ask Claude to write you some Cursor rules.

You can also add some cursor rules, as examples.

Paste the result on a .cursorrules file. I noticed a difference using that.

23.01.2025 16:14 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
Post image Post image

Future Works In Progress.

23.01.2025 16:11 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Do it! Patreon, Gumroadโ€ฆ Iโ€™m game for any of those platformsโ€ฆ

23.01.2025 15:45 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Need a wallpaper out of this!

23.01.2025 14:08 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

@davo is following 19 prominent accounts