bonsai

0.4.2 • Public • Published

Bonsai

(previously known as bikeshedjs)

The art of bonsai tells a story through living illusion. A bonsai artist searches for ways to express his personal creativity by mixing form and thought in a miniature world. [source]

Introduction

Bonsai is a JavaScript graphics library. For the finer details, see the documentation (currently in construction).

Bonsai's main features include:

  • Architecturally separated runner and renderer
  • iFrame, Worker and Node running contexts
  • Shapes
  • Paths
  • Assets (Videos, Images, Fonts, SubMovies)
  • Keyframe and regular animation (easing functions too)
  • Shape/path morphing
  • and much more...

An example

Draw a 100x200 rectangle to the stage at {0,0}:

var r = new Rect(0, 0, 100, 200).addTo(stage);

Fill it:

r.fill('red');

Change your mind... make it darker:

r.fill( color('red').darker() );

Animate it:

r.animate('400ms', {
  x: 50,
  y: 50,
  width: 200
});

See more here: Bonsai Documentation/Overviews or join the IRC channel #bonsaijs on freenode and ask for help.

Readme

Keywords

none

Package Sidebar

Install

npm i bonsai

Weekly Downloads

1

Version

0.4.2

License

none

Last publish

Collaborators

  • klipstein