Как сделать круговой счетчик чисел на js?

Народ, доброго времени, подскажите пожалуйста.
Как сделать такую вещь, есть окошко в окошке есть число, число должно меняться с 029 на 033 на 025 и снова на 029 по кругу, эффект счетчика, с некоторой задержкой в момент, когда число полностью видно. Как сделать такую вещь?
  • Вопрос задан
  • 476 просмотров
Пригласить эксперта
Ответы на вопрос 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
Наверное, вам понадобится имитировать движение: без этого смотреться будет как медленно щелкающие значения.
Для имитации движения нужно создавать размытие движения (motion blur) – в любой отдельный кадр видно не четкое значение, а размытое вдоль вектора движения.

Отображаемые на экране кадры как бы идут слишком медленно, чтобы уместить все происходящие события, поэтому на один кадр накладывается несколько событий: число появилось вверху, проехало расстояние X, исчезло внизу, появилось следующее число, успело проехать пол-экрана. Всё это "засвечивает" всего один отображаемый кадр, на котором числа выглядят размазнно. Первое просто оставляет след во всю высоту, второе в пол-высоты.

Как я понял, вам потребуется создать серию таких состояний:
  1. все смазано
  2. смазанно, но видно более ли менее значение 1 из 3
  3. все смазано
  4. смазанно, но читается значение 2 из 3
  5. все смазано
  6. смазанно, но читается значение 3 из 3

Кадры для "всё смазано" можно заготовить заранее. Кадры с видимостью определённых значений генерить заранее наложением на полностью смазанные нескольких близких положений видимого числа.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы