Семь концептов презентаций, которые открываются по ссылке: спонсорство, pitch-дек раунда A, запуск продукта, жилая башня, космическая компания, фестиваль и клиника. На каждом слайде живая 3D-камера летит к своему кадру.
Обзор
3D-презентации — набор из семи концептов, которые VITON13 сделала 28 сентября 2026 года под задачи, с которыми к нам приходят чаще всего: продать спонсорский пакет, привлечь раунд, запустить продукт, продать квартиры в новой башне, представить технологическую компанию, привести партнёров на фестиваль и объяснить медицинскую услугу. Все бренды в них вымышлены.
Задачу мы поставили себе сами: презентация должна открываться по ссылке на любом экране и запоминаться как фильм, но при этом оставаться презентацией — со слайдами, стрелками, кликером и PDF для почты.
7
презентаций: спорт, инвестиции, продукт, недвижимость, космос, фестиваль, медицина
Источник: Исходные файлы проекта, 28 сент. 2026
78
слайдов, у каждого своя станция камеры в 3D-сцене
Источник: Исходные файлы проекта, 28 сент. 2026
60 fps
каждый замер, два слайда на колоду, 1600 × 1000, Retina
Источник: Замер 28 сент. 2026, MacBook (Apple M5)
0,25 МБ
JavaScript на колоду в gzip вместе с three.js и GSAP
Источник: Замер 28 сент. 2026, файлы сборки
Подход
Каждая колода — веб-страница: HTML-слайды поверх живой сцены three.js. У каждого слайда своя станция камеры, поэтому переход к следующему слайду — это пролёт: над ночным стадионом, вокруг башни высотой 324 метра, вдоль спирали ДНК, мимо спутника, который раскрывает панели. Сцены собраны целиком кодом, без 3D-моделей и фото: на стадионе около 43 000 кресел и болельщиков, башня на слайде о стройке вырастает этаж за этажом, кольцо разбирается на шесть подписанных деталей, а Земля сгенерирована шейдерами.
Слайды сменяются одним из семи 3D-переходов, подобранных под бренд: спринт со скоростными штрихами для футбольного клуба, куб для инвестиционного pitch-дека, пролёт сквозь слайд для кольца, книжная страница для резиденции, орбита для космической компании, глитч-флип для фестиваля и мягкий подъём для клиники. Цифры считаются, графики растут, 3D-подписи привязаны к частям сцены.
Все семь работают на одном движке: стрелки, пробел, колесо мыши и свайп; клавиша O открывает 3D-обзор всех слайдов, F — полный экран, A — автопоказ, у каждого слайда своя ссылка. На телефоне текст уходит в прокручиваемую панель под сценой. Скрипт превращает каждую колоду в PDF 16:9 для рассылки.
Галерея
Результаты
В наборе 78 слайдов на русском в семи колодах, страница-витрина, семь PDF-версий и семь 3D-переходов. 28 сентября 2026 года мы считали кадры через requestAnimationFrame по три секунды на двух слайдах каждой колоды в Chrome в headless-режиме с ANGLE Metal на MacBook с Apple M5, в окне 1600 × 1000 при Retina-масштабе: все 14 замеров — 60 fps (60,1–60,2).
Каждая колода загружает 235–252 КБ JavaScript в gzip вместе с three.js и GSAP. Вся сборка весит 27 МБ, из них 14 МБ — PDF-версии.
Чего это не доказывает
3D-презентации — концепт, который VITON13 сделала, чтобы показать формат; это не заказной проект. Футбольный клуб, стартап, кольцо, башня, космическая компания, фестиваль и клиника вымышлены, как и их цифры, цены, люди и телефоны; об этом сказано на последнем слайде каждой колоды.
Внутри нет фото и видео — всё нарисовано кодом. Частота кадров измерена на одной машине в headless Chrome и ничего не говорит о старых телефонах и офисных ноутбуках; у кейса нет проверки Lighthouse и SEO, колоды только на русском.
Задумали что-то похожее? Каждое сообщение лично читает наш основатель — Тарасов Виталий.
Следующий проект
SB ExcursionsКлиентский сайт + SEO
Клиент2026
Все работы (32)