tritmapped-canvas

Tricolor tritmapped canvas display for HTML5

Usage:

var Tricanvas = require('tritmapped-canvas');

var t = Tricanvas(opts);

for (i = 16400; i < 81*81*5; ++i)
  t.tritmap[i] = 80; // 1000i

t.refresh();

Displays a visual representation of balanced-ternary using three colors (trichromatic, comparable to monochrome on binary systems, but with red/black/green instead of black/white). The display is "tritmapped" (comparable to bitmapped), meaning each trit (base 3 digit) represents a pixel.

For an example, run npm start or visit the live demo.

Options:

• addressTryteSize (4): number of trits for each tryte for addressing each coordinate (default: xxxx yyyy)
• width, height (calculated from 3^addressTryteSize times trits/tryte(5)): pixel dimensions
• scaleW, scaleH (1): scaling factors
• canvas: HTML5 canvas element, created if unspecified
• tritmap: typed array of trits (should be an Int8Array or compatible, for 5-trits/tryte, ±121)
• negativeColor ([255, 0, 0, 255]): RGBA pixel color for negative trits (default red)
• zeroColor ([0, 0, 0, 255]): RGBA color for zero trits (default black)
• positiveColor ([0, 255, 0, 255]): RGBA color for positive trits (default green)

API:

t.refresh()

Redraws the canvas from t.tritmap.

t.writeTrit(trit, x, y)

Sets the coordinate (x,y) to trit (-1,0,1).

t.writeTrits(bts, width, height, rowStart, colStart)

Sets a rectangular area of trits to a balanced-ternary string, starting at (rowStart,colStart), of dimensions (width,height).