Мотивация

Я большой поклонник Overwatch за конкуренцию, знания и первоклассный дизайн. Я также большой поклонник программирования и разработки. От Интернета до игр, приложений и всего, что между ними.

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

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

Глобальная база игроков Overwatch насчитывает более 35 миллионов человек, поэтому я знал, что не могу быть единственным разработчиком, способным поделиться своим творчеством. С этой целью заметность проекта я решил создать список потрясающих творений сообщества Overwatch.

Поиск

Я просмотрел каждую страницу Github, Codepen и поиск в Интернет-магазине Chrome, чтобы найти самый большой набор инструментов, проектов, экспериментов и демонстраций, связанных с Overwatch. Я избегал Reddit, потому что у сообщества Reddit уже есть собственный способ каталогизации и курирования своих руководств, изображений выносок карты и тому подобного. Я также избегал фан-арта, так как существует слишком много замечательных художников, которых невозможно задокументировать. Если вы ищете художников, в Twitter, ArtStation и DeviantArt есть множество талантливых поклонников. Многие из них рады делать заказы на заказ по разумным ценам.

Во всяком случае, в Интернете уже есть множество ресурсов, руководств, трибьют-страниц и сайтов, посвященных Overwatch. Нет особого смысла курировать все, что вы можете найти, потому что у большинства сервисов уже есть способ вывести лучший контент на первое место. Такие сайты, как Reddit, Youtube, Twitch и т. д., уже курируют и систематизируют свой контент в той или иной форме.

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

Это то, что я намеревался создать.

«Проекты в потрясающем списке не могут быть просто старыми проектами»

Когда я искал, я был удивлен, обнаружив так много замечательных проектов, у которых от нескольких до 0 звезд, вилок или лайков. Проекты, которые, как я знаю, хотели бы получить в свои руки более широкое сообщество. Вокруг таких проектов, как сообщества в Discord, Twitch и Twitter, сформировались целые бизнесы и сервисы. Такие сервисы, как StreamLabs и Rainway, начинались с открытого исходного кода и доказали, что для их вариантов использования существует рынок. Точно так же у сообщества Overwatch есть много возможностей для роста.

Остальная часть этого поста представляет собой краткое изложение того, что вы найдете, когда будете искать проекты сообщества Overwatch. Там много жемчужин, но, как вы уже догадались, нужно было многое просеять. Как гласит потрясающий манифест, проекты в потрясающем списке не могут быть просто какими-то старыми проектами. Имея это в виду, я убедился, что каждый проект, который я включил, был уникальной или всесторонней версией того, за что он претендовал.

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

Гитхаб

Github был самым большим и разнообразным источником проектов. Как и следовало ожидать, в интерфейсе Overwatch воссоздано множество различных элементов пользовательского интерфейса. Существует также множество инструментов для расчета DPI, автоматического выбора героев на основе состава, извлечения игровых файлов, отслеживания игровой статистики и т. д. (буквально). Даже не обращая внимания на эти темы, я должен поделиться некоторыми жемчужинами.

ДВа ЖС

D.VaJS — удивительно популярный фреймворк Javascript, о котором я никогда не слышал. Кажется, это обычная часть китайского инструментария веб-разработки. Он основан на Redux и react-router и вдохновлен Elm, поэтому я бы, вероятно, использовал его, если бы мог читать документацию.

Существует также фреймворк под названием турбосвин, который представляет собой эволюцию create-react-app.

Способности героев Garry’s Mod

@javabird25 разработал несколько наборов способностей Garry’s Mod, которые соответствуют некоторым героям в Overwatch. Это означает, что вы можете импортировать наборы способностей в Garry’s Mod и играть за этого героя!

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

Маккри Хаммершот

@dmadison превратил револьвер Nerf из реальной жизни в собственный игровой контроллер для МакКри. Как будто выстрелов в голову МакКри недостаточно.

Все файлы проекта находятся в репозитории, а инструкции по сборке — на PartsNotIncluded.

Под стражей

Супер милая пиксельная демейка Overwatch, играющая как TowerFall. Совсем недоиграно. Как стриминговое сообщество еще не взорвалось этим?

Машинное обучение

Меня это возбуждает. Как я упоминал выше, Blizzard не предоставила внешнему сообществу законных способов манипулировать или расширять Overwatch. Тем не менее, мы можем многое узнать и исследовать в игре Overwatch, о чем сообществу еще предстоит даже поцарапать.

К счастью, несколько разработчиков начали применять принципы искусственного интеллекта и машинного обучения (ML) в Overwatch в свободное время.

C0derwatch произвел фурор на Reddit, опубликовав сообщение о применении машинного обучения в SR и истории соревновательных игр.

