Интернет-сборник охоты за подсказками
15 мая я принял участие в моем первом в истории CogHack ™ хак-дне в Cogapp. Я был очень взволнован и стремился сделать что-то отличное и немного повеселиться! Темой этого хакерского дня была жизнь в изоляции, что означало поиск способов соединить людей во время изоляции.
У нас была доска Mural, которая позволяла нам публиковать наши идеи до взлома, и мой коллега Джон опубликовал идею о расширении для браузера, которое позволит вам видеть скрытый контент на веб-сайтах. Это означало бы, что люди могли бы обмениваться идеями и взаимодействовать с содержанием сайта вместе, например: в форме комментариев, изображений и аннотаций. Мне очень понравилась эта идея (и нравится до сих пор), но идея скрытого контента также заставила меня сразу подумать об охоте за мусором.
Я чувствовал, что охота за мусором также будет интересным способом привлечь людей к контенту на веб-сайте, и подумал, что это будет особенно хорошо работать с онлайн-коллекциями, поскольку каждая подсказка может привести к определенному элементу. Моя первоначальная идея связать это с темой дня взлома заключалась в том, чтобы сделать его также многопользовательским, чтобы люди могли играть друг против друга или друг с другом, но в конце концов я решил, что это выходит за рамки одного дня. Я чувствовал, что поощрение людей к взаимодействию с онлайн-коллекцией по-прежнему актуально для «замкнутой жизни», поскольку музеи и галереи закрыты.
Я выбрал онлайн-коллекцию Сайт Национальной портретной галереи. Я выбрал эту коллекцию, так как она очень обширная и разнообразная, а также содержит множество метаданных о каждом портрете. Это помогло мне найти подсказки. Я использовал такую информацию, как художников, натурщиков и материалы, из которых был создан портрет. Вся эта информация доступна под каждым портретом на веб-сайте, чтобы игрок мог ее найти.
Создание расширения для браузера
Чтобы создать расширение для браузера Chrome, я следовал этому руководству. После этого я понял, что для моих целей мне нужны только две вещи: файл манифеста JSON, который общается с Chrome и позволяет вам установить его в первую очередь; и файл JavaScript, который фактически выполняет работу по добавлению содержимого на страницу. Посмотреть файлы в репозитории Github можно здесь.
Файл манифеста сообщает расширению, по каким URL-адресам он должен запускаться, и позволяет вам включать файлы JavaScript для запуска по этим URL-адресам. Он также позволяет вам добавить значок, который будет отображаться на панели инструментов, а также другие более причудливые вещи, которые не были необходимы для моего проекта. Подробнее о них вы можете прочитать здесь.
В файле JavaScript произошло все «волшебство». Как только мой манифест был загружен в JavaScript, я мог делать забавные вещи, например, манипулировать DOM (объектной моделью документа)! Это означает, что я смог добавить что-то на страницы веб-сайта.
Я начал с создания массива, который содержал URL-адрес каждого элемента и соответствующие ему букву и символ.
Затем JavaScript выполняет итерацию по этому массиву при загрузке страницы, и если текущий URL-адрес совпадает с одним из ключевых URL-адресов, он помещает символ и букву на страницу. И вот расширение работало!
Создание сайта
Вторая часть этого проекта представляла собой простой веб-сайт. Веб-сайт позволяет игроку отмечать любые символы, которые они находят, чтобы раскрыть скрытое сообщение. Он также содержит подсказки и инструкции.
Я создал простой веб-сайт и придал ему мистический вид, а затем разместил его на страницах Github. Посмотреть сайт можно здесь.
Вывод
В целом я считаю, что этот проект был идеальным размером для одного человека, который мог бы выполнить однодневный рабочий день. Мне удалось быстро запустить расширение, и у меня было достаточно времени, чтобы закончить работу над сайтом. Хотя я заранее придумал подсказки!
Этот проект имеет большой потенциал для дальнейших итераций. Его можно создать для использования любой онлайн-коллекции, если вы придумаете подсказки для соединения одного элемента с другим. Вы также можете создать другие типы охоты за мусором, например «Найдите объект, содержащий подсказки типа золота».
Я считаю, что это действительно отличный способ привлечь внимание людей к онлайн-коллекциям. Это действительно побуждает рассматривать предметы или исследовать их в увлекательной игровой форме.
Вы можете получить расширение Chrome в интернет-магазине Chrome здесь, а подсказки и инструкции находятся на веб-сайте здесь.