canvas-shaped-background

Random shape animation in canvas

Currently, it does not use physics for boudary collision and does not have object to object collision.

Current Features

• Random shapes may appear on click event
• Uses 2 canvas. (For background and foreground)
  • Where background is blurry and out of focus.
  • Where foreground is focused and interact with click event

Available shapes

• Circle
• Square
• Octagon
• Hexagon
• Cross
• Triangle

Installation

npm install

Dev Mode

npm run dev or npm start

Build

npm run build

Lint

npm run lint:tsc or npm run lint - to lint all

Socials

• Github
• Facebook