@mathieucaroff/colorstrip

colorstrip

Web display of crossing, moving bands of color

Usage

npm install --save @mathieucaroff/colorstrip

OR

yarn add @mathieucaroff/colorstrip

then:

let canvas = document.querySelector("canvas")

let strip = createColorStrip(canvas, {
    diversityRatio: 0.25,
    radiusFactor: 1,
    secondaryRadiusFactor: 1,
    speedFactor: 1,
    paletteSeed: Math.floor(Math.random() * 2 ** 32),
    stripCircleSeed: Math.floor(Math.random() * 2 ** 32),
    stripCount: 10,
    theme: "pastelle",
})

// strip.draw(0)
strip.play()

Developement

Setup

yarn install

Running it in development mode

yarn dev

Build

yarn build