В заголовке вкладки браузера уместили игру

Австрийский программист создал браузерную игру TitleRun, которая отображается в заголовке вкладки. В ней пользователю необходимо перепрыгивать надвигающиеся на него блоки, нажимая пробел, аналогично игре с динозавром, отображаемой в Google Chrome при недоступности интернета.

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

Австрийский разработчик Янник Зиберт (Jannik Siebert) использовал эти возможности для создания простой браузерной игры, которая полностью размещена в заголовке вкладки. По сути игра в упрощенном виде воссоздает известную игру T-Rex Runner с бегущим динозавром, которая появляется в браузерах на основе Chromium, когда пользователь отключен от интернета. В новой игре TitleRun используется та же механика: главный герой бежит вперед и на него надвигаются препятствия, через которые необходимо перепрыгивать.

Но поскольку в заголовке можно использовать только текст, вместо графики он использовал символы из Юникода. Главное ограничение заключается в том, что весь текст в заголовке отображается в одну строку, а механика подразумевает, что динозавр должен прыгать вверх. Зиберт решил это, использовав блочные символы из Юникода. Это квадратные символы, которые частично заполнены черным цветом. Разработчик использовал ▖в качестве нижних препятствий, ▘в качестве верхних и аналогичные символы в качестве динозавра или главного героя в нижнем или верхнем положениях. Если герой разбивается о блок, вместо него отображается звезда *. А в конце трассы его ждет флаг ⚑, после которого в заголовке отображается результат в баллах.

В игре есть три разных уровня, но на сайте также есть простая инструкция, позволяющая создавать собственные уровни через редактирования локального хранилища. В этом случае помимо блоков в игру можно добавить любой текст или символы, но они не будут считаться препятствиями. На сайте игры есть кнопка с JavaScript-кодом, которую можно перетянуть на панель закладок и затем запускать игру во вкладке любой другой страницы.

Вскоре после публикации TitleRun другой программист создал по такой же схеме в заголовке вкладки игру «Виселица», в которой необходимо угадывать слова. Ее особенность заключается в том, что помимо заголовка разработчик также сделал динамическую иконку сайта.

Существуют и другие игры, работающие в служебных элементах браузера. Например, ABaroids и Glutton-c! отображают свой интерфейс в адресной строке, а в Defender of the favicon весь интерфейс отображается в динамической иконке сайта. А в прошлом году американский разработчик создал визуализатор музыки, отображаемый в адресной строке.

Григорий Копиев

Нашли опечатку? Выделите фрагмент и нажмите Ctrl+Enter.
Треть импульса однодюймового удара Брюса Ли пришлась на движение тела

Разобраться в этом помогло видео с Чемпионата про каратэ