I'm using Greensock in Edge Animate. I'm finding myself repeating code blocks to much. (newbie coder) Example is below. Both blocks are identical except for the element names. Does anyone know the technique for dynamically building code blocks and incrementing the element names (item2 -> item2 -> item3 -> ........)?
Draggable.create(sym.$("item1"), {
onDragEnd:function(e) {
if (this.hitTest(sym.$("bucket_yellow"))) {
sym.additemyellow("item1")
} else if (this.hitTest(sym.$("bucket_gray"))) {
sym.additemgray("item1")
} else if (this.hitTest(sym.$("bucket_green"))) {
sym.additemgreen("item1")
}
sym.getComposition().getStage().showitem("item2")
}
});
Draggable.create(sym.$("item2"), {
onDragEnd:function(e) {
if (this.hitTest(sym.$("bucket_yellow"))) {
sym.additemyellow("item2")
} else if (this.hitTest(sym.$("bucket_gray"))) {
sym.additemgray("item2")
} else if (this.hitTest(sym.$("bucket_green"))) {
sym.additemgreen("item2")
}
sym.getComposition().getStage().showitem("item3")
}
});