HTML5 Canvas slideshow slows to crawl in browser

Try this. Inside every one of your button event handler functions, add the line:

alert("clicked!");

I suspect you'll see the problem.

Hi.

This slowness may be happening for one or more reasons:

- Are you preventing your buttons to receive new listeners of the same type everytime a frame is revisited?

- Are there many images being displayed in the same frame?

- How are you publishing your content? The texture mode is the one that should deliver the best performance.

My general tipos for performance are these ones:

- Try testing your file with and without exporting the document as texture (Publish Settings > JavaScript/HTML > Image Settings > Export document as texture);

- Consider turning off the advanced layers mode (Ctrl/Cmd + J) if you don't need advanced features like camera or parenting because this mode has some impact on performance;

- Avoid complex containers with lots of children;

- Avoid complex shapes;

- Make sure you're not using color effects/filters;

- Use cache whenever possible;

- Avoid using large bitmaps. This is specially true for mobile devices;

- Try low resolution values for exported bitmaps (Publish Settings > JavaScript/HTML > Image Settings > Resolution);

- Try to balance wisely when an asset should be made of a vector shape or of a bitmap;

- Avoid using too many static text fields because they are exported as raw vector shapes;

- Avoid adding too many listeners;

- Add mouse events to a container and use the event.target property instead of adding a separate mouse event to dozens or hundreds of children;

- If possible set a container.tickChildren to false so the tick will not be propagated to children of a container;

- If using a tick event it may be a good idea to change the Ticker.timingMode and see which one works best for your case;

- Avoid using motion tweens because they are exported as frame by frame animation;

- Avoid having a huge main timeline with lots of tweens;

- Avoing very large shape tween spans.

Please notice that some may or may not be suitable for your case.

Regards,

JC