As a developer, I'd like an option to hide content until its assets are loaded

[dankuck]

I can't see where EaselJS offers this option explicitly. But it can be done.

For visual elements, any images can be loaded using new Image which has event handlers for this. Those can emit loaded. They should emit loading when they begin a new load operation. They can also inform their this.easel parent about loading/loaded.

Building from that, container elements should emit loading when one visual element is loading and they should emit loaded when there are none.

Finally, these elements should emit load-error when a load fails.

[dankuck]

Alternatively, a mixin could be created which provides a method called loadImage, and keeps track of loading images, then sets allImagesLoaded to true or false as appropriate.

Example:

<easel-container :visible="!allImagesLoaded">
  <easel-shape :form="rectangle" :dimensions="[200,200]" fill="blue"></easel-shape>
  <easel-text text="Loading..."></easel-text>
</easel-container>
<easel-bitmap :visible="allImagesLoaded" :image="loadImage('my-image.png')"></easel-bitmap>