Вложенные анимации с использованием холста и javascript

Возможны ли вложенные анимации с использованием холста и javascript? Например, бабочка машет крыльями, одновременно двигаясь по дорожке.

Что было бы наилучшим способом создания такой анимации? Будет несколько экземпляров одной и той же бабочки, движущейся в разных направлениях.

В тот момент, когда я рисую фигуру бабочки на холсте, состоящую из двух частей, левого и правого крыла, я буду анимировать их отдельно. Затем я перейду к анимации всей бабочки на дорожке.

Просто кажется, что будет много обработки, используемой для нескольких рисунков и анимаций. Можно ли сохранить это, используя PNG, а не форму, или даже анимированный GIF?

Любой совет будет признателен! Спасибо!