Арт проекция на Matter.js

Референс

Вдохновением для проекта послужила интерактивная художественная инсталляция
Disturb Me — The Popcorn Makers

Возможные области применения этого проекта:

• Искусство и развлечения: Художники и компании в сфере развлечений могут использовать интерактивные инсталляции для вовлечения аудитории и создания незабываемых впечатлений.
• Реклама и маркетинг: Компании могут интегрировать технологии распознавания эмоций и психологию цвета в свои кампании, чтобы наладить более глубокую связь с потребителями.
• Дизайн интерьера: Дизайнеры могут исследовать использование интерактивных проекций для преобразования пространства и создания динамичной атмосферы.

Реализация

Этот проект состоит из нескольких частей:

• Админка: координатная сетка с точками/вершинами для будущей отрисовки ground-объектов для Matter.js.
• Fullscreen Capture: Утилита для удобного мониторинга содержимого проектора на основном рабочем мониторе.
• Основная часть: визуальная демонстрация, которая отображает созданные объекты.

Я реализовал подобную проекцию используя браузер, JavaScript, p5.js и Matter.js.

Демо