Интернет-сборник охоты за подсказками

15 мая я принял участие в моем первом в истории CogHack ™ хак-дне в Cogapp. Я был очень взволнован и стремился сделать что-то отличное и немного повеселиться! Темой этого хакерского дня была жизнь в изоляции, что означало поиск способов соединить людей во время изоляции.

У нас была доска Mural, которая позволяла нам публиковать наши идеи до взлома, и мой коллега Джон опубликовал идею о расширении для браузера, которое позволит вам видеть скрытый контент на веб-сайтах. Это означало бы, что люди могли бы обмениваться идеями и взаимодействовать с содержанием сайта вместе, например: в форме комментариев, изображений и аннотаций. Мне очень понравилась эта идея (и нравится до сих пор), но идея скрытого контента также заставила меня сразу подумать об охоте за мусором.

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

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

Создание расширения для браузера

Чтобы создать расширение для браузера Chrome, я следовал этому руководству. После этого я понял, что для моих целей мне нужны только две вещи: файл манифеста JSON, который общается с Chrome и позволяет вам установить его в первую очередь; и файл JavaScript, который фактически выполняет работу по добавлению содержимого на страницу. Посмотреть файлы в репозитории Github можно здесь.

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

В файле JavaScript произошло все «волшебство». Как только мой манифест был загружен в JavaScript, я мог делать забавные вещи, например, манипулировать DOM (объектной моделью документа)! Это означает, что я смог добавить что-то на страницы веб-сайта.

Я начал с создания массива, который содержал URL-адрес каждого элемента и соответствующие ему букву и символ.

Затем JavaScript выполняет итерацию по этому массиву при загрузке страницы, и если текущий URL-адрес совпадает с одним из ключевых URL-адресов, он помещает символ и букву на страницу. И вот расширение работало!

Создание сайта

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

Я создал простой веб-сайт и придал ему мистический вид, а затем разместил его на страницах Github. Посмотреть сайт можно здесь.

Вывод

В целом я считаю, что этот проект был идеальным размером для одного человека, который мог бы выполнить однодневный рабочий день. Мне удалось быстро запустить расширение, и у меня было достаточно времени, чтобы закончить работу над сайтом. Хотя я заранее придумал подсказки!

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

Я считаю, что это действительно отличный способ привлечь внимание людей к онлайн-коллекциям. Это действительно побуждает рассматривать предметы или исследовать их в увлекательной игровой форме.

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