Привет! Мы тут в Playrix решили сделать свой Unity3D. А там есть Animator. В этой статье я расскажу, как мы сделали его у себя и как он работает.
Рубрика «анимация» - 3
Анимационный граф состояний
2019-10-18 в 8:00, admin, рубрики: Playrix, анимация, Блог компании Playrix, граф состояний, Клиентская оптимизация, Компьютерная анимация, Разработка веб-сайтовКак использовать прерывания в Unity Animator на полную
2019-10-07 в 14:54, admin, рубрики: idle, interruption, unity, анимация, Блог компании Playgendary, геймдев, игры, Компьютерная анимация, разработка игр, юнити
Вау-эффекта в играх можно достигнуть не только неожиданными механиками или плоттвистом, но и анимацией — в мобильных проектах на последнем часто делается особый акцент. Поэтому решил поделиться интересным переводом материала по Unity Animator. Внутри — про приоритетность переходов анимации и грамотное переключение между состояниями.Читать полностью »
Взлёт и падение Flash, раздражающего плагина, сформировавшего современный веб
2019-09-30 в 9:16, admin, рубрики: flash, macromedia flash, анимация, веб-дизайн, Компьютерная анимация, плагиныДо 1996 года веб был статичным и скучным. Но случайное создание технологии Flash превратило его в какофонию шума и цвета, в противоречивый продукт, предвещающий появление современного веба
9 июня 2008 года, примерно через час после начала ежегодной презентации Apple на WWDC в Калифорнии, прорыв, которого ждал Роб Смол, появился из недр торта. На сцене присутствовал Стив Джобс, довольный собой больше, чем обычно. Сам Смол смотрел за трансляцией презентации из Лондона.
Торт размером со слона, украшенный аккуратными ягодками и увенчанный единственной зажжённой свечой, светился на экране слева от директора Apple. «Приближаясь к первому дню рождения iPhone, — говорил Джобс, повышая голос, — мы смогли вывести его на следующий уровень». Торт распался, и появился логотип. Аудитория покорно разразилась приветственными криками. «Сегодня, — выкрикнул Джобс, — мы представляем вам iPhone 3G!»
Читать полностью »
Модульные спрайтовые персонажи и их анимация
2019-09-27 в 4:45, admin, рубрики: mecanim, unity, анимация, Дизайн игр, процедурная генерация, процедурная генерация персонажей, разработка игр, спрайтыЭта запись девлога целиком посвящена моей системе анимации персонажей, она наполнена полезными советами и фрагментами кода.
За последние два месяца я создал целых 9 новых действий игрока (такие забавные вещи как блокировка щитом, уворачивание в прыжке и оружие), 17 новых носимых предметов, 3 набора брони (пластинчатый, шёлковый и кожаный) и 6 видов причёсок. Также я завершил создавать всю автоматизацию и инструменты, поэтому всё уже используется в игре. В статье я расскажу, как этого добился!
Надеюсь, эта информация окажется полезной и докажет, что необязательно быть гением, чтобы самостоятельно создать подобные инструменты/автоматизацию.
Краткое описание
Изначально я хотел проверить, можно ли совместить наложенные друг на друга спрайты с синхронизованными аниматорами для создания модульного персонажа с заменяемыми причёсками, снаряжением и носимыми предметами. Можно ли объединить нарисованную вручную пиксельную анимацию с по-настоящему настраиваемым персонажем.
Разумеется, такие функции активно используются в 3D- и 2D-играх с пререндеренными спрайтами или в 2D-играх со скелетной анимацией, но насколько я знаю, существует не так много игр, совмещающих созданную вручную анимацию и модульных персонажей (обычно потому, что процесс оказывается слишком монотонным).
Читать полностью »
История одной анимации
2019-09-19 в 9:39, admin, рубрики: canvas, frontendconf, javascript, threejs, WebGL, анимация, анимация скролла, Блог компании Конференции Олега Бунина (Онтико), Программирование, Разработка веб-сайтовОднажды фронтендеру позвонил дизайнер и попросил сделать «паутинку» за запотевшим стеклом. Но потом оказалось, что это не «паутинка», а гексагональная сетка, и не за стеклом, а она уходит вдаль, и с WebGL фронтендер не знаком, а всей анимации пришлось учиться в процессе рисования. Тем фронтендером был Юрий Артюх (akella).
Юрий давно занимается версткой, а по воскресеньям записывает стримы с разбором реальных проектов. Он не профи в WebGL, не делает на нем карты, не пишет на Web-ассемблере, но ему нравится учиться чему-то новому. На FrontendConf РИТ++ Юрий рассказал, как провести одну анимацию от макета до сдачи клиенту так, чтобы все были довольны, и по дороге изучить WebGL. История идет от первого лица и включает в себя: Three.js, GLSL, Canvas 2D, графы и немного математики.
Читать полностью »
Музей русской эмиграции: как мы ставили датчик движения в граммофон и вообще добавляли технологий
2019-08-13 в 7:03, admin, рубрики: анимация, Беспроводные технологии, Блог компании КРОК, звук, интерактив, музей, Программирование, технологии, экран
Недавно в Москве в Доме русского зарубежья им. А. Солженицына открылся Музей русской эмиграции (на Таганской). Если вы были в современных музеях, то знаете, что они всё меньше похожи на витрины антикварных магазинов и всё больше предлагают участвовать в экспозиции зрителям.
После событий 1918 года и последующей волны эмиграции за рубежом начала формироваться параллельная Россия с собственной культурной идентичностью. Многие наши соотечественники уезжали в Китай, Европу, Америку, Австралию, Африку. В общем, распространялись по всему миру.
Жизни эмигрантов «там» и посвящён музей:
- Почему многие были вынуждены покинуть родину. Как на новом месте сохраняли культуру.
- Какой вклад представители русской эмиграции первой, второй и третьей волны внесли в мировые науку, литературу, искусство и многие другие области.
- Что прямо сейчас происходит с русскими, живущими в других странах. В смысле как они там живут.
Ну а мы совместно с партнёрами — участниками проекта сделали очень много экспонатов с начинкой начиная от анкеты чекистов, которую заполняли люди для определения, стоит ли им дальше жить в стране (вы тоже её заполните и узнаете, остались вы или вас отправили ближайшим пароходом), и заканчивая множеством экранов, где можно послушать интервью с современными эмигрантами.
Сейчас мы прямо в посте немного прогуляемся по музею, и я покажу особенно интересные детали. Читать полностью »
Luxor
2019-07-15 в 6:07, admin, рубрики: Julia, анимация, векторная графика, визуализация данных, геометрия, графический дизайн, дизайн, матрицы преобразований, Программирование, псевдотрёхмерность, Работа с векторной графикой, яйцо было не только у Колумба
Сегодня мы рассмотрим графический пакет для языка Julia, который называется Luxor. Это один из тех инструментов, которые превращают процесс создания векторных изображений в решение логических задачек с сопутствующей бурей эмоций.
Осторожно! Под катом 8.5 Мб легковесных картинок и гифок изображающих психоделические яйца и четырехмерные объекты, просмотр которых может вызвать лёгкое помутнение рассудка!
Практика использования библиотеки lottie в мобильном приложении банка
2019-07-13 в 14:03, admin, рубрики: android development, lottie, анимация, Блог компании ООО «Хоум Кредит Энд Финанс Банк», Разработка под androidПривет!
В свое время Product Owner попросил подумать нас о создании эффективного процесса по внедрению анимации в наше приложение на android/ios. В то время мы делали задачу по предзаполнению заявки личными данными на кредитный продукт, и на ответ от сервера требовалось некоторое время, во время которого мы хотели показывать красивую анимацию загрузки.
Использование UIViewPropertyAnimator для создание пользовательских анимаций
2019-07-06 в 9:26, admin, рубрики: Animating, apple, iOS, ios development, iOS разработка, swift, анимация, мобильная разработка, разработка под iOSСоздание анимаций это здорово. Они являются важной частью iOS Human Interface Guidelines. Анимации помогают привлечь внимание пользователя к важным вещам или попросту делают приложение не таким скучным.
Существует несколько способов реализовать анимацию в iOS. Вероятно, самым популярным способом является использование UIView.animate(withDuration: animations:). Вы можете анимировать слой изображения с помощью CABasicAnimation. Кроме того, UIKit позволяет настроить кастомную анимацию для отображения контроллера с помощью UIViewControllerTransitioningDelegate.
В этой статье я хочу обсудить еще один захватывающий способ анимирования вьюшек — UIViewPropertyAnimator. Данный класс предоставляет гораздо больше функций управления, чем его предшественник UIView.animate. С его помощью можно создавать временные, интерактивные и прерываемые анимации. Кроме того, имеется возможность быстрой смены аниматора.
Читать полностью »
Принцип Брета Виктора: «Творцам нужна мгновенная связь с тем, что они создают»
2019-06-30 в 11:33, admin, рубрики: usability, алан кей, анимация, бинарный поиск, Брет Виктор, интерфейсы, принцип, Программирование, разработка игр, схемотехникаЭто одно из лучших выступлений, которое я встречал. Хоть про эту презентацию уже писали на Хабре и переводили 6 лет назад, я решил её красиво оформить и ещё раз обратить на неё внимание. Она того стоит.
Брет Виктор: Я просто хочу рассказать вам о том, как прожить свою жизнь.
Это будет разговор о таком образе жизни, о котором большинство людей предпочитают не говорить. Когда вы начинаете свою карьеру, то часто слышите о том, что нужно следовать своим увлечениям, или делать то, что вы любите.
Я собираюсь поговорить с вами о чем-то совсем ином. Я расскажу вам о том, как следовать принципу, как найти для себя принцип, которым вы будете руководствоваться в своей работе, который вы будете считать важным и необходимым и правильным, и использовать его как руководство для всего, чем вы занимаетесь.
Эта презентация разбита на три части.
Вначале, я расскажу о принципе, которым я руководствуюсь в своей работе, и постараюсь показать вам, что из этого выходит. Также, я расскажу вам о некоторых людях, которые жили подобным образом. Об их принципах, о том, во что они верили и верят. Но все это будут только примеры, которые помогут Вам задуматься о том, во что верите Вы, и о том, как Вы хотите прожить свою жизнь.
Читать полностью »