Circle Edge Renderer

Research

Core rules

  • Each node in the tree is represented with a circle.

  • Child nodes are spaced equally along the parent circle's edge.

Additional rules

Maintaining proportional area Defining the gap between children

Maintaining proportional area

One restriction could be to make sure the area of the children, directly under the parent, sums to the parent's area.

This can be then written in terms of the radius of parent 'R' and child 'r'. Where n is the number of children R has.

Given the above restrictions, the results for 1 - 4 children are listed below

One question is to ask how does this render with more children, particularly if the children ever overlap. To find out we can draw the following diagram.

As stated by one of the core rules, children are equally spaced along the edge of the parent and so the angle between each child is given by theta where...

The distance between adjacent children center point is can be seen to have the following equality

Refactoring the equation gives us the following equation for x

Plotting the equation shows us x is positive for n < 10

For values of x < 0, the edges of the child circles will overlap. See below for zoomed in image for n=10...

Defining the gap between children

This method tweaks the equation for the child radius to achieve a desired gap between circle edges. The result of this would be a loss of proportional area, but could be used in conjunction with the previous section to define a lower limit for the gap e.g. limit so x >= 0 where the proportion is only lost in the case of n > 10 where x drops below 0.

we can modify the equation for x to fix the value

Setting the gap size to zero

Last updated