Tear down some simple(ish) scene files.
We recommend checking out Project Settings to ensure any Assets link correctly.
Simplified, this is a just Type Shape with a Type Manipulator set to Transition. Scrubbing the Percentage simply transitions the text string on the Type Shape to the text string entered in Final Text on the Manipulator. We then take this a step further by using Text Arrays to allow us to create multi-line text via a Duplicator. You'll also notice we're using a Bounding Box to resize a rounded rectangle depending on the length of the text string. Because the Type and the Rectangle are under a Group they both get duplicated.
A Line Shape connected to a Duplicator. There’s an Oscillator then used as a Deformer on the Line (with Use Normals checked). A Stagger is then connected to the Oscillator’s Frequency to offset each line.
A Circle is used as the Input Shape on a Duplicator with its Distribution set to Point. A Stagger Behaviour is then used to stagger the Radius of each duplicated Circle. An Oscillator is then connected to Shape Position on the Duplicator. Scrub the Stagger value on the Oscillator to change the effect.
A Basic Line (rotated to 45º) under a Group (because the Duplicator ignores top level shape transforms). The Group is then added to a Duplicator. We’re then using a Value Array with values of 0 and 90 and then a Value Behaviour (with a Falloff) connected to its Array Index. The Falloff acts as a switch between those two values. There’s also a JS Math node used to create a relationship between the line Length and the Size attributes on the Grid Distribution. This isn’t really necessary but means that when you change the Line length the Distribution Size updates.😎
This one’s using a Polygon in a Duplicator along a Path Distribution. The Input Path (a circle) is then being deformed by a Noise Behaviour. A Falloff is then used to determine the strength of the Noise.
An Arc duplicated via a Point Distribution and then we have a Value Array specifying the rotations. That Duplicator then goes into a second Duplicator to form a simple pattern which is then animated via the Shape Rotation attribute. The animation curves are set to Loop with Offset in the Graph Editor.
The Circle has a Gradient Shader (set to Conical) on an Overlay Blend Mode. It also has a Blur Filter with an Oscillator connected to its Amount. Play with the Stagger attribute on the Oscillator to alter the offset values.
Mind your 👀! The Circle is being masked by another circle (Mask). Position.x of the Mask is then connected to a Stagger Behaviour. We're then using an Oscillator to animate the Stagger's Maximum attribute. One Duplicator creates the horizontal layout while the other stacks them vertically. We're then using a Modulate connected to the Shape Rotation of the vertical Duplicator to create a pattern (0,180) to flip-flop the rows.
An example using Cavalry to mock up UI elements. A Value 2 is connected to the Offset of the Drop Shadow Filter. The Value 2 has a Falloff added to it. Anything within the Falloff receives the Value whereas anything outside it does not (note we've added an Offset of 2 to ensure there's always some shadow). Moving the Falloff over each shape creates the illusion of a button press.
The rectangle is being rotated using a Frame via a Stagger. It's then duplicated along a Rectangle using a Path Distribution. Note that Vectorise is checked on the rectangle (Path) and some Divisions are set. This converts the rounded corners from bezier to 'lines'. That path is then being deformed using Noise and its Strength is being animated.
This one’s more of a ‘rig’. The Null is connected to various layers via some Value and Value 2 Behaviours. These are being used as multipliers for Position on a Mask (Moon), the Length of a Line (Sun), the Count on a Duplicator (Stars) and Color (Sky). By moving the Null left/right the scene transfers from Night to Day. Note that position.y on the Null is 'locked' using the Limit Position attributes. Inspired by this article - https://t.ly/nRwY
Duplication via the Quad Tree Shape to position and scale other compositions. This example also demonstrates how you can create complexity by varying the 3 input shapes using Noise and Random behaviours.
A Rectangle and Type Shape are grouped (Items) and then added to a Duplicator set to a Linear Distribution. A Google Sheet has then been imported and connected to 3 Spreadsheet Atoms. The Column Title is then set on each Spreadsheet for Label, Value and Color (the names in the 1st row of the linked Google Sheet). Then each Spreadsheet is linked to Height and Color of the Bar and Text for the Label. Note that for the Height Spreadsheet we've remapped the values using a Number Range. An Align Behaviour is connected to the Bar's Deformer attribute so that its base stays in place.