ruben3d's Avatar

ruben3d

@ruben3d.bsky.social

Software developer. https://github.com/ruben3d

64 Followers  |  47 Following  |  17 Posts  |  Joined: 31.12.2023  |  1.893

Latest posts by ruben3d.bsky.social on Bluesky

Post image

You might still get some convincing volume effect easily if the view never gets close: from the grayscale noise, use simple parallax mapping for volume, and the screen space derivatives (dFdx or ddx) to get a normal for shading (that's how I got the shading out of a grayscale texture here:)

03.06.2025 20:09 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Seems like an ideal position to get into volumetric clouds

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

This one has Townscaper vibes

07.05.2025 10:52 โ€” ๐Ÿ‘ 16    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Preview
GitHub - ruben3d/sandbox-sdf: Playground for experimenting with signed distance field textures for shape and text rendering Playground for experimenting with signed distance field textures for shape and text rendering - ruben3d/sandbox-sdf

And this is the Github repo, so you can have a peek at the source code and some extra information in the FAQ: github.com/ruben3d/sand...

27.04.2025 15:38 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Sandbox - Signed distance field rendering

You can experiment with the live demo here: ruben3d.github.io/sandbox-sdf/...

27.04.2025 15:38 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image Post image Post image Post image

I added support for rendering some shapes too, based on the excellent work by @iquilezles.bsky.social

27.04.2025 15:38 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image Post image Post image Post image

It can render text, generate a SDF texture out of it, and then apply real-time effects, fully customisable with a variety of parameters. The idea is to animate many of these as a result of user interaction.

27.04.2025 15:38 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image Post image Post image Post image

I have been working on a signed distance field texture renderer, to develop a better understanding of how it works for a personal project. Using #Typescript and #threejs, the source is available #opensource (links below)

27.04.2025 15:38 โ€” ๐Ÿ‘ 5    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Post image

Have you thought of randomising the path vertex locations per vehicle, within a radius ? That way they might travel at different speed, but be able to pass each other without much actual AI as the paths won't overlap that much

25.04.2025 20:58 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

Coming from you, I can't tell if that's a picture or a render anymore

10.04.2025 16:04 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image

The printed version

09.03.2025 20:04 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Impressive results! I bet that a spectral renderer would have created chromatic aberrations too

01.12.2024 22:25 โ€” ๐Ÿ‘ 2    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Actually I used the cyan, magenta, white and black from the most commonly used CGA palette. There are another two variations, but not sure if it is worth adding even more permutations to the graphic modes.

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

Thanks! Setting something quick and dirty up is easy, but seeing it through to the release, full of content, is the really challenging part. My most sincere admiration goes to those like you that get it done.

23.11.2024 01:51 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

Thanks, that's my base reference! Re progress: not much, family, work and other projects take a toll on how much time is left for this :(

18.11.2024 21:56 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Video thumbnail

Short video showcasing a bit of gameplay and switching day/night and graphic generations:

17.11.2024 23:24 โ€” ๐Ÿ‘ 11    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
Post image Post image Post image Post image

First post! I'm a software engineer developing graphics-related #opensource projects on my spare time. Check my profile for the GitHub link!

My retroflightsim project, attempting to recreate the late 80s-early 90s flight sims using #Typescript and #Three.js:

17.11.2024 23:24 โ€” ๐Ÿ‘ 51    ๐Ÿ” 8    ๐Ÿ’ฌ 12    ๐Ÿ“Œ 0

@ruben3d is following 20 prominent accounts