The Venetian Blinds Conundrum

After a rough morning of finishing a test and failing miserably to deliver on others’ expectations, I went to take a short nap.

When I woke up, it was 8 hours later in the evening, what a ””””nap””””. Got Discord booted up, ready to waste another day in front of the monitor, I was informed of the existence of this funny image.

“HAHA lmao thats relatable ima like that”

Then I looked deeper into the thread, courtesy of CH FR. He was having misery finding a way to have perfect Venetian Blinds when scrolling (using the Offset effect).

Scrolling down the thread, MMaker (who would’a guessed?) provided the classic solution using Motion Tiles.

Then I thought, hm, this sure does solve the issue, but it feels like giving in. So there I was trying to find the solution using only Venetian Blinds. Two hours later, I ended up with this.

\left | L\times tan(90 \textdegree -\theta)\right |=\frac{kW}{cos(\theta-90 \textdegree)}

Note: this equation is not fully simplified, it is merely what I originally found and plotting yields the following implications.

where:
L=Layer width
W=Venetian Blinds width
θ=Venetian Blinds angle
k is in a way, number of stripes present on screen relative from the center, it’s kinda hard to explain, so we’ll graph the equation first.

For:
θ∈]-180°,180°[
L=1920
W=270

Horizontal Axis -> k
Vertical Axis -> θ

We only worry about integer values of k because these are the seamless configurations:

Where the k-values intersect the curve in the graph represents configurations with no seam. Every other point on the curve has a seam. It would only be seamless when one stripe ending on one side of the layer has the same vertical/horizontal position as another stripe on the other side of the layer.

As W decreases, possible values of k also increases, this corresponds to being able to have more direction values that don’t have seams with a lower width value.

Rearranging the equation and simplifying yields:

W(k)=\left |\frac{L}{k}cos\theta\right |
Now k controls the width

It is also possible to arrange the equation the other way around, yielding:

\theta_{1,2}(k)=\pm cos^{-1}(\frac{kW}{L}) \\ \theta_{3,4}(k)=\pm cos^{-1}(\frac{-kW}{L})

As seen on the graph, this means that for a fixed L and a fixed W, every k will give 4 θ values for θ∈]-180°,180°[.

And indeed for k=3, all 4 values work.

For the record, the Transition Completion percentage has no impact on this and Feather will break it.

If you had been attentive enough, you might have realized there’s still a little seam in the middle even using the formulae. This is because the Venetian Blinds effect doesn’t read enough decimal places. So in the end, it is still better to use the classic Motion Tiles method provided by MMaker.

Interactive graph on Desmos

Explanation (Updated Jan 2021)

In reality the huge equation with tan and absolute values is largely unnecessary. It merely serves as a memento for how I initially solved it. But the explanation can do without so here it is.

The theta I’m using in the video is not the same angle setting in AE, stick to the formulae I have above when you’re actually using it (don’t, use the MMaker method instead).

Note: having it offset properly both horizontally and vertically is a lot harder and mostly pointless, since it looks the same way once animated.

4 hours well spent (half of this spent on figuring out LaTeX again).

3 thoughts on “The Venetian Blinds Conundrum

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s