thewhodidthis / deltaforce

Helps track pointer move

about

Simplifies mouse tracking keeping in mind that PointerEvent.movementX/Y might be the more obvious way to go in the not too distant future.

setup

Load via script tag:

<!-- Just an IIFE namespaced `deltaforce` -->
<script src="https://thewhodidthis.github.io/deltaforce/deltaforce.js"></script>

Source from an import map:

{
  "imports": {
    "deltaforce": "https://thewhodidthis.github.io/deltaforce/main.js"
  }
}

Download from GitHub directly if using a package manager:

# Add to package.json
npm install thewhodidthis/deltaforce

usage

Initialize with a DOM selector, then call repeatedly for delta values in the form of { x, y, z, state } as for example,

import tracker from "deltaforce"

const update = tracker(/* Some element, document by default */)

setInterval(() => {
  console.table(update())
}, 1000)