easelbone
v1.2.6
Published
A GUI engine combining [EaselJS](https://createjs.com/easeljs) and [Backbone.js](https://backbonejs.org/). Originally developed for use with Flash CC HTML5 output, but can be used with any EaselJS content.
Readme
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 easelboneOr with Bower:
bower install easelboneExamples
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