Ннаписать страницу сайта посредством JavaScript

Цена договорная
29 ноября 2020, 01:43 • 1 отклик • 18 просмотров
Необходимо:
1. написать страницу сайта посредством JavaScript, HTML,CSSдля примерки 3D-модели виртуального кольца в реальном времени через вебкамеру.
2. Провести консультацию по работе и сборке проекта. Внести редакцию технического задания.
3. Консультацию по деплою страницы сайта в готовый сайт.

Описание пункта 1:
1.1 На основе решения tensorflow + MediaPipe сделать браузерную интеграцию 3D-motion tracking 21 узловой точки руки как в примере : https://storage.googleapis.com/tfjs-models/demos/handpose/index.html
Backend: Webgl.
1.2. Подключить прорисовку 3D – модели кольца через three.js на любую указываемую узловую точку. Настроить рендер сцены в реальном времени(освещение, + фон – в виде изображения с камеры)
1.3. Добавить скриптовую/ backend часть изменения 3д модели кольца для загрузки(цветной с текстурами)
1.4. Разместить кольцо на проксимальной фаланге пальца(посередине между костяшками).
1.5. Добавить автоматический скейлинг кольца в зависимости от расстояния костяшек на проксимальной фаланге пальцев на изображении().
Варианты:
  • умножение на эмпирическую константу.
  • Через векторное произведение по определяемым точкам
  • Вариант от исполнителя
1.6.Добавление фиксированной ориентации кольца в привычном положении(как в реальной жизни)
1.7. Добавить MaskPass для того, чтобы показывать кольцо на пальце(а не парящее в воздухе)
https://threejs.org/examples/webgl_postprocessing_masking
https://discourse.threejs.org/t/render-a-custom-ma...
1.8. Добавить селектор выбора на каком пальце размещается кольцо.
1.9. Конечные правки в конце проекта(По обсуждению и усмотрению)

2. Провести консультацию по работе и сборке проекта. Внести редакцию технического задания.
3. Консультацию по деплою страницы сайта в готовый сайт.
2-3.1. В конечном варианте должна быть инструкция по деплою странички в качестве popup-окна или отдельной страницы в сайт на tilda, или же сторонний сайт.
2-3.2.Провести совместно и поэтапно интеграцию для запоминания и отдельных вопросов по эксплуатации.
2-3.3. Инструкция по загрузке 3д моделей для скрипта.

Форма, сроки и способы оплаты(этапность),договоренность - из общения с исполнителем