Анимация вращения барабана лото, как сделать?

Question

[MherArsh]

Привет всем.
Мне нужно сделать барабан лото который крутится, после чего вылезают шары.
Надо все сделать на html и js но никак не получается.
Может кто то подскажет где можно найти примеры или материалы для изучения.
Canvas не пойдет.

Вот пример на флеш

Спасибо.

Comments

[A K]

Convas не пойдет, а вот canvas в самый раз.

Answer 1

[Аркадий Леонтьев]

анимацию можно на css сделать. И барабан раскрутить и шары выкатятся.
по ссылке не переходит у меня. посмотреть не могу.
Еще есть Adobe edge - там можно нарисовать.

Comments

[MherArsh]

вот ссылка: acse.pp.ua/demo/banners/loto.html
анимацию на CSS сделать можно конечно но мне не очень нравится что я должен добавлять и удалять элементы DOM (шары должны исчезать), поэтому хотелось что то другое использовать...

Answer 2

[xmoonlight]

Box2Dweb.js - можно даже реально сделать выпадение на основе столкновений)
demo

Comments

[MherArsh]

Есть много разных библиотек, спасибо!

[xmoonlight]

MherArsh: чем вариант с Box2Dweb не подходит?

[MherArsh]

xmoonlight: подходит, библиотека хорошая, показалось tweener попроще, юзаю ее :)

[xmoonlight]

MherArsh: тогда советую Вам смотреть в сторону Crafty.js там работает и Box2dWeb и https://github.com/talitapagani/craftytweener и еще много чего и сама либа в освоении - простая.

[MherArsh]

xmoonlight: посмотрел, вроде не сложно, спасибо, надо пробовать )