Wondering what’s next for npm?Check out our public roadmap! »

    tritmapped-canvas

    1.0.0 • Public • Published

    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).

    Install

    npm i tritmapped-canvas

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • avatar