vector-devtools

Chrome Dev Tools custom formatter for vector values

Usage no npm install needed!

<script type="module">
  import vectorDevtools from 'https://cdn.skypack.dev/vector-devtools';
</script>

README

vector-devtools

vector formatter for chrome devtools. inspired by immutable-devtools

install

$ npm install vector-devtools

example

class Vec2D {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }
}

window.devtoolsFormatters = [ new vectorDevTools.VectorFormatter(Vec2D) ];

setInterval(() => {
    const t = Date.now() / 1000;
    const len = Math.sin(t * 2);
    console.log(new Vec2D(Math.cos(t) * len, Math.sin(t) * len));
}, 100);

example

how to use

  1. open chrome devtools settings
  2. check "Enable custom formatters"
  3. write and run above example

example

license

zlib