JSPM

  • Created
  • Published
  • Downloads 341
  • Score
    100M100P100Q69083F
  • License MIT

A vector lib with support for (+ - * /) operator handling

Package Exports

  • @js-basics/vector

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@js-basics/vector) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

basics - vector

GitHub package version npm version license Greenkeeper badge

OSX/Linux Build Status Windows Build status Dependencies Status DevDependencies Status

This libary provides 3D Vector in js including support for + - * / operator handling.

Normally vector implementations in javascript handle arithmetic operation by functions aVec.multiply(bVec).substract(dVec). Other languages provide operator overloading, that coders can create Vector class which can handle operation similar to number handling aVec * bVec - dVec.

This libary gives javascript coders a way to handle operators with a single statement () => aVec * bVec - dVec. The calculation can be combined with numbers () => aVec * bVec * 4 - dVec - 1.5. Vector objects can be create with number new Vector(5, 6, 7) or directly with assigned statement new Vector(() => 5 * 30 + 2).

Implementation details
// typical implementation of vector in js
const vec = aVec.multiply(bVec).multiply(4).substract(dVec).substract(1.5);// better readable, but much more complicated
const vec = new Vec(aVec.x * bVec.x * 4 - dVec.x - 1.5,
                    aVec.y * bVec.y * 4 - dVec.y - 1.5,
                    aVec.z * bVec.z * 4 - dVec.z - 1.5);// inspired by smart array handling
// first version of calling assigned function three times
const vec = oldCalc(  aVec, bVec, dVec,
                    ( aVec, bVec, dVec) =>
                      aVec * bVec * 4 - dVec - 1.5
                   );// final version with overwritten valueOf() function
const vec = calc(() => aVec * bVec * 4 - dVec - 1.5);

Javascript has this one peculiarity called valueOf() this function is designed for primitive handling (numbers and strings) when handling arithmetic operations. Every class can overwrite this function to give it special behavior. This Vector class calls the assigned statement three times for x, y and z. Comparable to trigger arithmetic operation manually for every axis.

Internally the valueOf() implementation returns x in first call, y in second call and z in last call, these results are put into an new Vector object and can be reused further.

working with Vector class

create vector by numbers

code preview

create vector by calculating other vectors and number

code preview

calc two Vectors and numbers with operator

code preview

compare lengths

code preview

calculate cross product

code preview

directly normalize the cross product

code preview

cross product handling works also with operator handling

code preview

immutable vector called Victor

behaves exactly like Vector but code cant change its x, y and z axes.

code preview