Mail.ru: Эволюция: графика и механика
•Download as PPTX, PDF•
0 likes•550 views
Поговорим об игре Эволюция: битва за Утопию. Обсудим чем обусловлен успех проекта. Тонкости разработки хардкорного проекта для мобильных платформ. Как эволюиционировали игровые механики в процессе разработки. И конечно, поговорим о секретах графики и производительности Эволюции.
Recommended
More Related Content
More from DevGAMM Conference
More from DevGAMM Conference (20)
Mail.ru: Эволюция: графика и механика
- 1. Эволюция: графика и механика Александр Черняков, программист, студия IT-Territory
- 2. НЕМНОГО ЦИФР • 18 месяцев разработки • Полная окупаемость через 3 месяца • >3 000000 установок • Топ AppStore более, чем в 135 странах
- 3. ВИДЕО
- 4. ЭВОЛЮЦИЯ: ГРАФИКА И МЕХАНИКА • Эволюция игровых механик • NGUI, Playmaker и др. • Система освещения • Тени • Пост-процесс
- 6. NGUI, PLAYMAKER и др.
- 7. СИСТЕМА ОСВЕЩЕНИЯ • Нет динамических источников света • Статика освещается через Lightmap’ы • Персонажи через Dynamic Light Probes
- 8. СИСТЕМА ОСВЕЩЕНИЯ Albedo (texture) Diffuse (per vertex, light probe) Specular (per pixel, light probe) Result ShadeSH9 (worldSpaceNormal) ShadeSH9 (reflectedView)
- 9. ТЕНИ • Тени Unity снижают производительность на мобильных устройствах • Мы разработали 3 системы теней – Shadow mapping (без проверки расстояния) – Shadow volumes – Planar shadows
- 10. ТЕНИ //per model Pass { ColorMask 0 Stencil { Ref 1 Comp always Pass replace } } //final pass Pass { Blend SrcAlpha OneMinusSrcAlpha Stencil { Ref 1 Comp equal } }
- 11. POST PROCESS • OnPostRender вместо OnRenderImage • Используем RenderTexture • Отключаем, если не используем • Геометрические эффекты быстрее пиксельных
- 12. POST PROCESS
- 13. СПАСИБО ЗА ВНИМАНИЕ a.chernyakov@corp.mail.ru Сайт игры: http://evo.my.com Отдел персонала: job.gamedev@corp.mail.ru Список вакансий: http://corp.mail.ru/career/vacancies
Editor's Notes
- Эволюция – уникальный набор игровых механик! Абсолютно оригинальный геймплей и игровой опыт. Ставка на хардкорную аудиторию. Фичеринг вывел нас в топ аппстора в 135 странах. За 8 месяцев 3,1млн. установок (Джаггер за 2 года 4,5млн). Дополнение «Черный легион» освежило интерес, вернуло множество игроков успевших пройти основную ветку, и привлекло новых.
- Давайте посмотрим о чем речь)
- Мы с Вами сегодня обсудим развитие игровых механик в процессе разработки, с чего начинали и к чему в итоге пришли. Вкратце расскажу о сторонних инструментах, которые мы использовали и к чему это привело И конечно, Вы узнаете как на слабом железе получить динамическое освещение и реалистичные тени практически бесплатно и Вас за это не накажут!) Поехали!
- В первых концептах и прототипах Эволция выглядела совсем иначе) У нас было 2 камеры, которые отображали 2 армии ботов расположенных далеко друг от друга. Постоянно возникало чувство, что что-то не так, возникает дискомфорт, от того, что между камерами скрыто расстояние, которое никак не чувствуется. После долгих научных изысканий) (вторая картинка) типа таких, мы пришли к новому виду игрового процесса. Ушли от сплит-скрина и переработали всю концепцию игры. В первых прототипах у нас даже не было автоогня, т.е. был полный хардкор, чтобы стрелять, надо было тапать по боту или держать на нем палец, если у вас автомат, который умеет стрелять очередями. Все это мы выбросили без особых сожалений. Мы ошибаемся, получаем опыт и делаем продукт лучше. Не бойтесь наступить на горло собственной песни! Это цена оригинальной игры, которую придется заплатить Вам, как разработчиками. Если вы чувствуете, что играть неудобно, и возникает дискомфорт, то поверьте, игрок взглянув на такую игру сразу же ее удалит. Игра должна создавать Вау-эффект и быть УДОБНОЙ.
- В Джаггере мы использовали собственную систему GUI, но сравнив ее функционал и функционал NGUI, мы выбрали последнюю. В Эволюции используется патченный NGUI, с нашим менеджером атласов, который управляет загрузкой/выгрузкой всех атласов используемых в интерфейсе. Также наша версия NGUI автоматически масштабируется для ретины с шагом 2, чтобы избежать артефактов фильтрации. Наряду с NGUI мы использовали UniSWF для импорта flash-анимаций. UniSWF и NGUI неплохо уживаются вместе. Когда мы начинали разработку Эволюции технология анимации Mecanim находилась в ранней бета-версии и имела очень ограниченный функционал. Мы не могли налету перезагружать анимации персонажей, Mecanim этого просто не позволял! Поэтому мы решили остаться на legacy-системе анимаций. Но при этом мы использовали Playmaker, чтобы настроить анимационную машину состояний. В Playmaker’е машина состояний не имеет прямой связи с анимациями, поэтому мы можем безболезненно их перезагружать, не нарушая работу машины. В поздних версиях Mecanim подобный механизм тоже появился, но мы не стали переходить, т.к. уже написали весь нужный функцонал.
- Вообще зачем разрабатывать собственную систему освещения, если есть готовая? Практика показывает, что встроенная система освещения не очень производительна на слабых девайсах, особенно в динамике. Для меня это челендж, как для специалиста – сделать лучшую графику, выжать из железа максимум, и сделать красивую картинку. Надеюсь для Вас это тоже вызов, который вы готовы принять. Да и для mail.ru – это часть имиджа, мы не можем себе позволить выпускать некачественный продукт. В игре нет ни одного динамического источника света. Все окружение использует статическое освещение (Lightmaps) Все персонажи освещаются через динамические Light Probes Игра получает интерполированную сферическую гармонику, добавляет в нее свет от наших специальных источников и передает в шейдер персонажа.
- Вообще кто знает что такое сферическая гармоника? Кто может дать определение? Вот и я не могу!) Но я знаю как ими пользоваться. По функционалу они похожи на Cubemap, только низкого разрешения. SH дает возможноть запекать несколько источников света и отрисовывать освещение за один Draw call. Используем аналог ShadeSH9(worldSpaceNormal) из встроенных unity-шейдеров. Diffuse – вертексный, Specular пиксельный. Для расчета Specular получаем reflectVector – это вектор взгляда, отраженный относительно нормали. И вычисляем ShadeSH9 с этим вектором. Все это дает значительный выигрыш в FPS и достойную картинку, на iPad2 >30
- Тени – это краеугольный камень 3D-графики. Все алгоритмы так или иначе снижают FPS. На слабых девайсах практически невозможно добиться высокой производительности… Если не знать как работают тени вообще и какие подходы существуют. Я попробовал стандартную систему теней, написал несколько альтернативных и выбрал оптимальную, которая меньше всего бьет оп FPS (1-2 кадра!).
- По сути планарные тени – отрисовка сплющенной копии модели черного цвета. Но как всегда есть нюансы. Плющить (т.е. менять масштаб по одной из осей до 0) надо под углом, под которым на модель светит источник света. В сети куча примеров как вычислить матрицу для такого масштабирования. Мне бы хотелось заострить внимание на другом аспекте – как нарисовать тень без наложения полупрозрачных участков друг на друга (как на картинке) Нам на помощь приходит Stencil buffer. Все тени рисуются в него, на экран при этом ничего не выводится (Color mask 0), затем отдельным проходом весь экран заливается одним цветом, с учетом Stencil-маски. Самое большое ограничение такого метода отрисовки теней – то, что они корректно рисуются только на ровных, гладких поверхностях (не даром они называются планарными). Мы пошли на это! Мы сделали все арены с гладкой поверхностью, чтобы корректно отображать динамические тени.
- В метод OnRenderImage приходит параметр «RenderTexture source». Откуда берется эта текстура? Если разобраться, то она получается методом Backbuffer.Resolve(), что очень накладно даже на десктопах, а на мобильных платформах – это гарантированное слайдшоу вместо интерактивной игры. Что делать? Не использовать метод OnRenderImage. Вместо него используйте OnPostRender. Чтобы получить изображение для постпроцесса – используйте отдельную RenderTexture для вашей камеры, чтобы не делать Backbuffer.Resolve() Если эффект не нужно использовать постоянно, отключайте его совсем! Не надо тратить ресурсы на то, что не используется. В месте с классическим пиксельным постпроцессом мы также используем геометрические эффекты. Об этом чуть позже.
- Постпроцессом у нас сделан адреналиновый взрыв. Мы замедляем время и обесцвечиваем картинку и выделяем красным ботов, которые подходят на ближнюю дистанцию. Обычно такие эффекты делаются через Stencil buffer, но у нас он занят тенями, поэтому подкраску ботов бы делаем через альфа-канал. В шейдере постпроцесса мы просто подкрашиваем красным все, что имеет значение «0» в альфа-канале. Весь эффект происходит в 2 этапа: Мы обесцвечиваем картинку, одновременно подкрашивая бота и выводим результат в текстуру размером 512х256 (размер подобрали экспериментально) Размываем картинку и выводим на экран Теперь немного о геометрических эффектах. У нас в качестве геометрического эффекта представлен снайперский прицел. Это Mesh со специальными UV-координатами, на которую мы натягиваем RenderTexture главной камеры. За счет смещения UV-координат создается впечатление преломления как в линзе. Дешево, красиво и без потерь в производительности). Если есть возможность заменить пиксельный эффект геометрическим, то лучше так и сделать. К сожалению не все эффекты можно сделать с помощью такого подхода.