Basic HTML5 canvas questions (loading .pngs into clips, etc.)

[natep29022670]

Had a nice digital signage solution for our company built using flash which displayed dynamic content.  Now we're looking to run it on an Amazon fire stick which is a convenient solution, but which, of course, doesn't support flash.

I have a few questions for those who are well-versed in animate cc...

1.) can you dynamically load external images into clips (i.e. - a .png file)?

2.) can you use the animate IDE to 'layer' transparent, dynamically loaded .pngs on top of a background image (placed into the IDE)?

or

3.) does layering dynamically loaded .pngs on top of other elements in an animate file require the use of multiple 'canvas' html elements?

4.) Where do I find decent resources for someone who is very familiar with flash concepts and actionscript, and building data-driven flash content who wants to find out how to build dynamic, data-driven html5 canvas content?  Does it even exist or is the canvas 'object' still in it's infancy and can't support everything yet?

Thanks (and yes, i did quite a bit of searching prior to posting this)!

[kglad · Accepted solution]

1)  yes

2)  you can 'add' dyn. loaded pngs to an onstage parent.

3)  no

4) CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5

[natep29022670]

Thanks!  Off to check out createJS.

[kglad]

you're welcome.

[ClayUUID]

This question was asked just a few days ago:

Load dynamic external image in animate cc canvas/javascript

[coty_hsu]

also for question 4, check out this course by Joseph Labrecque  Adobe Animate CC: Data-Driven Animation

[ClayUUID]

Does it even exist or is the canvas 'object' still in it's infancy and can't support everything yet?

Canvas is an element, not an object. <canvas> - HTML | MDN

You can draw pixels, text, geometric shapes, and rotated/scaled bitmaps on a canvas. It supports masking, alpha compositing, and copying and pasting chunks of itself. That's it. Any higher-level functionality is up to libraries like CreateJS to implement.