Documentation

A refactored BezierPath class.

A bounds class with min and max values.

A simple circle: center point and radius.

A refactored cubic bezier curve class.

A grid class with vertical and horizontal lines.

A generic key handler. Example ======= new KeyHandler( { trackAll : true } ) .down('enter',function() { console.log('ENTER was hit.'); } ) .press('enter',function() { console.log('ENTER was pressed.'); } ) .up('enter',function() { console.log('ENTER was released.'); } ) .down('e',function() { console.log('e was hit. shift is pressed?',keyHandler.isDown('shift')); } ) .up('windows',function() { console.log('windows was released.'); } ) ;

A line consists of two vertices a and b.

This is some refactored code from my 'Morley Triangle' test
https://github.com/IkarosKappler/morleys-trisector-theorem

A simple mouse handler for demos. Use to avoid load massive libraries like jQuery. Usage ===== Javascript: new MouseHandler( document.getElementById('mycanvas') ) .drag( function(e) { console.log( 'Mouse dragged: ' + JSON.stringify(e) ); if( e.params.leftMouse ) ; else if( e.params.rightMouse ) ; } ) .move( function(e) { console.log( 'Mouse moved: ' + JSON.stringify(e.params) ); } ) .up( function(e) { console.log( 'Mouse up. Was dragged?', e.params.wasDragged ); } ) .down( function(e) { console.log( 'Mouse down.' ); } ) .click( function(e) { console.log( 'Click.' ); } ) .wheel( function(e) { console.log( 'Wheel. delta='+e.deltaY ); } ) Typescript: new MouseHandler( document.getElementById('mycanvas') ) .drag( (e:XMouseEvent) => { console.log( 'Mouse dragged: ' + JSON.stringify(e) ); if( e.params.leftMouse ) ; else if( e.params.rightMouse ) ; } ) .move( (e:XMouseEvent) => { console.log( 'Mouse moved: ' + JSON.stringify(e.params) ); } ) .up( (e:XMouseEvent) => { console.log( 'Mouse up. Was dragged?', e.params.wasDragged ); } ) .down( (e:XMouseEvent) => { console.log( 'Mouse down.' ); } ) .click( (e:XMouseEvent) => { console.log( 'Click.' ); } ) .wheel( (e:XMouseEvent) => { console.log( 'Wheel. delta='+e.deltaY ); } )

A wrapper for image objects.

The main class of the PlotBoilerplate.

A polygon class.

A triangle class for triangulations. The class was written for a Delaunay trinagulation demo so it might contain some strange and unexpected functions.

A vector (Vertex,Vertex) is a line with a visible direction.

Vectors are drawn with an arrow at their end point.
The Vector class extends the Line class.

An ellipse class based on two vertices [centerX,centerY] and [radiusX,radiusY].

A vertex is a pair of two numbers.

It is used to identify a 2-dimensional point on the x-y-plane.

The VertexAttr is a helper class to wrap together additional attributes to vertices that do not belong to the 'standard canonical' vertex implementation.

This is some sort of 'userData' object, but the constructor uses a global model to obtain a (configurable) default attribute set to all instances.

An event listeners wrapper. This is just a set of three listener queues (drag, dragStart, dragEnd) and their respective firing functions.