Что такое глитчи в играх
Откуда берутся баги и глитчи в играх
Когда вы падаете под текстуры, видите застрявшего в стене NPC или проваливаете задание из-за неработающего скрипта, у вас в голове появляются самые разные мысли. Одной из цензурных может оказаться «Да откуда же это всё берётся?».
Наш редактор Юрий Кулагин вместе с преподавателями школы разобрался в самых частых причинах появления багов и глитчей в играх.
Лига Геймеров
30.6K постов 76.7K подписчиков
Правила сообщества
Ничто не истинно, все дозволено, кроме политоты, за нее пермач, идите на ютуб
Оскорблять участников сообщества;
Нельзя оценивать Toki Tori ниже чем на 10 баллов из 10;
Смотрю вас на Ютрубе ПОСТОЯННО! Спасибо за качественный контент! Жаль тут не ценят(
Было интересно, спасибо
. на нашу улицу в три дома, где всё просто и знакомо, на денёк.
На случай важных переговоров
Ответ на пост «Спалилась»
Было мне лет 17, еще не курил, но пил пиво, что чательно старался скрывать от родителей. Но случился тут рок концерт, предкам сказал, что мы с ребятами идем туда просто музыку послушать, ага щязззз)))) Купили тогда ящик, как сейчас помню, «Клинского» и пошли употреблять его под музыку рокового направления. И все было бы хорошо, но вот через пару дней выходит местная газета, где на первой полосе, под заголовком «Панки в городе», фотография с нами распиздяями жадно жрущими пивас. Родаки конечно поржали, но на всякий случай сказали что бы много больше не пил)))
Я эту газету даже на память сохранил, до сих пор где-то в кладовке валяется.
UPD: По многочисленным просьбам, завтра отправлюсь на поиски той самой газеты)))
Мини подарок
«Владимир Владимирович, вас развели»
Для тех, кто не в теме, это гораздо глобальнее всех расследований Навального. Речь о триллионах рублей.
У всех остальных присутствующих казнокрадов и схематозников очень сильно забомбили пуканы, это надо видеть.
Считаю, что товарища Богданова нужно поддержать! Если его съедят, то не скоро ещё осмелятся ему подобные люди так выступать.
Драма
Как Сбер поимел всех с подпиской + решение проблемы
Пока Циан борется со славянами в объявлениях, Сбер решил не оставаться в стороне и тоже нагадить не снимая штанов. Что характерно, весьма успешно.
Да, подписка давала доступ ко многим сервисам, но отзывы на любом мало-мальски известном источнике приводят нас к пониманию того, что покупали её люди исключительно ради бесплатной доставки из Сбермаркета.
Время шло, товары дорожали, зарплаты росли, стоимость сервиса, естественно, тоже должна была вырасти. И как Сбер решает эту проблему? Может, как все нормальные компании – поднимает стоимость подписки/товара/услуги? Конечно же нет! Эффективные менеджеры нашли куда более хитрый план: задним числом изменить условия по действующей подписке, предложив лохам доплатить за возвращение старых условий.
То есть они с 8 декабря ухудшают условия по действующей подписке, которую я оплатил на год всего два месяца назад и предлагают мне вернуть прежние условия просто занеся ещё денег.
Можно ли было сделать всё по-человечески? Например, увеличить стоимость подписки СберПрайм до любой выгодной цены и ввести подписку СберПрайм Лайт по старой цене, но с худшими условиями? Конечно можно было! Это стандартная модель повышения тарифов. Никто же не пишет посты о том что новые тарифы ОПСОСа не такие выгодные как раньше или что Нетфликс подорожал.
Ну ладно, а что делать-то? Если вы, как и я, купили подписку ради доставки из Сбермаркета и огорчены тем что её нельзя отключить, то, как выясняется, можно. Честно, мне было совершенно плевать на деньги, тут вопрос принципа.
Написал им в техподдержку что могут оставить мои кровные себе, поскольку меня они уже поимели, и мне не хочется больше ощущать в себе их длинный, простите, хер.
Вообще, Сбер вызвал на себя целый шквал критики в интернете, и, казалось бы, нужно предпринять что-то адекватное. Но вместо того чтобы снять штаны и постирать, они оспаривают отзывы на PlayMarket. Мой удалили уже в третий раз. У других людей та же история. Сейчас вот будут искать повод удалить и этот пост если он наберёт хоть мало-мальский рейтинг. Вот пример чужого комментария, который выпилят через пару часов:
Глитч-эффекты своими руками
Очень простыми средствами добавляем в игру немного сумасшествия
Всем привет! Для моей новой игры мне понадобилось сделать визуальные эффекты, искажающие изображение в стиле «глитч-арта». Глитч-арт использует идею ошибочной интерпретации данных, за счёт которого изображение сильно и пугающе искажается. Вы наверняка видели много примеров этих эффектов в сети.
В своей игре использую эти эффекты, чтобы показать урон наносимый игроку (взамен старого доброго затемнения, покраснения или тряски экрана), игрок тем самым как бы теряет связь с игрой. Вы же можете использовать эти эффекты для любых целей, но особенно хорошо они подойдут к хоррорам, потому что людей далёких от понимания цифровых технологий такие эффекты пугают, они придаёт изображению какой-то потусторонний оттенок.
Эффекты чрезвычайно простые, поэтому буду брать вас количеством, а не качеством. Я буду использовать шейдеры для Unity, но вся описанная ниже информация актуальна для любых движков, использующих шейдеры, а так же для ПО, имеющим прямой доступ к данным изображения.
Так или иначе, все глитч-эффекты основаны на сдвиге изображения. Неудивительно, ведь сам глитч-арт зародился из обычной потери битов в файле изображения.
Давайте на примере сделаем самый простейший глитч-арт: скачаем изображение в сети, откроем его в блокноте, удалим любое количество текста посередине и сохраним.
Как видно, изображение сдвинулось влево, потому что изображение читается построчно, слева направо. Возьмём 2 строки в 4 пикселя. Каждый пиксель у нас будет характеризоваться тремя цветовыми компонентами: красным (R), зелёным (G) и синим (B). Вырежем из первой строки 4 байта посередине и мы получим такое преобразование:
Но так это работает только с несжатыми данными изображений. Если мы возьмём какой-нибудь другой формат, который сжимает информацию, особенно проприетарный, то никто не знает, как поведёт себя алгоритм.
Помимо этого, в глитч-арте любят использовать и аналоговые искажения, которые можно было увидеть например во время прокрутки потрёпанной видеоплёнки или на экране старого телевизора. Тем не менее, все эти эффекты так или иначе основаны на сдвиге или пропуске информации.
Ну а теперь, когда мы разобрались в теории, пора приступать к конкретике
Чтобы настроить отображение эффектов в Unity, мы будем использовать обычные шейдеры. Поверьте мне, преобразования, о которых пойдёт речь, очень просты. Шейдер, если что, это такая мини-программа, отвечающая за изображение различных поверхностей на экране. Изображение с камеры можно легко представить как текстуру, с которыми шейдеры отлично справляются.
Создаём в Unity новый файл типа Shader/Image Effect Shader. Если у вас нет такой функции, то можете взять исходник отсюда.
Создаём в Unity новый скрипт, назовём его CameraEffect. Исходный код для скрипта можно взять отсюда.
Создадим новый материал. Укажем для него новосозданный шейдер. Поменяем цвет например на жёлтый.
На камере создаём новый компонент типа CameraEffect. Указываем новосозданный материал в качестве параметра поля Material.
Если всё получилось правильно, то должно получиться что-то подобное (мы взяли изображение с камеры и наложили на него жёлтый оттенок):
Теперь, добавим в наш шейдер несколько новых опций (помним, что опции нужно объявлять дважды: в разделе Properties и в теле самого шейдера между CGPROGRAM и ENDCG):
Давайте начнём с простого: возьмём одну текстуру искажений и согласно цветовым данным, указанным на ней, начнём сдвигать исходное изображение с камеры. Красный канал изображения будет указывать на степень сдвига влево, зелёный на степень сдвига вверх, то есть чем ярче пиксель, тем больше сдвиг.
Тогда попробуем подставить простую текстуру, например одну красную полосу (не забываем для всех текстур, импортируемых в Unity в качестве эффекта, отключать сжатие и использовать Point Filter Mode, чтобы искажающая текстура не искажалась сама).
Ой, слишком сильный сдвиг. Давайте будем редактировать степень сдвига с помощью переменной _Force.
Сделаем эффект волны с помощью красного градиента (в том числе и с помощью ступенчатого):
Попробуем добавить несколько полос разной ширины и контрастности:
В принципе, можете использовать любое изображение в качестве исходника для искажений, могут получиться интересные результаты (как будто бы с другой стороны экрана на вас кто-то смотрит):
Теперь осталось добавить временное смещение к текстуре искажения (ну и изменение её размера для удобства), чтобы глитч наконец ожил.
Как видно, текстура искажения постепенно сдвигается вниз, из-за чего у нас появился эффект неправильно читаемой плёнки. Можно намного уменьшить размер текстуры искажений с одной полосой, чтобы добиться немного другого эффекта старого дребезжащего монитора.
На старых видеопроигрывателях можно было найти такой эффект, когда изображение крутилось целиком, а не по частям. Это тоже сделать очень просто, для этого нужно двигать не части изображения, а всё целиком. Сдвигать мы его будем с учётом времени, для этого в шейдерах Unity есть векторная переменная _Time, указывающая текущее время компьютера. Нам в принципе неважно, какую компоненту этого вектора использовать, все они представляют одно и то же время, но перемноженное на разные числа.
Заметьте, что если на прошлых картинках шейдер пытался выйти за правую границу текстуры, то грань как бы зацикливалась, выдавая один и тот же цвет. Раньше это выглядело уместно, но теперь нам лучше от этого избавиться и включить повторение текстуры.
В зависимости от того, куда вы сдвигаете изображение, как учитываете время и используете повтор текстуры, вы можете добиться разных эффектов. Например, вот такой назойливый эффект я использую в своей игре:
Обычного сдвига мало, он слишком непримечательный. Чаще всего вместе обычным сдвигом изображения добавляют цветовой. Попробуем добавить его и мы. Я воспользуюсь классическим подходом смены цветовых компонент, но это можно делать любым способом. Здесь я меняю красный канал на зелёный, зелёный на синий, а синий на красный.
Взглянем теперь на сцену, но с применением цветового сдвига (я сделал сцену немного ярче, потому что она была преимущественно серая, а серый при сдвиге снова даёт серый):
Текстуру искажений я использовал исключительно для того, чтобы показать вам принцип работы. Однако я регионы для искажений генерирую сам с нуля. Что и вам советую для создания неповторимых картин. Алгоритм я использую примерно такой:
Поскольку шейдер не умеет выдавать случайные величины, можно использовать текстуру с шумом или же генерировать псевдослучайные величины с помощью функций sin и cos с передачей времени в качестве аргумента.
Часто для сохранения общей читаемости изображения используют, назовём это так, частичный цветовой сдвиг. Это когда изображение сдвигают только по одной цветовой компоненте, а не по всем сразу. Частным случаем такого сдвига является эффект хроматической абберации.
Попробуем повторить эффект выше с помощью сдвига изображения только по красной компоненте:
Шум можно тоже брать из отдельной картинки (и предпочтительнее делать именно так для экономии компьютерных мощностей), но я буду генерировать его сам, составив как можно более бессмысленную комбинацию синусов и косинусов. Шум у нас будет чёрно-белый, потому что многим он более привычен и комфортен глазу.
Как и в прошлом случае, в качестве текстуры искажений используем обычные полосы. Результат:
На DTF я так же веду блог о разработке игр, в который попадает всё, что не заслуживает отдельной статьи. Например, там же я опубликовал статью о том, как я не очень удачно пытался сделать ещё один глитч-эффект под названием datamosh. Подписывайтесь, если вам интересен подобный контент.
Глитчи в игре про глитчи
Неожиданно жуткая ошибка в игре Observer.
Дело было поздно ночью. Я вновь запустил Observer и не сразу заметил неполадку. События игры развиваются в мире киберпанка, каким его видели фантасты прошлого века. И большая часть пугающей атмосферы построена на искажениях картинки.
Главному герою (которого играет Рутгер Хауэр) постоянно нужно принимать особое вещество — синхрозин, иначе по экрану поползут глюки, а разум извечно обманывает его. Периодически приходится нырять в сознание жертв, а там всё совсем сюрреалистично. Игра в принципе умеет пугать. Так что самый жуткий глитч я заметил не сразу, решив, что так и должно быть.
Всякий источник света вдруг стал оставлять на экране кроваво-красный отпечаток, и при движении эти отпечатки наслаивались друг на друга, как слои краски.
Я сделал несколько скриншотов, чтобы показать забавный глитч коллегам, но обнаружил, что с ними всё в полном порядке — картинки чистые, глитчей нет. И вот тогда стало уже не смешно.
Попробовал записать ролик — получилось вот такое.
Если таким образом авторы хотели разрушить четвёртую стену (всё-таки это разработчики Layers of Fear), то у них явно получилось. Невидимые на скришнотах графические артефакты выбили меня из колеи и добавили паранойи — я стал ожидать, что вот сейчас что-то будет, что-то особенно страшное. Какой-то глитч, который буквально сломает мне мозг. Так что вздрагивал от каждого скримера.
Это особенно жутко, если знать игровой контекст. Здесь у каждого есть импланты, а по миру гуляет цифровая чума. И главный герой, собственно, оказывается заперт в многоквартирном доме, закрытым на карантин, без средств связи. Я мог бы заразиться.
Но спустя 20 минут игры я понял, что это, похоже, не уловка, а вполне себе реальная ошибка. Перезапуск и переустановка не помогли, к тому же Observer несколько раз вылетел. А жаль: такой приём точно выбил бы из игроков весь дух.
Дальше я пока не продвинулся — играть с кровавым туманом перед глазами тяжело. Но самое сильное впечатление от игры, впрочем, я уже получил.
Glitch — новый подход к разработке приложений
На днях мы наткнулись на интересную статью на блог-платформе Medium, речь в которой идет о свежем проекте компании Fog Creek — Glitch (с английского «глюк», «сбой программы»). Бета-версия проекта стартовала в декабре 2016 года, правда, под другим названием, но об этом позже.
Glitch – это, как заявляют создатели, «дружелюбное сообщество, где вы можете создать приложение своей мечты».
Проект призван сделать процесс создания ботов и веб-разработку быстрее и проще. Сервис предлагает бесплатно ознакомиться с примерами работающих приложений, куски кода которых можно использовать для создания собственных продуктов, и дает возможность воспользоваться редактором кода для их модификации. Glitch поддерживает импорт и экспорт проектов из GitHub, в частности вы можете поместить прямо на страницу проекта GitHub особую кнопку, которая позволит новым пользователям запускать его на Glitch одним щелчком мыши.
Итак, проект представляется довольно интересным, однако подробной информации о нем вы пока найдете не так много. Дело в том, что Glitch стартовал под громким именем «Gomix». Да, да, разработчики не русские, им было невдомек, как это звучит на языке Пушкина. Но впоследствии, как говорят ребята в своем блоге, они услышали от некоторых членов сообщества, что старое название на русском языке звучит оскорбительно, и, учитывая глубокую приверженность руководства идее создания инклюзивного сервиса, решили, что такая ситуация их не устраивает. Пришлось думать над новым названием, которое, как они потом поняли, оказалось во много раз круче старого, так как ясно выражает основную мысль — что сообщество было создано для всех. Юридически название Glitch принадлежало создателям Slack. Но они не только не возражали против его эксплуатации новым сообществом, но и стали одной из первых компаний, использующих Glitch.
Цель проекта – создать для разработчиков, как профессионалов, так и для новичков, условия для удобного и легкого способа сотрудничества.
Почему люди решают взяться за разработку? Одна из самых частых причин — им приходит в голову гениальная идея приложения, но поручить её реализацию некому. И вот новоиспеченный разработчик принимается за дело: настраивает среду разработки, конфигурирует сервер, возится с базами данных — как правило, следуя какому-нибудь туториалу, который нашел в Сети. Находит список рекомендаций самых свежих инструментов, без которых никуда, и тратит те крохи времени, которые может посвятить сайд-проектам, на их освоение. Наконец, намертво застряв на какой-нибудь ерунде, решает, что вся эта прогерская премудрость ему не не под силу и что идея все равно того не стоит.
И вот так веб-разработка превращается для новичка в ядерную смесь из синдрома самозванца и мучений с излишне сложными технологиями. Да и профессионалы часто попадаются в ловушку настроек и конфигураций — до собственно создания приложений как-то руки не доходят. Несмотря на то, что существуют такие проекты как Hour of Code и CodeAcademy, обучиться разработке становится все труднее.
Поэтому такая инициатива, как Glitch, призванная сделать разработку доступной для широкого круга людей и свести к минимуму «подготовительные работы», представляется достаточно перспективной. Философия, стоящая за этим новым сервисом, проста: «Сделать приложение должно быть так же легко, как отредактировать запись в блоге или изменить формулу в электронной таблице».
По словам создателей, сервис дает пользователям следующие преимущества:
Не нужно начинать с нуля
Многие инструменты по-честному пытаются упростить процесс разработки, но начинается всё всегда одинаково — вы и пустое окно редактирования кода. Для начинающего это все равно что пытаться собрать гарнитур из Икеи не имея на руках инструкции. В Glitch же пользователь имеет возможность оттолкнуться от полноценного, рабочего приложения и на первых порах просто дополнять или адаптировать его код под свои цели. Тем, кто поопытнее, интереснее будет миксовать более мелкие компоненты — фреймворки или библиотеки.
Ресурс предлагает вниманию разработчиков директорию сообщества с примерами реальных приложений и ботов, которые уже работают с множеством популярных веб-сервисов и фреймворков. Данная коллекция регулярно пополняется, демонстрируя, как можно использовать Glitch.
Работа над проектами происходит внутри сообщества — всегда есть у кого попросить помощи и поучиться. Встроенный редактор позволяет править код и устранять ошибки нескольким пользователям сразу, аналогично тому, как это происходит в Документах Google.
Как заверяют создатели проекта, Glitch – сообщество дружелюбное и приветливое, где никому не позволяется вести себя некорректно, поэтому для молодых разработчиков созданы все условия. Если в процессе работы возникли трудности, любой член сообщества Glitch, включая его создателей, может поучаствовать в решении проблемы.
Более опытные разработчики могут пригласить своих друзей и коллег для совместной работы над кодом в режиме реального времени. Кстати, если ваша идея по-настоящему интересна, члены команды разработчиков проекта готовы рассмотреть вариант сотрудничества с вами.
Это не просто «для практики»
Идея облегчить задачу для неопытных разработчиков, превращая процесс создания приложения в сборку конструктора из готовых элементов, в принципе не нова. И все бы хорошо, но подобным решениям обычно не хватает гибкости — сам набор доступных элементов уже накладывает ограничения, и подобный подход нельзя назвать программированием в полном смысле слова. Glitch идет по-другому пути, предлагая пользователям полноценную среду разработки и хостинг-инфраструктуру, соответствующую стандартам ведущих IT-компаний.
Таким образом, у разработчика остается свобода создавать тот продукт, который он задумал, без каких-либо ограничений со стороны сервиса. Разница по сравнению с самостоятельной разработкой с нуля в том, что Glitch берет на себя все хлопоты, связанные с деплоем и хостингом, плюс обновляет серверы и облачную инфраструктуру по мере необходимости.
Сервис работает практически на любом девайсе, так что редактировать код можно даже с планшетов и телефонов, а приложение будет автоматически обновляться, когда вносятся эти изменения.
К концу 2016 у Glitch (тогда еще Gomix) уже появилась небольшая, но активная база пользователей, а у этих пользователей — первые проекты, выполненные новыми методами. В декабрьской статье представитель команды предложил подборку самых интересных, на его взгляд, и удачных из них:
1. Stefan Bohacek предлагает шаблон для быстрого создания ботов на Twitter.
2. Darren Newton делится результатом своих экспериментов с CLJS и identicon-ами.
3. Ghaida Zahran дизайнер из компании Netflix сделал базовый проект для Material Design, который позволяет быстро создавать сайты и приложения.
4. Nick Farina сделал приложение, в котором в реальном времени выводится информация о доступных марках пива, для бара своего деверя.
5. Anil Dash, глава компании Fog Creek, разумеется, тоже протестировал сервис — результатом стала игра Mini Breakout, клон всем известной аркады из 70х. Приложение было написано на JavaScript с использованием Phaser, HTML-5 фреймворка для игр.
Глитчи в современных играх
=A=L=X=
запиши на видео и сам по кадрам просмотри, если это не такой уж прям «баг» раз в месяц.
=A=L=X=
> Возможно.
> Сталкиваетесь с таким?
Сталкивался. В Dishonored, кажется, такое видел. Замечал, как при повороте головы на мгновение дверей в проёмах не было, ну и других мелких объектов.
Я грешу на рассчёт перекрытия. Наверняка берут карту глубин с прошлого кадра, репроектируют её в текущий кадр и по ней определяют, что видно, а что нет. В кривой реализации этого дела могут возникать такие артефакты.
=A=L=X=
> вероятно в id Tech такое началось с Rage или где то там
В Rage вообще по-ублюдочнуму сделана подгрузка была. Там для текущего кадра рендерилась уменьшенная картинка с номерами страниц мегатекстур вместо цвета, по этой картинке определялось, какие страницы надо грузить. Ублюдочность такого подхода в том, что он порождает мыло всегда при первом взгляде на текстуру, т. к. за пол кадра подгрузить текстуру с диска нереально. Лучше было бы, чтобы они какую-то эвристику сделали для подгрузки, чтобы когда я посмотрю на поверхность, текстура для неё была бы уже загружена.
В новом вольфенштейне двери появляются с отставанием в 1 кадр.
У меня это в vktrace записалось:
Тут первая дверь еще не появилась
Следующий кадр и вторая дверь еще не появилась
Та же история была в Fable 3 на ПК. Если быстро крутиться, то объекты рисовались с задержкой в кадр, и это было видно.