https://github.com/mathieucaroff/colorstrip

https://mathieucaroff.com/colorstrip
https://github.com/mathieucaroff/colorstrip

animation background color

Last synced: 5 days ago
JSON representation

https://mathieucaroff.com/colorstrip

• Host: GitHub
• URL: https://github.com/mathieucaroff/colorstrip
• Owner: mathieucaroff
• Created: 2022-01-26T06:24:44.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-03-16T18:03:52.000Z (8 months ago)
• Last Synced: 2024-10-30T07:22:30.929Z (15 days ago)
• Topics: animation, background, color
• Language: TypeScript
• Homepage: https://colorstrip.vercel.app
• Size: 182 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# colorstrip

Web display of crossing, moving bands of color

## Usage

`npm install --save @mathieucaroff/colorstrip`

OR

`yarn add @mathieucaroff/colorstrip`

then:

```ts

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

```sh

yarn install

```

### Running it in development mode

```sh

yarn dev

```

### Build

```sh

yarn build

```