Анимированый персонаж на мобильном приложении?

Question

[Кирилл Горелов]

Есть задачка реализовать подобного персонажа

spoiler

Задача такая, что когда будет приходить ответ от сервера на запросы пользователя, персонаж должен произносить текст. Тут проблем нету.
Проблема в том, что персонаж должен двигаться, разводить руками, шевелить губами к примеру.
Так же персонаж должен менять цвет одежды, саму одежду. Аватар в общем.

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

Comments

[AlexVWill]

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

[Василий Банников]

Тут как-то больше пахнет около-геймдевом. Если при помощи веб-технологий делать, то WebGL.
Если всё-таки ближе к геймдеву, то я бы смотрел на Unity.

[Кирилл Горелов]

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

[Василий Банников]

Кирилл Горелов, ну это в любом случае в 3d делается.
Если приложение нативное, то при помощи нативщины.
На iOS - SceneKit
На Android - SceneView
Вроде есть ещё что-то кроссплатформенное, но тут надо смотреть на конкретный язык.

Если веб - при помощи WebGL и какого-нибудь tree.js

[Кирилл Горелов]

Василий Банников, ну то есть лучше делать без веб?
А если делать не 3Д, а 2Д?

И где лучше такое в принципе сделать в самом приложении или через iframe подтягивать?

[Василий Банников]

Кирилл Горелов, мне кажется, что лучше в самом приложении.

А если 2d, то надо смотреть.

Вы в курсе что из себя iframe представляет?

ну то есть лучше делать без веб?

Что такое "лучше" в вашем случае?

[Кирилл Горелов]

Василий Банников,

А если 2d, то надо смотреть.

а на что стоит смотреть?

Вы в курсе что из себя iframe представляет?

Вкурсе.

Что такое "лучше" в вашем случае?

Без бэкенд части на отдельном сервере, как раз все на мобилке и делать. Вы мне на этом и ответили, собственно говоря...

Answer 1

[Denny]

Можно попробовать через lottie сделать.
https://lottiefiles.com/

Я вижу это так:
Создаёте персонажа в векторе, делаете его анимацию в After Effects, сохраняете в lottie формате.
На выходе имеем json файл. Делаем так для каждого варианта/поведения персонажа и сравниваем изменения в json. Записываем их куда-нибудь.
Ну и потом собираем из этих кусков нужную анимацию при её вызове.