text-mode

Character based display for the DOM

npm install text-mode

var TextMode = require( 'text-mode' );

bower install text-mode

<script src="bower_components/text-mode/text-mode-min.js"></script>

//appends to document.body
var tm = new TextMode();

//appends to element matching selector
var tm = new TextMode( '#viewport' );

var viewport = document.querySelector( '#viewport' );
 
//appends to element
var tm = new TextMode( viewport );

//options (showing defaults)
var tm = new TextMode({
  columns: 80,
  rows: 25,
  fore: '#ddd',
  back: '#222',
  font: '16px monospace'
});

//target + options
var tm = new TextMode( '#viewport', {
  font: '24px monospace'
});

//draw
tm.each( function( column, row ){
  tm.set( column, row, '@', '#fff', '#39f' );
});

//get
console.log( tm.get( 5, 5 ) );

//buffer
var buffer = tm.get();
  
tm.set( buffer );