generic-step-sequencer

KO | EN

gitlite — search

#python #react #llm #go #machine-learning #deep-learning #docker #macos #nodejs #java #awesome #cli #pytorch #open-source

generic-step-sequencer

(★ 9)

No description available.

generic-step-sequencer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# generic-step-sequencer

A purpose-agnostic step sequencer implementation

## Installation

```
$ yarn add generic-step-sequencer
```

## Usage

see https://github.com/youpy/generic-step-sequencer/blob/main/examples/basic/index.ts

implement a step executor

```typescript
import {
  StepExecutor,
  Sequencer,
  State,
  PeriodicTicker,
  backward,
} from "generic-step-sequencer";

interface MyParameter {
  foo: string;
}

class MyStepExecutor implements StepExecutor<MyParameter> {
  execute(track: Track<MyParameter>): void {
    console.log(
      `executing step ${track.currentStep} on ${track.parameters.foo}`
    );
  }
}
```

create and start a sequencer

```typescript
const sequencer = new Sequencer<MyParameter, MyStepExecutor>(
  new MyStepExecutor()
);
const ticker = new PeriodicTicker(sequencer);

sequencer.addTrack({ foo: "track1" }, 8, [0, 2, 4, 6]);
sequencer.addTrack({ foo: "track2" }, 8, [1, 3, 5, 7]);
ticker.bpm = 250;
ticker.start();
```

set step direction

```typescript
// backward
sequencer.setNextStepStrategy(backward);

// random
const random = <T>(track: Track<T>): number => {
  return Math.floor(Math.random() * track.numberOfSteps);
};
sequencer.setNextStepStrategy(random);
```

### Use with React

- https://github.com/youpy/generic-step-sequencer/tree/main/examples/midi-sequencer
- https://twitter.com/youpy/status/1469315687999217664

```typescript
type Props = {
  seq: Sequencer<MyParameter, MyStepExecutor>;
  ticker: PeriodicTicker;
};

funcion App(props: Props) {
  const { seq, ticker } = props
  const [seqState, setSeqState] = useState<State<MyParameter>>({
    tracks: [],
  });

useEffect(() => {
    seq.onStateChange(setSeqState);
    ticker.start()
  });

// construct view from seqState
  return ...
}
```

### Use custom timer

You can replace the [default timer](https://github.com/youpy/generic-step-sequencer/blob/4674d3a4ab55dc93f21b85e22172b0c11bdb667e/src/sequencer.ts#L25-L33) with a custom timer implementation that implements the [`Timer`](https://github.com/youpy/generic-step-sequencer/blob/2c1ab3d703ac062224d786ca54a0a033adea3ef8/src/sequencer.ts#L20-L23) interface

```typescript
const ticker = new PeriodicTicker(sequencer, new MyTimer());
```

generic-step-sequencer

generic-step-sequencer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

generic-step-sequencer

generic-step-sequencer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README