Горит срок 2дня.Верстка + управляемая анимации на HTML5 canvas (ES6)
3608 UAHНа canvas транслируется видео поток с камеры. Необходимо:
1. Сверстать внешний вид представления, согласно изображению "main view.jpg" (вывод камеры сделать серым, в центре овал, вокруг которого затемненное пространство до краев), все надписи, присутствующие на изображении и кнопка в 2х состояниях – active / disabled
2. Вокруг овала есть рамка, в нескольких цветовых вариантах, согласно изображению "states-and-tips.jpg". Над кнопкой есть блок подсказок, в который могут погружаться 1-10 строк текста с подсказками. Блок растет вверх. Цвет блока подсказок может быть серым полупрозрачным или зеленым, как на картинке.
3. Рамка вокруг овала может принимать вид таймлайна, с заданным временем заполнения и несколькими режимами внешнего вида – первый изображен на рисунке timeline_error.jpg, второй режим (timelines.jpg) – это плавное заполнение с изменением цвета по мере заполнения. Время заполнения и все цвета бэкграундов и самих линий задаются константами.
4. Центральный овал нужно представить как объемный стеклянный цилиндр заданного радиуса (переменная), по которому должны перемещаться две линии, координаты перекрестия которых задаются скриптом. Нужно геометрически правильно, с использованием кривых Безье отрисовать эти линии при любой координате пересечения. При изменении координаты пересечения линий они должны плавно с заданной скоростью (переменная) переместиться в новую точку.
Вся анимация должна быть максимально легковесной с применением RequestAnimationFrame. Детали в личке.
Приложения 4
Отзыв заказчика о сотрудничестве с Андреем Чвилем
Горит срок 2дня.Верстка + управляемая анимации на HTML5 canvas (ES6)Работаю с Андреем уже пол года ,никогда проблем нет ))
Отзыв фрилансера о сотрудничестве с заказчиком
Горит срок 2дня.Верстка + управляемая анимации на HTML5 canvas (ES6)Приятно работать с Андреем, рекомендую!
Актуальные фриланс-проекты в категории HTML и CSS верстка
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 5 часов 58 минут назад ∙ 19 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 1 день 6 часов назад ∙ 43 ставки |
Sandra Ice Cream - Kaleidoscop
4132 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 1 день 7 часов назад ∙ 6 ставок |
Верстка блоков WordPressДобрый день. Надо сделать редизайн, а конкретно верстку блоков как на макете, структура не сильно отличается от того что сделано сейчас кроме хеддера и hero блока. Надо сделать редизайн как мобильной так и десктоп версии. Сайт на ворд прессе, autoperformance.pl Дизайн в фигме. HTML и CSS верстка, Сопровождение сайтов ∙ 1 день 13 часов назад ∙ 67 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 1 день 14 часов назад ∙ 26 ставок |