OCE.js

A hierarchical layer based animation library for HTML5 Canvas. Provides anchoring, point-to-bounding box collision,pixel buffers, affine transform and a simple API, among other things.

Features

Hierarchical layers
Context switching (move a layer to a different canvas)
Free anchoring and anchor switching (not just 9-point)
Pixel buffers (automatically create a hidden canvas and render to it)
Point-to-bounding box, bounding box and convex polygon collision and restitution
Transform matrix tools (invert, compose, transform 2D point)
Intuitive affine transforms
Utilities for easy handling of clicks and drags
Easily add your own graphic objects (simply overwrite the draw method)
Provided drawable objects: node (a text box), circle, image, path, arrow and an example drawable to use as a template

Project Activity

See All Activity >

Follow OCE.js

OCE.js Web Site

Other Useful Business Software

$300 Free Credits for Your Google Cloud Projects

Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.

Start Free Trial

Rate This Project