На canvas транслируется видео поток с камеры. Необходимо:

1. Сверстать внешний вид представления, согласно изображению "main view.jpg" (вывод камеры сделать серым, в центре овал, вокруг которого затемненное пространство до краев), все надписи, присутствующие на изображении и кнопка в 2х состояниях – active / disabled

2. Вокруг овала есть рамка, в нескольких цветовых вариантах, согласно изображению "states-and-tips.jpg". Над кнопкой есть блок подсказок, в который могут погружаться 1-10 строк текста с подсказками. Блок растет вверх. Цвет блока подсказок может быть серым полупрозрачным или зеленым, как на картинке.

3. Рамка вокруг овала может принимать вид таймлайна, с заданным временем заполнения и несколькими режимами внешнего вида – первый изображен на рисунке timeline_error.jpg, второй режим (timelines.jpg) – это плавное заполнение с изменением цвета по мере заполнения. Время заполнения и все цвета бэкграундов и самих линий задаются константами.

4. Центральный овал нужно представить как объемный стеклянный цилиндр заданного радиуса (переменная), по которому должны перемещаться две линии, координаты перекрестия которых задаются скриптом. Нужно геометрически правильно, с использованием кривых Безье отрисовать эти линии при любой координате пересечения. При изменении координаты пересечения линий они должны плавно с заданной скоростью (переменная) переместиться в новую точку.

Вся анимация должна быть максимально легковесной с применением RequestAnimationFrame. Детали в личке.

Oferty 2

Andrey Chvil

Oferta, która wygrała

5 1

Zlecenia -
Ocena -
Ranking 430

Budżet: 8500 RUB Termin: 2 dni

Здравствуйте, готов приступить к реализации этой задачи. Нужно будет еще обсудить некоторые моменты и технические нюансы. Обращайтесь.

W liście nie są widoczne oferty ukryte przez zleceniodawcę lub freelancerów z profilem Plus, a także oferty, które naruszają regulamin

Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS

Przeniesienie gotowej strony głównej z Bolt.new na WordPress/Elementor Pro

Programowanie stron internetowych 44 oferty 4 sierpnia

Nie podano
Automatyzacja oparta na Google Sheets do rejestracji na próbne zajęcia (szkoła językowa online)

Javascript & Typescript 59 ofert 4 sierpnia

Nie podano
Wykonanie szablonu strony na WordPress (ACF) zgodnie z istniejącym stylem strony.

Programowanie stron internetowych 98 ofert 4 sierpnia

Nie podano
Zrobić redesign strony na WordPressie

Programowanie stron internetowych 73 oferty 4 sierpnia

Nie podano
Wykonanie szablonu

105 ofert 3 sierpnia

Nie podano

Vladislav Y.
Nielidowo, Rosja

Zleceń 72
Ocena -
Ranking 2 205

Andrey Chvil

Andrey Chvil

Aktualnie brak ofert

Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS

Przeniesienie gotowej strony głównej z Bolt.new na WordPress/Elementor Pro

Automatyzacja oparta na Google Sheets do rejestracji na próbne zajęcia (szkoła językowa online)

Wykonanie szablonu strony na WordPress (ACF) zgodnie z istniejącym stylem strony.

Zrobić redesign strony na WordPressie

Wykonanie szablonu