@sshh12 использует Python и TensorFlow для создания моделей для прогнозирования SR в игре с использованием статистики игрока.

@gaaliciA1990 запустил проект по анализу корреляции между мейнингом нескольких героев и более высоким рейтингом (может ли когда-нибудь показать, когда один-трик в мете слишком прост/распространен).

API и боты

К их чести, у Blizzard есть API, доступные для игровых данных из большинства их популярных игр. Именно так большинство сайтов со статистикой игроков могут получать свои данные.

Однако благодаря сообществу разработчиков теперь существует множество неофициальных способов взаимодействия с данными API Overwatch, все в различных форматах и ​​на различных платформах, таких как Node.js, GraphQL, Go, JSON и ОТДЫХ". Есть даже несколько проектов, ориентированных на другие источники данных, например, «Лига наблюдателей.

Помимо API, есть несколько ботов для Discord и Twitter, которые выполняют глупые (а иногда и полезные) задачи, связанные с Overwatch.

Удивительно, но мне не попадались репозитории для аим-бота. Я их, конечно, не искал, но и не искал Твиттер-бота Dancing Mercy.

Расширения Chrome

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

Мне нужно исцеление

Классическая кнопка Мне нужно исцеление. Просто, смешно, вне времени. Github README тоже забавный. Очень мало звезд.

Звуки Гитхаба

Воспроизводит звуки культовых игровых персонажей, когда вы используете эмоции на Github (Super Mario, Legend of Zelda, Warcraft, Overwatch).

Создатель, @cheshire137, также сделал несколько других замечательных проектов в списке.

Напоминания о Overwatch League и Переключение спойлера

Большинство пользователей настольных компьютеров оценят любой из них в тот или иной момент. Также доступно Расширение напоминания о претендентах на участие в Overwatch.

Кодепен

Codepen — еще один крупный источник контента для разработчиков Overwatch. Как вы можете себе представить, на протяжении всей игры было несколько воссозданий загрузчиков и индикаторов выполнения. Также было несколько попыток воссоздать различные меню из интерфейса.

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

Логотип на чистом CSS

@SkyHolder воссоздал логотип Overwatch в CSS и HTML, используя всего 3 элемента div. И @stix воссоздал его, используя всего 2 div и немного магии градиента.

Эффект снега в CSS

@mmolad сделал пару вариаций 3D-эффектов снега из Overwatch. И из события Зимняя страна чудес, и из Экопойнта: карта Антарктиды. Никакого WebGL, только CSS.

Пиксельные спреи с CSS box-shadow

Еще один, который сводит меня с ума. Несколько лет назад дебютировала техника рисования пиксельный арт в CSS box-shadows. Этот метод не требует элемента Canvas или WebGL, и многое можно сделать с помощью одного элемента div.

С тех пор я был в восторге от этого, и для меня это доказательство того, что Интернет является подходящей платформой для игр. Эта ниша в сообществе HTML5 неуклонно растет, и этот проект должен стать важной вехой в популяризации пиксельной графики CSS.

Используя эту технику, @rspilhaus воссоздал некоторые пиксельные граффити из Overwatch. Масштаб 1:1, без изображений, каждое из которых использует только один элемент HTML. Если вы не понимаете, почему это красиво, я не могу вам этого объяснить.

Другие источники

3D модели

Это еще одно, что меня волнует. Доступны для скачивания масштабированные 3D-воссоздания нескольких карт Overwatch. Они являются частью руководства Reddit, поэтому я не хотел их повторять, но сами модели открыты для скачивания и использования.

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

Посетите Sketchfab и 3dwarehouse, чтобы узнать о других первоклассных 3D-объектах OW.

Бесстыдная вилка

Помимо курирования всего списка, я также хочу поделиться несколькими своими собственными проектами веб-разработки Overwatch. Их можно найти на моем Github @likethemammal.

Реагировать Компоненты

Я воссоздал 4 различных элемента дизайна пользовательского интерфейса Overwatch, используя React и CSS. Их легко использовать в качестве компонентов, и они идеально подходят для импорта в ваши собственные проекты.

Элементы смоделированы по образцу таблица, настройки-выбор, настройки-степпер и боковая навигация.

Мой фаворит — боковая навигация, созданная по образцу официальной навигации по веб-сайту Overwatch, и отличное решение как для настольной, так и для мобильной навигации.

Сердечная эмоция D.Va

Используя WebGL и A-Frame, я воссоздал анимированное сердце из эмоции D.Va Heartbreaker. Он циклически повторяет несколько различных анимаций входа/выхода.

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

Возьми домой

Из этого я понял, что многим разработчикам не терпится сделать Overwatch игрой и вселенной, которой может наслаждаться весь мир.

Я на борту. Мир всегда может использовать больше творчества.