Cut.js : DOM for Canvas

cutjs

CutJS is a minimal JavaScript library for composing high-performance, dynamic and intractable 2D HTML5 graphics. It works with modern browsers and mobile devices and intended to be used for game and visual app development.

CutJS provide a DOM-like API to create and play Canvas graphics and a new concept called pinning is introduced instead of styling.

A CutJS app consists of a tree of nodes and image cutouts. Each node includes zero, one or more cutouts and is pinned (transformed) against its parent. Cutouts comes from either image textures or Canvas drawing. Each rendering cycle consists of ticking and painting the tree. On ticking updates are applied to nodes and then on painting each node transforms according to its pinning, pastes its cutouts and then delegates to its children. Rendering is retained and is paused in each cycle unless/until it is touched directly or indirectly.

[button color=”red” size=”medium” link=”https://github.com/piqnt/cutjs/” target=”blank” rel=”nofollow” ]Cutjs[/button]

Cut.js : DOM for Canvas
Rate this post

Leave a Reply