/CanvasBlob

Complete source code for the blob used in my website https://manku.dev/

Primary LanguageJavaScriptApache License 2.0Apache-2.0

Intro

CanvasBlob is a javascript "component" that draws a Blob to an HTML canvas.
This -was- a mirror copy of the blob used in my personal website at https://manku.dev/
The live production version is now drastically different but evolved from the same codebase in this repo.

Customization potential

  1. Shape, sector angle, number of anchor points, base radius, bump radius etc.
  2. Energy aka thetaDelta
  3. Regular canvas functions like fill colour and shadow
  4. On-demand radius scale animation with any interpolator of choice
  5. On-demand energy scale effect with any interpolator of choice
  6. Event hooks for resize (throttleable) and scroll