Пятничный пост-ссылка (о курсорах)

    Всем привет.
    Буквально пару минут назад попалась на глаза ссылка. Я знаю, что может быть этому и не совсем место на Хабре, но она сделала мой пятничный вечер. Посмотрим, что с ней сможет сделать Хабрамозг.

    ссылка — donottouch.org
    Спасибо пользователю saguro за описание:
    Описание того, что, собственно, за ссылкой
    Музыкальная группа из Амстердама Light Light объединилась с группой дизайнеров, также из Амстердама – Moniker. Вместе они создали крайне занятный музыкальный клип, который также выступает чем-то вроде социологического эксперимента.
    Do Not Touch – это видео, в котором вас просят следовать указаниям появляющимся на экране, вроде «Оставайтесь в зеленой зоне» или «Не трогайте модель». При этом все движения вашего курсора записываются и вы присоединяетесь к сотням и тысячам других курсоров. Выполнять ли указания – ваше дело. Чем дольше видео будет доступно, тем сильней будет заметно то, как ведут себя люди.
    Поделиться публикацией
    Ой, у вас баннер убежал!

    Ну. И что?
    Реклама
    Комментарии 34
    • +10
      Пока не попробовал, думал что за пост?!!?!?! Спасибо, очень скрасило вечер! Плюсую
      • +7
        Я пока не попробовал думал: «Что за люди выкладывают посты ссылки на Хабре?»
        Но этим же, черт побери, невозможно не поделиться. :)
        • 0
          Напомнило детство и девиз жвачек: пожевал сам — передай другому…
      • +1
        Не дождался загрузки :(
        • –1
          Если вы о том, что все время крутился значек «видео грузится», то попробуйте просто перезагрузить страницу, такое у них бывает.
          • +1
            Угу, об этом. Пробовал несколько раз, потом вытащил ссылку player.vimeo.com/video/62553531?api=1&player_id=player&autoplay=true из исходников.
            • 0
              Они перезаливают видео каждый час? Или всегда одно и тоже показывается, которое заранее для сайта записали? =)
              • 0
                Мне помогло отключение adblock на этом сайте
          • НЛО прилетело и опубликовало эту надпись здесь
            • –3
              Дело не в лени. Дело в том, что сама по себе эта информация не представляет особой ценности. По крайней мере мне так показалось. А видео как раз стоит того, чтобы его один или два раза посмотреть. Если кликнуть по ссылке — то все становится ясно с первых секунд.
              Может я, конечно, и ошибаюсь.
              • НЛО прилетело и опубликовало эту надпись здесь
                • 0
                  Мне кажется, что на пост оно так и так похоже не будет :) Собственно и не планировалось. Хотелось коротко поделиться пятничной ссылкой. Описание того, что там происходит я привел.
                  Но может и добавлю :) Как бы там ни было, спасибо за интерес :)
                  • НЛО прилетело и опубликовало эту надпись здесь
                    • +2
                      С моей точки зрения эта часть которую вы откинули является весьма полезной, по крайней мере делает топик информативным.
                      • 0
                        Добавил :)
                        • 0
                          Мне старое описание больше нравилось.
                          • 0
                            Да, мне тоже больше нравилось. :) Но на самом деле, разницы-то особо нет :)
                    • +1
                      видеоклип к песне формируется вживую из записанного поведения курсоров кучи людей

                      Вроде все и так понятно…
                    • +2
                      Из минуты про зеленую зону можно извлечь очень много интересных данных о потоках. Вероятно, курсоры подчиняются газовой динамике в какой-то степени. Это интересно!
                  • –9
                    Интересно, я сначала подумал что это в онлайне все происходит и начал уже думать что как именно можно это организовать, если это не флэш, то чем еще можно сделать?

                    P.S.: такого хлама в интернете до фига.
                    • +3
                      Почти все, что можно сделать с флешем, возможно без флеша.
                      • 0
                        Вебсокетами, очевидно же.
                    • +11
                      «Не трогайте модель»

                      Потрогали уже, ничего не видно теперь (:
                      • +6
                        Да там пасхалка в консоли!
                        Oh!
                        Gosh…
                        H-hello!
                        How embarassing…
                        I was not not prepared for this.
                        This place is a mess!
                        Look at all those semi-colons!
                        Didn't anyone tell you?
                        Nobody is allowed behind the curtain.
                        Oh, come in then…
                        You must be a fellow developer, right?
                        Seeking answers you must be.

                        I was told by our intern Adina not to work on easter
                        So I decided I should make an easter egg instead.

                        This interactive music video was made by us.
                        And by us, I mean Moniker: studiomoniker.com
                        We are a design & development studio based in Amsterdam
                        And by we, I mean Jonathan Puckey, Roel Wouters & Luna Maurer.
                        That is our place in the video.
                        Nice, isn't it?
                        We make things that change over time.
                        Projects that are always evolving.
                        We design environments in which you, dear reader, can play.
                        Oh, but just listen to me blabbering on!
                        You came here for technical details, didn't you.
                        Let me see…
                        (We are looking for technically gifted interns by the way! info@studiomoniker.com)
                        The computer at the start of the video is an MSX
                        It was Roel's first computer.
                        His dad kept it for him and we dusted it off for the video.
                        Roel used to code computer demos on it as a kid with his best friend Koen.
                        (Hi Koen!)
                        The frontend of this site was coded using Components.io
                        you should try it, you should really try it
                        How we made your cursor big, you ask?
                        Well, we hide your cursor by replacing it with an empty .cur file
                        We draw a pointer image on a canvas at the position of your mouse, whenever you move it
                        Our backend is quite barebones really.
                        This is a static site hosted on Amazon S3
                        Since S3 orders listings by alphabet we can use it like a database.
                        We have our visitors upload their cursor data directly to S3 (Amazon does CORS these days, yay!),
                        This way we do not need expensive servers and we shouldn't have any scaling issues.
                        We composite the music video with the latest pointers every 30 minutes orso
                        For that we use Node.js & FFMPEG (node-canvas, levelup, knox we love you)
                        We then upload the composited video to Vimeo
                        When Vimeo is done compressing the video, we embed it on our site
                        There are two versions of the video, so we can switch one out for the other.
                        (thanks Vimeo for being so awesome — without cheap video hosting, this would not be possible)
                        That is it, really…
                        Oh yes, I forgot shoutouts.
                        We want to big up:
                        Luna♥Res,
                        Roel♥Kj,
                        Jonathan♥Marieke&Sara for being such amazing friends,
                        Julia Born & Nina Paim for designing our Conditional Design Workbook,
                        Pinar & Viola, Jonas Lund,
                        Rafaël Rozendaal, MetaHaven, Based God,
                        Edo Paulus, Jonas Lund,
                        Kunst + Teknik & Martin (we love the internet too!)
                        And a big shout out to Jürg Lehni, who we make Paper.js together with
                        Yo Jürgermeister!
                        — These console messages are dedicated to Mara,
                        (A girl your humble narrator had a major crush on back in the day)
                        She used to tell tales of ninja warrior princesses
                        in the HTML source code of her employer's ringtone website
                        until one day they found out
                        and sternly asked her never to do it again
                        Mara, if you are reading this:
                        That was awesome.
                        .


                        So this is really it.
                        So long, and thanks for all the fish.
                        love, Jonathan, Luna & Roel


                        Let us count the ways i++ you (повторяется)
                        • 0
                          >We composite the music video with the latest pointers every 30 minutes orso
                          Это значит, что курсоры берутся только за последние 30 минут или что новые курсоры добавляются каждые 30 минут?
                          • 0
                            Судя по тому, что там всё ещё видно что-то, кроме курсоров, то последние 30 минут. Хотя, скорее, там последние N записей отображаются. А то, после какой-нибудь ночи будет всё там не так прикольно выглядеть.
                            • 0
                              >There are two versions of the video, so we can switch one out for the other.
                              Также не понятно что за две версии видео
                              • 0
                                Думаю имеется в виду видео без курсоров. К примеру, на одном курсоры нужно наводить на тёмно-зелёный, в другом на светло-зелёный… Ну, или может просто во втором модель одета ,-)
                                • 0
                                  Две версии за разные промежутки времени. Скажем первая за промежуток 22:00-22:30, а вторая за 22:30-23:00. Так как создание видео занимает некоторое время, первая версия будет готова в 22:42 и начнется в 22:50, вторая в 23:09 и 23:20 соответственно.
                          • +3
                            Оригинально и забавно :)
                            • +3
                              как стая мух
                              • 0
                                Всё, теперь осталось дождаться новой версии видео и поискать на нём свой курсор :)
                                • +3
                                  А девушка правда голая была? А то там все курсорами закрыто было.

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

                                  Самое читаемое