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

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

Но давайте сначала начнем с некоторых мелочей, чтобы вы немного разогрелись.

WebGL, сокращение от Библиотека веб-графики, представляет собой JavaScript API для создания интерактивной 2D- и 3D-графики в любом совместимом веб-браузере. Это зависит от графического процессора конечного пользователя и уже давно поддерживается веб-браузерами.

Звучит просто, правда? Вы создаете 3D-модель, анимируете ее и выкладываете в Интернет, чтобы каждый мог насладиться вашей красивой работой и полюбоваться ею. OK! Засучим рукава, сделаем 3D в удобном Cinema 4D и получим блестящие веб-награды! Верно?

Но именно здесь начинается боксерский поединок.

Готовимся к грохоту!

Вот эта милая женщина ходит по боксерскому рингу, держа в руках большой номер один.

ДИНГ!

Прежде всего, позвольте мне сказать вам, что 3D-мир не похож ни на один другой мир компьютерной графики. В повседневной работе студии графического дизайна обычно полагаются на программное обеспечение Adobe или любую из немногих альтернатив, таких как Corel или Serif, и все. Все файлы более или менее взаимозаменяемы между различными приложениями, и есть хорошо известные обходные пути, которые помогут вам попасть туда, куда вы хотите.

С другой стороны, трехмерный мир делится на кланы. Есть те, которые работают с Maya, 3DS, Modo, Blender, ZBrush, Cinema 4D… знаете что, вот список, если вам интересно https://en.wikipedia.org/wiki/List_of_3D_modeling_software. И поверьте мне, для каждой части программного обеспечения в этом списке есть заядлые фанаты, которые работают только с этим программным обеспечением 3D, клянутся им, болтаются на форумах и разделяют то же мнение со своими друзьями по 3D-программам, шутят о других 3D-программах. программного обеспечения и, возможно, даже называть своих детей такими именами, как Poligon, Ngon или Quad.

И да, вы уже догадались. Форматы файлов не взаимозаменяемы, за исключением некоторых из них, таких как OBJ, FBX, STL. И даже эти форматы будут по-разному интерпретироваться в разных приложениях.

Модель, которую наш клиент выбрал на сайте turbosquid, выглядела как коробка, полная блестящих конфет, которая просто ждет вас под свежесрезанной елкой, чтобы вы ее открыли и насладились.

Если бы только мы могли его открыть.

Он был создан в 3D Studio Max и отлично выглядит только в 3D Studio Max, потому что в нем используются особые текстуры и материалы 3D Studio Max. Конечно, когда вы загружаете что-то из turbosquid, вы получаете множество универсальных форматов 3D-файлов, таких как OBJ, и это все равно что получить банку супа, красиво завернутую под рождественскую тройку, вместо коробки блестящих конфет. Когда вы открываете файл OBJ, он всегда как-то всегда сделан из прозрачных материалов. Похоже, это размытая версия модели, которую вы только что видели в витрине магазина турбосквидов. Если бы я только мог установить 3D Studio Max на свой Mac, возможно, я мог бы экспортировать его в более подходящий формат файла. Но подождите ... 3D Studio Max для OSX не существует. Где тот колокол, чтобы положить конец этому кошмару!

ДИНГ!

Вы сидите в маленьком кресле в углу ринга, все избиты после первого раунда, и вы говорите себе: теперь я знаю, с чем имею дело. Я покажу им, из чего я сделан, в следующем раунде.

Второй раунд начнется в любую секунду. Милая дама с номером два уже покидает кольцо.

ДИНГ!

Вот в чем дело с 3D и Интернетом. 3D особенно тяжело, если вы хотите создать модель всей машины, чтобы каждый мог наслаждаться ею в своих браузерах. Он состоит из многоугольников, и чем их больше, тем лучше он выглядит. Но это также сложнее вычислить, и файлы больше. В нашем случае мы имели дело с сотнями тысяч полигонов, может быть, даже с миллионом. Здесь мы говорим обо всей машине, а 3D-моделисты - придирки придирчивые. Им нравится создавать свои модели с мельчайшими деталями, даже с теми, которые вы никогда не увидите, и ваша задача - удалить с них все необходимые детали. Вы должны удалить всю топологию, которая не была бы видна в Интернете, потому что нет смысла заставлять чей-то GPU бороться с миллионами ненужных вычислений. Эта штука должна летать в вашем браузере, и чем она меньше, тем выше она может летать.

После нескольких недель разборки ненужных частей до тех пор, пока не останется ничего, что можно было бы разделить, с надеждой в глазах вы смотрите на размер файла и понимаете, что он всего на 30% меньше, чем тот, с которого вы начали. Ааааааррррр! Он по-прежнему слишком велик, и вместо того, чтобы летать в браузере, как орел, он волочится задом, как улитка по наждачной бумаге.

А рядом с тобой цербер, рыча на тебя всеми тремя головами. Одна голова от вашего босса, одна от вашего клиента и одна от вашего фронтенд-разработчика.

ДИНГ!

Спасает колокол! А может и нет?

ДИНГ!

Третий раунд!

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

Дело в том, что в 3D-дизайне нет мелких изменений. Все сложно и нужно делать осторожно, поскольку вы находитесь в трехмерном пространстве и вам нужно смотреть на свою модель со всех сторон, чтобы убедиться, что вы все сделали правильно.

ДИНГ!

Нам не нравится передняя решетка в машине?

ДИНГ!

Нам не нравятся задние фонари машины?

ДИНГ!

Почему бы нам не использовать другую машину?

ДИНГ! ДИНГ! ДИНГ! ДИНГ! ДИНГ! ДИНГ! ДИНГ! ДИНГ!

Это 12-й раунд, и даже симпатичная дама с числами где-то по пути потеряла улыбку.

ДИНГ!

Мы будем использовать видео вместо этой 3D-модели.

ДИНГ!

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

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

В конце концов, могу ли я порекомендовать кому-нибудь потратить время на то, чтобы возиться с этим? Да, безусловно! Это трудный способ заработать немного денег, но в будущем их будет все больше и больше. Может быть, в будущем он получит больше поддержки. Как сейчас. WebGL все еще находится в зачаточном состоянии с множеством причуд и ошибок. Это трудоемкая вещь, как никакая другая. Но с другой стороны, чем раньше вы запрыгнете в этот поезд, тем скорее вы доберетесь до пункта назначения и создадите трехмерные веб-сайты будущего.

Динко Медведь - старший графический дизайнер в Euroart93.