Cavalry
  • Welcome
  • Getting Started
    • Requirements
    • Installation
    • Sign In
      • Proxy Server
    • Quick Start
    • Example Files
    • Key Concepts
      • Nodes
      • Connections
      • Context
  • User Interface
    • Menus
      • File menu
      • Edit menu
      • View menu
      • Composition menu
      • Create menu
      • Animation menu
      • Shape menu
      • Tool menu
        • Select tool
        • Edit Shape tool
        • Pen tool
        • Pencil tool
        • Line tool
        • Text tool
        • Rectangle tool
        • Ellipse tool
        • Polygon tool
        • Star tool
        • Arc tool
        • Super Ellipse tool
        • Cog tool
        • Arrow tool
        • Capsule tool
      • Window menu
        • Align Window
        • Animation Utilities
        • Assets Window
          • Google Sheets Asset
          • Image Sequences
          • Project Settings
        • Attribute Editor
          • Control Rows
            • Controls Rows - Types
            • Control Rows - Interaction
        • Color window
          • Palettes
        • Control Center
        • Quick Add window
        • Flow Graph
        • Glyph Browser
        • Playback Controls
        • Preferences
        • Render Manager
          • Lottie Export
          • Dynamic Rendering
          • Render Tokens
        • Scene Window
          • Scene Tree
            • Composition Settings
          • Time Editor
          • Graph Editor
          • Keyframe Layers
        • Shelf
        • Tags
        • Toolbar
        • Viewport
          • Rulers
      • Help menu
    • Widgets
      • Gradient
      • Graph Attribute
    • General
      • Aliasing
      • Blend Modes
      • Distribution Types
        • Array Distribution
        • Circle Distribution
        • Fibonacci Distribution
        • Grid Distribution
        • Linear Distribution
        • Mask Distribution
        • Math Distribution
        • Path Distribution
        • Point Distribution
        • Random Distribution
        • Rose Distribution
        • Shape Edges Distribution
        • Shape Points Distribution
        • Shuffle Distribution
        • Sub-Mesh Distribution
        • Voxelize Distribution
      • Color Management
      • Motion Blur
      • Vector artwork support
  • Nodes
    • Shapes
      • Common Attributes (Shapes)
      • Background Shape
      • Basic Line
        • Bézier
        • Line
        • Spiral
      • Basic Shape
        • Arc
        • Arrow
        • Capsule
        • Cogwheel
        • Ellipse
        • Polygon
        • Rectangle
        • Ring
        • Star
        • Super Ellipse
      • Cel Animation Shape
      • Composition
      • Connect Shape
      • Convex Hull
      • Custom Shape
      • Duplicator
      • Editable Shape
      • Footage Shape
      • Group
      • Image to Shapes
      • Layout Shape
        • Grid Layout
        • Horizontal Layout
        • Vertical Layout
      • Outline
      • Points to Curve
      • Quad Tree Shape
      • Rectangle Pattern
      • SVG
      • Spacer
      • Sub-Mesh Bounding Box
      • Text Shape
      • Trails
    • Behaviours
      • Common Attributes (Behaviours)
      • 3D Matrix
      • Add Divisions
      • Align
      • Alpha Material Override
      • Apply Distribution
      • Apply Layout
      • Behaviour Mixer
      • Bevel
      • Blend Shape
      • Blend Sub-Mesh Positions
      • Boolean
      • Clean Up
      • Color Blend
      • Color Material Override
      • Curve to Lines
      • Distance
      • Fill Rule
      • Flare
      • Flatten Shape Layers
      • Frame
      • Get Vector
      • HSV Material Overide
      • Is Within
      • Look At
      • Manipulator
      • Material Sampler
      • Modulate
      • Morph
      • Noise
      • Number Range
      • Number Range to Color
      • Oscillator
      • Path Offset
      • Pathfinder
      • Pinch
      • Position Blend
      • Push Along Vector
      • Random
      • Resample Path
      • Round
      • Rubber Hose Limb
      • Simple Value Solver
      • Simple Value2 Solver
      • Skew
      • Sound
      • Split Path
      • Spring
      • Squetch
      • Stagger
      • Sub-Mesh
      • Subdivide
      • Swap Color Override
      • Value
      • Value 2
      • Value Blend
      • Value2 Blend
      • Visibility Sequence
      • Voxelize
    • Utilities
      • Animation Control
      • Apply Font Size
      • Array Manipulator
      • Asset Array
      • Bounding Box
      • Bounding Box Constraint
      • Color Array
      • Color Info
      • Composition Constraint
      • Component Constraint
      • Context Index
      • Falloff
      • Get Name
      • HSV Color
      • If Else
      • Index to Color
      • JS Math
      • Length Context
      • Local Time
      • Math
      • Math2
      • Math 3
      • Measure
      • Mesh Array
      • Null
      • Path Length
      • Regex
      • Rig Control
      • Sequence
      • Shader Array
      • Spreadsheet
      • Spreadsheet Lookup
      • String
      • String Array
      • String Generator
        • Formatted String Generator
        • Hash Generator
        • Hexadecimal Generator
        • Random Date Generator
        • Random Number Generator
        • Timecode Generator
        • Value Generator
      • String Length
      • String Manipulator
        • Change String Case Manipulator
        • Join String Manipulator
        • Replace String Manipulator
        • Regex String Manipulator
        • Resize String Manipulator
        • Shuffle String Manipulator
        • Sub-String Manipulator
        • Transition String Maniplulator
      • Transform Constraint
      • Typeface
      • Typeface Array
      • Value Array
      • Value 2 Array
      • Value 2 Array
      • Velocity Context
      • Velocity Magnitude Context
    • Effects
      • Blur
      • Color Shader
      • Drop Shadow
      • Fill
      • Gradient Shader
      • Image Shader
      • Invert
      • Levels
      • Linear Wipe
      • Mask Blur
      • Noise Shader
      • Radial Wipe
      • SkSL Shader
      • Shape to Shader
      • Tri Tone
      • Venetian Blinds
  • Tips
    • Shortcuts
  • Applications
    • Cavalry Player
    • Cavalry CLI
  • Technical Information
    • Licencing
    • Logs
    • Mathematical Expressions
    • Release Notes
      • 1.1.1 Release Notes
      • 1.1 Release Notes
      • 1.0.3 Release Notes
      • 1.0.2 Release Notes
      • 1.0.1 Release Notes
    • User Preferences
