Creating a scrollable menu of Movieclips in Animate

I've been asked by a teacher to see if I can put together a book where a student can drag and drop a movieclip icon onto the page for a show and tell on what they have been doing.

Here is a snap of what I have so far.

The icons on the right are draggable movieclips. The problem is I have about 20 of these and so I need some sort of scrollable menu of these, but still need to be able to drag and drop them.

I just wonder if I can be pointed in the right direction on how I can go about this. I have been working through the ZIM Adobe Animate tutorials and slowly starting to pick up .... but I am having trouble to know where to go with this.

Thanks for help when you get a chance.

This is my code so far:

this.stop();
cake=zimify(this.cake)
.centerReg()
.pos(580,30,CENTER,TOP)
.drag()
bingo=zimify(this.bingo)
.centerReg()
.pos(580,100,CENTER,TOP)
.drag();
pot=zimify(this.pot)
.centerReg()
.pos(580,170,CENTER,TOP)
.drag();
dream=zimify(this.dream)
.centerReg()
.pos(580,240,CENTER,TOP)
.drag();
water=zimify(this.water)
.centerReg()
.pos(580,310,CENTER,TOP)
.drag();

Rod

Hi @rodecss - a few questions:

  1. are the movie clips interactive - so they have a bunch of stuff in them?

  2. is the book, just a picture of a book as seen there or is it a ZIM Book?

  3. does it need to be one at a time or are you collaging them?

  4. is the feature movie clip magnified?

We do have the ZIM List with the new draggable feature - https://zimjs.com/017/canvas.html

Hi there,

Answers to questions:

  1. The movieclips are not interactive - just pngs that I converted to movie clips.

  2. It is just a picture of a book.

  3. The movie clips are selected one at a time and dragged to the book as needed.

  4. I would like to be able to magnify the feature movie clip if possible, sop that it is slightly larger on the picture of the book when it is dropped. It would be a nice feature to have it magnified if that was possible.

Thanks for these questions.