@codemylife/canvassm/src/Mouse.ts

A simple library to work with html canvas

import { PhysicsObject } from './PhysicsObject';
import { Vector } from './Vector';

export class Mouse extends PhysicsObject {
  public click: boolean = false;
  public offset: Vector;
  public mass: number = 1;
  public wheel: number = 0;
  constructor() {
    super();
    this.pos = new Vector();
    this.offset = new Vector();
  }
  public handleMove = (e: MouseEvent) => {
    this.pos.x = e.x;
    this.pos.y = e.y;
  };
  public handleClick = (e: MouseEvent) => {
    this.click = true;
  };
  public handleDown = (e: MouseEvent) => {
    this.click = true;
  };
  public handleUp = (e: MouseEvent) => {
    this.click = false;
  };
  public move = (e: MouseEvent) => {
    this.pos.x = e.clientX - this.offset.x;
    this.pos.y = e.clientY - this.offset.y;
  };
  public setOffset = (val: DOMRect) => {
    this.offset.x = val.left;
    this.offset.y = val.top;
  };
  public handleWheel = (e: WheelEvent) => {
    if (e.deltaY > 0) {
      this.wheel += 1;
    } else if (e.deltaY < 0) {
      this.wheel -= 1;
    }
  };
}