Creating Clouds of Stars

I found a video which I would love to recreate.
There are stars that form “clouds” which are interconnected somehow, still everything is random.

I played around with different noise functions, like perlin and cellular noise, but I can’t manage to spread the stars in a similar way like in the video.

Here is the video: https://www.youtube.com/watch?v=u9TuAZHeziw

Any suggestion how I can create that kind of randomness?

Thanks a lot!

Volumetric Perlin noise?

https://threejs.org/examples/#webgl2_volume_perlin

1 Like

Cool video.
I’m not sure but it looks like there are 2 effects going on there. There is a background starfield… and then in the foreground there are moving star clusters distributed with what looks like some kind of “noise” function.
The individual stars look like a sprite kinda like this:

There are a few different approaches you could use for something like this.

You could use shaders to create the effect, but that requires pretty strong math skills and learning GLSL shading language:

Or you could instead use a THREE.InstancedMesh() or a custom BufferGeometry of some kind.

You may need some shader work in there as well but it may be more or less complicated depending on what you need…

1 Like

Thanks a lot!

@PavelBoytchev that comes very close, nice.

Any idea how I can control, that the volumetric noise won’t be “cut off” once it reaches the borders of the sphere, but instead end with organic shapes there?

1 Like

Hm. That’s more like artistic request. I mean, there might be many ways, but it is hard to guess which will work for you. So you have to explore various possibilities.

Here is one clustering from close distance and from far away, it is still somewhat globular, but that’s the default shape of things in the space:

https://codepen.io/boytchev/full/JjVExoj

image

image

4 Likes

Great effect,.With a correspondingly different arrangement of the stars, I see galaxies in space.

1 Like