Анимация графики в Web приложении

Здравствуйте!

Готов взяться за ваш проект, однако мне необходимо проанализировать код, который у вас уже есть (верстку), подробнее обсудить как именно вы видите отверстия от пуль, возможно ее полета и так далее

Если делать через svg очень важна степень его подготовки(Дробление частей тела и т.д)
Однако, если у вас имеются в распоряжении прорисованные кадры персонажей - буду использовать canvas

Ответы на вопросы:
1. В случае с svg подготовить svg. В случае с canvas - можно сразу спрайтами
… 2. Если работать буду с svg анимацией, то скорее всего не используя библиотеки по типу snap, vivus и т.д. Ванильный js, либо jq + css animation
Если работать с canvas то js, либо jq в зависимости от пожеланий

Еще нужно будет подумать насчет персонажа и выстрелов. Возможно, даже при работе с canvas, анимацию пробития(появление отверстия) лучше реализовать через svg

Насчет вращения спина, это также входит в тз? Или данная функция реализована? Это очень важный аспект, т.к. если уже реализовано, тогда придется интегрироваться в готовый код. Если же нет, тогда нужно разбираться, предусматривает ли верстка возможность корректного вращения и прочее.
В общем все данные моменты лучше обсудить в личной переписке. Поэтому окончательную цену лучше сформировать там же.

Я только зашел на эту биржу и не успел заполнить портфолио, поэтому прикладываю 2 моих кейса, примерно схожих c вашей задачей

1. https://qdo.ee/ - здесь я работал с svg анимацией (Есть небольшой недочет, а именно svg подключал через embed, но по итогу выяснилось, что не все браузеры корректно с ним работают, поэтому, если анимации на главном экране не появились - перезагрузите страницу. (не пофикшено, потому что заказчик сказал, что не нужно фиксит:) ))
2. https://tayaamber.co.uk/external/book/index.html - онлайн книга с 3Д переворотами страниц. Здесь немного другой подход, однако работа с css 3D animation (Важно: плохая поддержка ie, старых версий safari и старых версий мобильных браузеров (все из-за 3d) )

Немного о моем технологическом стеке:
HTML/Pug, CSS/SCSS, JavaScript/JQ/three.js/snap.svg
webpack/gulp
git + github

Если я вас заинтересовал - отпишите пожалуйста в личные сообщения и обсудим все подробнее!

Добрый день
Рулетка уже работает? Можно посмотреть как реализована, для оценки объема работ?
Вторая анимация будет в другом месте/страничке?
Дайте больше информации по проекту
Спасибо