How to offset geometries with a certain degree of randomness

Hello guys, I’m looking for advise on how I can create the following:

I would like to create a “honeycomb” mesh with a certain amount of randomness in it (ideally).

I tried various things but they all give a very messy result so I’m looking for a way to create honeycomb mesh with a limited amount of randomness in it. I attached some images to give a bit of an idea what I’m looking for. I would be very happy already with just some pointers or techniques that I can look into, since I’m fairly new with all of this I don’t really know what to look for. Thanks in advance.
external-content.duckduckgo.com
Honeycomb fragmented
Honeycomb rounded

1 Like

Hi!
Nice reference pics :slight_smile:
For some ideas, maybe this topic will be helpful: Hexagonal grid formation

1 Like

Oh thanks a lot for this! Looks really cool I will have a closer look at them now

From the

BeginnerExample
// … step 13: instanced mesh

=> my honeycombs

BeginnerExample - Mozilla Firefox 2021-07-28 20.02


and
Grid Collection Hexagonal grid

grids - Google Chrome 2021-07-28 20.04.26

2 Likes

Inspired by the reference pics :slight_smile:
Example: https://codepen.io/prisoner849/full/ZEKxOdO
Picture:

4 Likes

Super cool stuff! May I ask how long have you been doing this stuff? Just so I have a bit of a reference on how patient I need to be :sweat_smile:

About an hour :thinking: Maybe one and a half, as I tried to add godrays, but I didn’t like the result, so I gave up on this idea with rays :sweat_smile:

Haha thanks, I mean more in general, how long have you been creating with Threejs or maybe even more important to know since when are you coding? :slight_smile: