easelbone

A GUI engine combining EaselJS and Backbone.js. Originally developed for use with Flash CC HTML5 output, but can be used with any EaselJS content.

Features

• Navigatable views with keyboard and mouse support
• UI controls: sliders, checkboxes, selectboxes, and buttons
• Scrollable containers with list and float layouts
• Text rendering with auto-sizing and emoji support
• Alpha mask support
• Asset loading and management
• Built on top of AMD modules (RequireJS)

Documentation

Visit the documentation and examples page for a full overview of the library and live demos.

Installation

npm install easelbone

Or with Bower:

bower install easelbone

Examples

Live examples are hosted on GitHub Pages:

• Controls — Sliders, checkboxes, selectboxes, and buttons
• Scrollable Areas — Scrollable container demo
• Float Layout — Float layout demo
• Alpha Mask — Alpha mask demo
• Background & Fill — Background fill and placeholder demo
• BigText — Auto-sizing text rendering demo
• Emoji Text — Text rendering with emoji support

Pull request previews are automatically deployed to https://catlabinteractive.github.io/easelbone/pr/<PR_NUMBER>/examples/.

Development

# Install dependencies
npm install
npx bower install

# Build
npm run build

# Watch for changes
npx grunt watch

License

MIT