Powered by GitBook
On this page

Was this helpful?

  1. Getting Started

Example Files

Tear down some simple(ish) scene files.

PreviousQuick StartNextKey Concepts

Last updated 4 years ago

Was this helpful?

We recommend checking out to ensure any Assets link correctly.

Just Your Type

Infrequency

Concentrick

Mazin

Joy Rig

Ring Ting

Dobble Wobble

Focus

Opart

Button

See

Day Night

Quad Tree

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.

Data

Simplified, this is a just Type Shape with a 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 to allow us to create multi-line text via a . You'll also notice we're using a to resize a rounded rectangle depending on the length of the text string. Because the Type and the Rectangle are under a they both get duplicated.

A connected to a . There’s an then used as a Deformer on the Line (with Use Normals checked). A is then connected to the Oscillator’s Frequency to offset each line.

A is used as the Input Shape on a with its Distribution set to Point. A Behaviour is then used to stagger the Radius of each duplicated Circle. An is then connected to Shape Position on the Duplicator. Scrub the Stagger value on the Oscillator to change the effect.

A (rotated to 45º) under a (because the Duplicator ignores top level shape transforms). The Group is then added to a . We’re then using a with values of 0 and 90 and then a Behaviour (with a ) connected to its Array Index. The Falloff acts as a switch between those two values. There’s also a 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.

A demo of our and features. Best to check out the links for how it all comes together.

This one’s using a in a along a Path Distribution. The Input Path (a circle) is then being deformed by a Behaviour. A is then used to determine the strength of the Noise.

An Arc duplicated via a Point Distribution and then we have a 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 .

The has a (set to Conical) on an Overlay . It also has a with an connected to its Amount. Play with the Stagger attribute on the Oscillator to alter the offset values.

Mind your ! The is being masked by another circle (Mask). Position.x of the Mask is then connected to a 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 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 is connected to the Offset of the . The Value 2 has a 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 via a . It's then duplicated along a Rectangle using a . 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 and its Strength is being animated.

This one’s more of a ‘rig’. The is connected to various Elements via some and Behaviours. These are being used as multipliers for Position on a Mask (Moon), the Length of a Line (Sun), the Count on a (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 -

A and Type Shape are grouped (Items) and then added to a set to a . A has then been imported and connected to 3 Atoms. The Column Title is then set on each Spreadsheet for Label, Value and Color (the names in the 1st row of the linked ). 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 . An Behaviour is connected to the Bar's Deformer attribute so that its base stays in place.

Type Manipulator
Text Arrays
Duplicator
Bounding Box
Group
Line Shape
Duplicator
Oscillator
Stagger
Circle
Duplicator
Stagger
Oscillator
😎
Basic Line
Group
Duplicator
Value Array
Value
Falloff
JS Math
😉
Rig Control
Keyframe Layers
Polygon
Duplicator
Noise
Falloff
Value Array
Graph Editor
Circle
Gradient Shader
Blend Mode
Blur Filter
Oscillator
👀
Circle
Stagger
Modulate
Value 2
Drop Shadow Filter
Falloff
Frame
Stagger
Path Distribution
Noise
Null
Value
Value 2
Duplicator
https://t.ly/nRwY
Rectangle
Duplicator
Linear Distribution
Google Sheet
Spreadsheet
Google Sheet
Number Range
Align
Project Settings
77KB
Cavalry Demo Files.zip
archive