I made an interactive animation with Wick 1.19 Linux Desktop version and then exported it to html. One of the animations (a bird clip) flies off the canvas to exit when pressed. The last key frame for the bird clip is off the canvas. The problem is that when viewed in a browser the bird can be seen outside of the bounding rectangle of the canvas. Is there any way to clip the contents of an interactive anmation to only include what appears within the canvas?
I imagine some hacks that can work:
- change your animation aspect ratio (if it’s larger than 16:9 it’s likely it wont show up)
- put a frame outside the canvas to cover every element (for example a black rectangle just where the birds will end its fly)
- edit your html to have a div container with set dimensions contain the canvas element (this could be more difficult to achieve)
1 Like
Thanks for the suggestions:)
1 Like