Creating a 10x10 image grid using easel.js where images cross dissolve randomly

Question

Creating something I'm hoping is easy using Easel.js, but still a novice. Simply want to create a 10X10 image grid where each of the images will cross dissolve to another paired image at random intervals.

Can anyone point me to any similar examples or will I need to hard code this using only javascript instead?

Eventually I will load these images from a server but first I need a working demo without any server ajax calls, just load images locally.

must you use easel? better off using canvas.. – Rachel Gallen Jan 20 '13 at 21:08 — Rachel Gallen, Jan 20 '13 at 21:08

score 0 · Accepted Answer · edited May 23 '17 at 11:49

0

If by cross dissolve you mean fade into each other, then you might want to take a look at the createjs.AlphaMaskFilter or the createjs.AlphaMapFilter.To load an image take a look here: The Image doesn't show up on the Canvas There really is no difference between an image on a server and a local image, it might be even easier from a server.

edited May 23 '17 at 11:49

Community

1
1

answered Jan 21 '13 at 04:25

olsn

16,644
6
59
65

Creating a 10x10 image grid using easel.js where images cross dissolve randomly

1 Answers1