Create Repeated Pattern with Curved Position

[Amozza]

I'm trying to creating a MOGRT that will display the following pattern and allows customizations such as color changes, line thickness, length, line spacing, etc. and I'm about half way there.

Target Pattern:

I have a shape layer for the main line and sliders that control the size and color. I added a repeater ("v-copies") to duplicate the line vertically and tied some of the properties to sliders to control number of copies and spacing between lines. I added a second repeater to duplicate these ("h-copies") with similar controls for copies and spacing. The layer looks like this:

The pattern this produces is below and is kind of backwards. The horizontal copies are spaced closer together vertically instead of being farther apart.

The Scale property on the "h-copies" repeater is [100,90] to make each column progressively thinner and I have this expression on the Position property:

hPadding = thisComp.layer("control").effect("Horizontal Spacing")("Slider");
xPos = content("line-element (shape)").content("Rectangle Path 1").size[0] + hPadding;
[ xPos, 0 ]

I've tried a few things like reordering the repeaters, making the Y position negative, but nothing gets me any closer.

I'm hoping this is an easy fix. Thanks.

[Mylenium]

It doesn't work because you're relying on scaling. You probably will have to use actual separate shape groups to be able to control the strokes and internal spacing. If you simply invert the scaling apparently your strokes will simply get thicker. and quite generally with that kind of stuff you'll likely need to start out with a comp that is two or three times taller/ wider than the target comp to account for the shapes not filling the whole area with some values.

Mylenium

[Amozza]

Thanks Mylenium.

I will try your suggestion of different shape groups on even different layers and see where that gets me.