Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
BonsaiJS is a graphics library and renderer
JavaScript Other

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
config
example
lib
src
test
.gitignore
.npmignore
AUTHORS
CHANGELOG
LICENSE
Makefile
README.md
package.json

README.md

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.

Something went wrong with that request. Please try again.