Storyline360, Animation and GSAP ( Greensock )

i basically have a function that gets everything from Storyline on start.

getElementsFromStoryline( );

The function gets several preset values that cannot be get by selectors. Most of them are always the same in Storyline. Shapes, buttons, images... As all images are treated as SVG in Storyline and thus have a 'path' element all of them are put in a shapesCollection ( is a WebCollection ).

That i loop get the 'data-text-attribute' and detect the type, text or image.. and treat them differently.

var elText = el.getAttribute('data-acc-text');

When i detect its a image, i get the source's name and can replace it if i want.

if(elText.indexOf(".png")!=-1 || elText.indexOf(".jpg")!=-1 )// if the source is png or jpg...
{
imagesArray.push(i);
console.log("imagesArray: "+i+" / url: "+el.getElementsByTagName('image')[0].getAttribute('xlink:href'));
}

As said its tough...but it works. In my projects i have all my assets... images, shapes, SVG, paths, texts, buttons and UI-elements available to change/script with Javascript.

Making this function work properly cost my about 180 manhours work of my spare time so you know you have a tough road ahead trying this.