CanvasBG Library

CanvasBG 0.0.5

A powerful TypeScript library for creating interactive canvas backgrounds.

Features

CanvasBG Base Class: Extendable base class for creating canvas backgrounds.
StarField Class: Generate a star field background with customizable options.
Constellation Class: Display constellations on the canvas based on provided data.
MouseTracker Class: Track the mouse position on the canvas.

Installation

npm install @haandev/canvasbg

Usage

import { CanvasBG, StarField, Constellation } from "@haandev/canvasbg";

// Create a canvas element or select an existing one
const canvas = document.createElement("canvas");
document.body.appendChild(canvas);

// Create a CanvasBG instance and set up a star field background
const bg = new CanvasBG(canvas);
const starField = new StarField();
bg.use(starField);

// Display constellations on the star field background
const constellation = new Constellation();
bg.use(constellation);

// Start the animation loop
bg.animate();