Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

BonsaiJS is a graphics library and renderer

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 config
Octocat-spinner-32 example
Octocat-spinner-32 lib
Octocat-spinner-32 src
Octocat-spinner-32 test
Octocat-spinner-32 .gitignore
Octocat-spinner-32 AUTHORS
Octocat-spinner-32 CHANGELOG
Octocat-spinner-32 LICENSE
Octocat-spinner-32 Makefile
Octocat-spinner-32 README.md
Octocat-spinner-32 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.

Something went wrong with that request. Please try again.