Простая формула для прялки

Question

Я работаю над небольшим винным веб-приложением для компании.Когда дело доходит до 10 чисел, оно помещает их в круг и вращает бутылку вина;однако я не смог получить реалистичную анимацию вращающейся бутылки.

Приложение выберет число, а затем угол, который указывает на него.После этого он начинает вращаться около 10 кругов, а затем указывает на номер.Должен ли я имитировать трение или использовать какую-то кривую для этого?

Просто чтобы уточнить: я ищу формулу или что-то похожее для установки скорости бутылки.*

Answer 1

Зачем вам вообще нужна анимация с помощью этого метода?

Я знаю, что многие сайты азартных игр онлайн делают это, и, по сути (если предположить, что бутылка всегда начинается в одной и той же точке), вы можете создать флэш-файл, содержащий 10 анимаций, и просто ввести через параметры конецрезультат (обфусцируйте его, если вы не хотите, чтобы люди его видели).

Пользователь получает хорошую флеш-анимацию, ваш генератор случайных чисел все еще действует, и вам не нужно создавать сложные анимации, сокращаявремя реализации (при условии, что вы можете найти кого-то, кто сделает для вас флэш-анимацию).

Приветствия, Терри

Answer 2

Вот отличный пример этого: http://www.bookatable.com/win/

Использует RaphealJS, как указано выше.

Answer 3

Поскольку вы используете -webkit-transform, почему бы не установить для свойства -webkit-transition значение ease-out?

Пример скрипта: http://jsfiddle.net/dosboy/KGhAJ/

Answer 4

Ознакомьтесь с библиотекой JS Raphael , в частности в этом примере .