Creating random triangular background image

See more:

graphics

Hi,

I'm working on recreating this triangular background effect as seen here[^]

So far I've managed to create something similar[^] but which isn't quite right as the triangles overlap instead of fitting perfectly together like in the first image.

It works by creating hexagons[^] at regular intervals, then randomly 'displacing' each of the 6 outer points to create 6 randomly-shaped triangles. However, this means each hexagon isn't fitting together with the others properly.

What's a better approach to get the desired effect?

What I have tried:

Explained above
---------------------------------------------