Анимация графики в Web приложении
1500 UAHПривет профи веб-анимации 👋
У меня есть две текущие задачи по анимации наших веб-приложений.
Первый - анимировать снайпера на вращающемся колесе (скриншот прилагается).
Пояснение к анимации №1:
Снайпер сидит слева внутри колеса рулетки. При вращении колеса снайпер стреляет в каждый сектор по центру и оставляет дырки от пуль в секторах. Снайпер прекращает стрельбу, когда колесо перестает вращаться на выигрышном секторе. Выигрышное поле остается без дырок.
Пояснение к анимации №2:
Нам нужно создать почти такую же анимацию, как на https://cs.fail/ на странице краша. Запускается таймер и парень начинает бежать. Как только таймер идет быстрее, парень бежит быстрее. Когда игра крашиться, парень падает.
ВОПРОСЫ:
1. Как подготовить графику? (SVG, PNG и т. Д.)
2. Какую анимацию вы будете использовать? (Лотти, Canvas, SVG, Gsap)
Жду цены и сроки 🙂
Приложения 1
Отзыв заказчика о сотрудничестве с Денисом Кравчуном
Анимация графики в Web приложенииДенис - это в первую очередь талантливый человек.
Он мыслит систематизированно и структурировано.
Относиться к своей работе ответственно и с любовью.
Одназначно продолжим сотрудничество.
Отзыв фрилансера о сотрудничестве с Владимиром Л.
Анимация графики в Web приложенииВладимир прекрасный заказчик! Приятный в общении, отвечает быстро, тз формулирует грамотно! Буду рад дальнейшему сотрудничеству!
-
2271 25 0 Здравствуйте!
Готов взяться за ваш проект, однако мне необходимо проанализировать код, который у вас уже есть (верстку), подробнее обсудить как именно вы видите отверстия от пуль, возможно ее полета и так далее
Если делать через 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
Если я вас заинтересовал - отпишите пожалуйста в личные сообщения и обсудим все подробнее!
-
585 34 4 1 Добрый день
Рулетка уже работает? Можно посмотреть как реализована, для оценки объема работ?
Вторая анимация будет в другом месте/страничке?
Дайте больше информации по проекту
Спасибо
-
По первому пункту - анимация колеса безконечна?снайпер стреляет всегда в 1 точку (относительно окна браузера)?
-
Актуальные фриланс-проекты в категории Веб-программирование
Создание сайта для бухгалтерской фирмы на WordPress (на готовом шаблоне)
25 000 UAH
Добрый день. Мы бухгалтерская фирма - хотим создать сайт для бухгалтерской фирмы на WordPress (на готовом шаблоне) на двух языках. Он будет оптимизирован под поиск Google и SEO. Веб-программирование ∙ 2 часа 29 минут назад ∙ 59 ставок |
Доработка системы учёта рабочего времени на ASP.NETНужен .NET-разработчик для небольшого проекта — системы подсчёта зарплаты сотрудников. Три задачи: Развернуть систему на нашем поддомене (домен и доступы дадим). Аудит формы логина + доработка по безопасности при необходимости. Реализовать закрытое API для выгрузки данных в… Веб-программирование ∙ 2 часа 43 минуты назад ∙ 20 ставок |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 485 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 5 часов 55 секунд назад ∙ 105 ставок |
Ищем фронтенд разработчика для учебной платформыFrontend-разработчик https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Привет! Ищем frontend-разработчика для работы над современной музыкальной платформой Muse. Проект уже имеет готовый дизайн в Figma,… HTML и CSS верстка, Веб-программирование ∙ 6 часов 49 минут назад ∙ 74 ставки |
Редизайн и SEO-оптимизация сайта на платформе Prom.uaТехническое задание Сайт: protone.com.uaОсновная цель Необходимо сделать сайт современным, визуально привлекательным, удобным для пользователя и максимально подготовленным к продвижению в поисковых системах и внутри маркетплейса Prom.ua. Основной акцент — улучшение дизайна,… Веб-программирование, Дизайн сайтов ∙ 7 часов 18 минут назад ∙ 19 ставок |