Новый взгляд на online Magic 8 Ball

    image

    Доброго времени суток, уважаемые хабравчане!

    Да, сегодня речь снова пойдет о шарике из фильма «Трасса 60». Кто-то слышал о нем, кто-то видел, кто-то даже купил себе экземпляр и пользуется в своей профессиональной деятельности (куда уж без этого в IT-сфере?).
    Но даже тех, кому данная тема успела набить оскомину, я прошу не отбрасывать с ходу эту публикацию. Мой шарик хранит в себе небольшую тайну…


    Предыстория


    Как это бывало, наверное, с каждым из вас, данная тема захватила меня внезапно и полностью. В один прекрасный весенний день я бороздил просторы рунета в поисках подарка для своего друга. Скорый день рождения не давал возможности плотно подумать над подарком, поэтому в ход пошли сувенирные сайты, на одном из которых я наткнулся на такой вот шарик. Интересная идея, подумал я, тем более, что друг мой PM, ему в работе вещь очень пригодится! Ввиду того, что покупка должна была быть совершена в интернет магазине, а кота в мешке покупать не хотелось, я пошел по просторам рунета еще дальше, изучая что же я собираюсь купить и стоит ли оно того. Картинки, видео, описания — меня интересовало все, даже нередкие online вариации подвергались пристальному просмотру.
    И что же я обнаружил?
    В наш век высоких технологий, HTML5 и прочих красивостей, все встреченные мною реализации не заходили дальше, чем смена надписи на статической картинке шарика по клику мыши…
    Мысль пошла работать, идея хваталась за идею, а руки уже успели открыть любимый html/js-редактор и набирали скелет странички.

    Что же получилось?


    Процесс реализации сего чуда я описывать не буду, ибо цель данной публикации другая. Если кого-то заинтересует как я это сделал — возможно я напишу еще одну публикацию со всеми подробностями.
    Буквально сегодня я внес последние штрихи и выложил на сайт m8ball.ru свое творение.

    А где тайна?


    Тайна заключается в том, как же заставить шарик отвечать на вопросы. Поверьте мне, на вопросы он отвечает, хотя открыв его в первый раз, не у каждого получится так вот просто задать вопрос и получить ответ. Предлагаю вам разобраться с этой задачей самостоятельно.
    Для любителей сразу зрить в корень, советую не лезть в исходный код страницы, а попробовать разобраться без него.

    Хоть бы подсказочку — внимание, спойлер


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


    P.S.


    Не подумайте, что я тут поднимаю тему сравнения браузеров, ничего такого, просто сухие факты.
    На моем компьютере хорошую скорость работы удалось достичь только в браузере Google Chrome (у меня стоит версия 12).
    В Firefox версии 3.6 солидно подтормаживает.
    В IE 8 вовсе не работает, чего я впрочем и не ожидал, canvas там пока не реализовали.
    Другие браузеры не пробовал, предоставляю это вам.
    При включенной опции «Не отображать содержимое окна при перетаскивании» шарик капризничает и отказывается отвечать на вопросы

    P.P.S.


    А подарок другу я все-таки другой купил :)
    Поделиться публикацией
    Похожие публикации
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама
    Комментарии 47
    • +8
      Мне всегда казалось, что смысл magic 8-ball — быстро получить ответ, а не пытаться понять, как задать вопрос )
      • 0
        Ну тут же написано, что это новый взгляд ;-)
        К тому же единожды разобравшись — дальше можно быстро получать ответ )
        • 0
          Да тоже не очень быстро, анимация достаточно медленная (а может браузер — Chrome 11 stable тормозит, хотя избыточную нагрузку на процессор я не наблюдаю).

          Впрочем, надо отдать Вам должное, Ваша реализация самая красивая из того, что я видел в интернете.
      • +2
        Неудобно. :(
        • 0
          Согласен, не самый удобный вариант. С другой стороны для удобства можно и монетку кидать…
          Я ставил перед собой цель показать как можно сделать красиво.
          • +2
            В Win7 схожий жест сворачивает все окна, кроме текущего. Может, стоит добавить возможность трясти сам шарик?
            • 0
              Тоже столкнулся с этой проблемой. Пришел к тому, что перед тем как поиграться шариком нужно остальные окна свернуть — тогда никаких проблем.
              Вероятно, позже я сделаю более функциональную версию.
        • +2
          На двух мониторах глючит…
          • 0
            До попробовать да 2х мониторов не добирался еще, вечерком попробую посмотреть и исправиться, спасибо за багрепорт :)
            • +1
              Можно ли сделать бесконечный фон? А то я на втором мониторе не сразу понял, в чём смысл коричневой полоски слева и чёрного шара на белом фоне. Думал, что косяк в браузере.
          • 0
            >> В IE вовсе не работает, чего я впрочем и не ожидал, canvas там пока не реализовали.

            В IE9 всё отлично работает
            • 0
              Угу, я пробовал в 8ке. Дописал, спасибо за инфу.
            • +3
              Под линупсом(арч+хром) что-то никак не хочет отвечать.
              • 0
                Проверял под линуксом, все работало. Ищи лучше :)
                • +2
                  Ох и не люблю я этих тайн и загадок… (с)

                  Я сходу спойлер прочитал, но уж какие размеры ни подбирал, да как ни тряс — без толку)
                  • 0
                    Попробуй сделать штук пять быстрых круговых движений с маленьким радиусом.
                    Размеры окна в общем-то не влияют.
                    • +1
                      Неа, не желает)

                      • 0
                        Хм… а просто при движении окна шарик двигается?
                        Версия хрома?
                        • 0
                          Да, двигается(если имеется ввиду изменение координат, а не качение)

                          версия 12.0.742.30(dev)

                          Собственно я и на лисе, и даже на Epiphany проверил. Видимо как-то не так я его спрашиваю таки
                          • 0
                            Вы проверяли работоспособность с отключенной опцией «показывать содержимое окна при перетаскивании»?
                            • 0
                              Не доводилось. Смею предположить, что часть красивостей будет недоступна…
                              • +2
                                Смею предположить, что вообще ничего работать не будет, если вся логика держится на перемещении окна.
                                • 0
                                  Ну не прям совсем ничего. Не работает только, собственно, ответ на вопрос. Перемещение шарика все еще работает.
                                  В любом случае спасибо, добавил информацию в пост.
                              • 0
                                Вы проверяли работоспособность с отключенной опцией «показывать содержимое окна при перетаскивании»?

                                А это где такая опция?
                                • 0
                                  в Windows в дебрях системных свойств )
                                  • 0
                                    У меня OpenSuse и шарик не работает)
                                    • 0
                                      это опция системы, в Линуксе я вроде тоже видел нечто похожее, но с Вашей проблемой это все равно никак не связано )
                                  • 0
                                    Ну это наиболее известный термин из win. Вместо содержимого окна перетаскивается рамочка, когда тащишь мышью, отчего промежуточных «кадров» во время перетаскивания для приложения просто нет. В Линуксах так часто настраивают.

                                    На Маке хоть содержимое окна всегда видно, но само приложение получает сигнал о том, что его окно перетащили на новое место очень редко, когда как в Win оно получает его при каждом движении.
                            • 0
                              У меня окно перетаскивалось без отображения содержимого, ничего не работало. У автора может быть та же проблема, хотя система другая.
                      • 0
                        Opera 11.10 — тормозов не замечено.
                        • +6
                          Вот зачем усложнять?
                        • +1
                          Интересно, но в хроме так и не заработало. Зато в IE9 получилось.
                          • +2
                            При чем тут фильм 2002-го года, если это игрушка родом из 50-х?
                            Под маком не работает ни в одном браузере.
                            • 0
                              Во-первых потому, что многие познакомились с игрушкой именно по фильму 2002-го года
                              Во-вторых, я же не написал, что в фильме ее придумали, я просто указал, что она в нем была

                              К сожалению, не имею под рукой ни одного мака, так что не могу проверить почему не работает. Сейчас разбираюсь с описаной выше в коментариях проблемой в линуксе. Быть может это так же решит проблему на маках.
                              • +2
                                Зачем вы пишете о многих, если имеете ввиду себя? Русская аудитория могла его видеть как минимум во втором Фалауте и в третьем сезоне Симпсонов.
                                • 0
                                  Прошу простить мне столь вопиющий эгоцентризм. Я как-то и не подумал, что я единственный человек, который познакомился с шариком в этом фильме.

                                  Только вот мне не совсем понятно, почему вы сначала даете ссылку на англоязычную википедию, а дальше пишете про русскую аудиторию?

                                  Обратившись же к рускоязычной версии странички вы могли бы заметить интересный факт:
                                  Самое знаменитое появление шарика — это фильм «Трасса 60»


                                  Эти данные подтверждаются многими источниками, которые я встречал во время моих изысканий на эту тему.
                            • +1
                              >>А подарок другу я все-таки другой купил :)
                              Где и сколько стоит?
                              • +1
                                Резюмируем — красиво, но проще управление свести к клику мышью и снизить требования к железу и к браузеру )
                                • 0
                                  Я когда окно пошевелил у меня умер Хром и компьютер минут на пять впал в кому. Красиво да. Допиливать будете?
                                  • 0
                                    На второй раз всё заработало. Мне в целом понравилось ))
                                    • 0
                                      Обязательно.
                                    • +4
                                      Картинка с табличкой размером в 1 332 x 1 121 пикселей и весом в 1,3 MБ (1 316 827 байт) рулит :D
                                      • 0
                                        Блин, это я маху дал :) забыл уменьшить. Доработаем.
                                      • 0
                                        А чего так глючит? Оптимизируйте!
                                        • +1
                                          На скрине к статье — изображена сковородка!
                                          • +2
                                            Вместо того чтоб трясти шарик, нам нужно потрясти стол — оригинально, но глупо :(
                                            Мне не понравилось.

                                            Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.