Quelle est la meilleure façon d'émuler une roue de roulette en HTML5?Image de rotation de la roue en HTML5 (roue de roulette, par exemple)?
La rotation de la roue doit pouvoir être commandée par une entrée (c'est-à-dire, la vitesse de rotation dépend de l'entrée de l'utilisateur). Les étiquettes des roues doivent flouter car la roue tourne rapidement, mais au fur et à mesure que la rotation ralentit, les étiquettes sur la roue deviennent de plus en plus lisibles. Y a-t-il des bibliothèques HTML5 qui supportent cela, ou est-ce que les animations doivent être programmées à la main?
Cela doit également être pris en charge sur les appareils iOS.
Merci! Une question que nous n'avons pas posée, cependant, était de savoir quelle est la meilleure façon de déterminer quel numéro a été "posé"? Existe-t-il un moyen simple de faire cela? Une approche que nous pouvons penser est de garder la roue immobile et faire tourner un pointeur à l'intérieur de la roue. Basé sur la façon dont le pointeur atterrit, nous pouvons déterminer quel numéro a été posé. Pas idéal, mais ce serait fonctionnel. – Crashalot
Si le pointeur est à zéro degré au nord de la roue, et qu'un angle de section est égal à, disons, 10 degrés, si vous faites tourner la roue de 400 degrés, pointez sur le 4ème nombre ('(400 - 360)/10') . – katspaugh