Суть в том, что при определенном действии в верху горлышка банки появляется одна, возможно, несколько монет, которые падают внутрь. Внизу банки есть шкала, которая показывает сумму и горка уже упавших монет. Шкала вместе с горкой должны подниматься вверх, в зависимости от "упавшей" за всё время суммы. Всё это должно выглядеть как можно реалистичней и работать в реалтайме.
Первое, что пришло в голову: вставить банку двумя картинками (передняя часть и задняя), между картинками просто появляется свёрстанная монета/монеты и при помощи 3d трансформации вращается и движется вниз. Но больше всего интересует, как сделать горку монет, которая должна расти? Можно просто подменять картинки по мере наполнения банки с разной её заполненностью, но может есть ещё какие интересные решения? Возможно, какие-нибудь инструменты, которые помогут с реализацией? C js анимацией, canvas знаком плохо, поэтому ищу совета. Ниже скрин.
