Магический шарик (magic 8-ball) для принятия решений

в 12:33, , рубрики: html, jquery, сделай сам, метки: ,

Приветсвую.
Вот навеяло сделать шарик для принятия решений как развлечение.
Что подобное видел и нашел на хабре, можите посмотреть и сами — хабрапоиск «magic ball»
image
А вот и "демо". Под хабракутом исходники, вдруг пригодится…

БOльшая часть встречавшихся онлайновских шариков были как-то однообразны и статичны… Вот задумался как бы «юзюминку» добавить — решил сделать поворот шарика и его немного потрясти.

Все сделано с помощью jquery… Ефект «shake» входит в «комплект» к jquery_ui, а ефект «rotate» нашел на просторах интернета… Кроме того, для сглаживания добавил анимацию — «animate».

Варианты ответов шарика:

  • «Мне «да»»,
  • «Бесспорно»,
  • «Решено — «да»»,
  • «Вероятнее всего»,
  • «Хорошие перспективы»,
  • «Знаки говорят — «да»»,
  • «Никаких сомнений»,
  • «Да»,
  • «Определённо да»,
  • «Можешь положиться»,
  • «Пока не ясно, попробуй снова»,
  • «Спроси позже»,
  • «Лучше не рассказывать»,
  • «Сейчас нельзя предсказать»,
  • «Сконцентри — руйся и спроси опять»,
  • «Даже не думай»,
  • «Мой ответ — «нет»»,
  • «По моим данным — «нет»»,
  • «Перспективы не очень хорошие»,
  • «Весьма сомнительно».

Также этот шарик добавл как приложение для ВК: app2326843
и даю, если кому надо, исходники: 8ball.zip

Автор: FedLab

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js