react-synth
Concepts

Line Patterns

Dynamic parameter automation

Line Patterns

The cutoff prop on <Note>, <Chord>, and <Sample> components supports Line patterns for dynamic filter sweeps within a <Sequence>:

<Sequence interval={0.25}>
  {/* Filter sweeps from 60 to 120 over 8 steps */}
  <Note note="C4" filter={{ cutoff: { from: 60, to: 120, steps: 8 } }} />
  <Note note="E4" filter={{ cutoff: { from: 60, to: 120, steps: 8 } }} />
  <Note note="G4" filter={{ cutoff: { from: 60, to: 120, steps: 8 } }} />
  {/* ... */}
</Sequence>
PropertyTypeDescription
fromnumberStarting cutoff value (MIDI note)
tonumberEnding cutoff value (MIDI note)
stepsnumberNumber of interpolation steps
mirrorbooleanIf true, goes up then back down
stepnumberManual step index override

On this page