1. Не «ещё игру», а красивую
С Лёхой Тёма в занятого профессионала не играет — тут можно честно, без легенд для начальства.
— Лёх, надоели мне эти железяки. Игры-то работают, ползают, очки считают — а открываешь любую, и она деревянная. Серые квадраты, движение дёрганое, шрифт как в школьной методичке. Работает, а смотреть не на что.
— А чего хочешь-то?
— Красивую хочу. Чтоб приятно было пальцем подвигать, чтоб глаз залипал. Чтоб человеку показал — а он «ого, это ты сделал?». И чтоб у него челюсть в пол, а я так небрежно, плечом: «да на коленке, за вечерок набросал». Раньше мне хватало, что код вообще делает, что просят. А теперь не хватает. Хочу, чтоб «делал красиво». Чтоб у людей глаза на лоб, а у меня лицо кирпичом.
— Дельно, — Лёха не отмахивается. — Только тогда давай сразу определимся на каком проекте будешь тренироваться. Плавность и визуальный кайф удобнее набивать не на боевой странице, которую страшно сломать, а на отдельной мелочи. На чём-то, что не жалко крутить и переделывать хоть десять раз.
Тёма поначалу пробует возразить — у него своя, более жадная идея:
— А чего на мелочи? Давай сразу на лендинге и потренируюсь. Боевая задача, заодно и красоту нагоню, и Антону покажу. А если что-то сломаю - у меня /rewind есть.
— Плохая мысль, — Лёха не ведётся. — На лендинге у тебя живой заказчик и репутация. Будешь там пробовать «а что если так», «а что если эдак» — а оно возьмёт и развалится в самый неподходящий момент. Красоту учат там, где не страшно сломать. Иначе ты не экспериментируешь, а ходишь по минному полю и боишься тронуть.
Тёма прикидывает — и сдаётся. Он уже знает за собой эту тягу сразу прыгнуть в бой, и знает, чем она пару раз заканчивалась.
— Ладно, убедил. Беру что-нибудь мелкое, что не жалко. Чтоб самой игры было на копейку, зато крути красоту сколько влезет.
— Вот именно. Бери что-нибудь, где правил минимум, а места под красоту много. Сломаешь — переделаешь, никто не заметит. А приёмы, которые там нащупаешь, потом аккуратно перенесёшь на боевую страницу. Сначала тренировка, потом бой.
2. Змейка как полигон и удобная легенда
После 20 минут обсуждений было решено делать Змейку. Логика у неё детская: ползёт, ест яблоко, растёт, врезалась — конец. Эту механику Тёма и сам уже сто раз видел, тут ловить нечего. Зато простора под «дорогое ощущение» — вагон: как она скользит, как реагирует на яблоко, какой звук, какая палитра, как пульсирует на экране. Идеальный полигон — правил на копейку, красоты на рубль.
Тёма даже заводится, прикидывает вслух, какой она могла бы быть. Можно неоновую — тёмный фон, светящиеся линии, как в ночном городе. Можно строгую и минималистичную — чисто, спокойно, дорого. Можно ретро-аркаду под старые автоматы — пиксели, мигающий счёт. И тут его приятно простреливает: всё это — настроение, и задать его можно словами, а не рисовать руками. Не «выучи, как делается неон», а «скажи, что хочешь неон».
И легенда для коллег складывается сама собой. Спросят, чем занят, — ответ готов: осваиваю анимацию для лендинга. И ведь даже не враньё: часть приёмов со Змейки потом и правда можно будет перетащить на рабочую страницу.
3. Почему «сделай красиво» не работает
Тёма, окрылённый планом, тут же хочет проверить, как оно пойдёт. Он на радостях бросает Сане первый запрос — короткий и от души:
Собери Змейку и сделай её красивой.Саня не требует ТЗ, а принимается за работу. Видимо логика Змейки действительно очень проста.
Он быстро собирает рабочую змейку, наводит какой-то минимальный лоск — и выдаёт результат. Тёма открывает и кривится. Оно работает, но «красиво» не получилось: цвета не те, шрифт казённый, движение по-прежнему дёрганое. Не то, что было в голове.
— Лёх, ну вот не то же совсем. Я ж сказал «красиво».
— А что такое «красиво»? — спокойно возвращает Лёха. — Ты сказал слово, а за словом — пусто. Агент услышал «красиво» и сделал «красиво» в своём понимании. Ты же не объяснил, что именно менять — цвет? движение? шрифт? всё разом? Он и ткнул наугад.
Тёма хмурится. Крыть нечем, и это слегка злит — он-то думал, одного слова хватит. Раньше же хватало: «сделай игру» — и получал игру. А «красиво» вдруг оказалось слишком пустым словом, чтоб по нему хоть что-то построить.
— И как тогда просить?
— А вот тут нам придётся углубиться в теорию. Ты готов к серьёзной лекции?
— Куда я денусь с подводной лодки, — с вызовом пишет Тёма. — Давай уже свою лекцию, которую ты так любишь.
Лёха не моргнув глазом начинает:
— Все эти веб-штуки — и игры, и страницы — работают в браузере. Но красота и анимация в браузере строятся на трёх слоях: HTML, CSS и JS. За каждым своё. Пока ты не знаешь, какой слой за что отвечает, ты и просить будешь вслепую — «сделай красиво вообще». А узнаешь — будешь бить точно: вот это не трогай, а вот тут поменяй. Сейчас пока просто запомни три слова, а я через минуту разложу, что и зачем.
— Только давай чур без занудства. Мне не диплом фронтендера нужен, а понять, как описать анимацию в ТЗ.
— Обещаю. Три слова, три роли, по-человечески. Прямо сейчас за пять минут и разложим — и ты перестанешь просить быть профаном.
ПЕРЕЙДИТЕ В ПОЛНУЮ ВЕРСИЮ