paint

@lqv/paint

rp-paint

Doodling recorder and replayer for Liqvid/rp-recording.

Alpha version! Use at your own risk.

Installation

$ npm install @lqv/paint

Usage

To record:

/* @development */
import {Player} from "liqvid";
import {RecordingControl} from "@liqvid/recording";
import {PaintCanvas} from "@lqv/paint";
import {PaintRecording} from "@lqv/paint/recording";

const controls = [<RecordingControl plugins={[PaintRecording]} />];

<Player controls={controls} playback={playback}>
  <PaintCanvas recorder={PaintRecording.recorder} />
</Player>

For replaying:

/* @production */
import {Player} from "liqvid";
import {PaintReplay} from "@lqv/paint";
import {brushReplay} from "./recordings";

function App() {
  return (
    <Player playback={playback}>
      <PaintReplay replay={brushReplay} start={0}/>
    </Player>
  );
}

Keyboard controls

Alt+↓	Down one layer
Alt+↑	Up one layer
Alt+[number]	Select color by number
Alt+C	Clear layer
Alt+D	Draw tool
Alt+E	Eraser tool
Alt+H	Toggle paint canvas
Alt+P	Toggle settings