СВОЙНаш собственный продукт

Ten Reels in Code: десять моушн-роликов, нарисованных и озвученных кодом

Десять вертикальных роликов для Instagram студии, каждый на своём приёме: глобус из частиц, стая, машина, играющая музыку ударами, 3D-медальон, типографический монтаж. Каждый кадр нарисован кодом, каждый звук синтезирован: без стоков, без ИИ-изображений и без лицензионной музыки.

10 Reels · 152 с · только код · 2026

Пять вертикальных кадров рядом: оранжевая типографика, глобус из частиц, золотой медальон, газетная полоса с оранжевой точкой и стая штрихов, сложившаяся в число
роликов
10
общая длительность
152 с
стоков, ИИ-картинок и лицензионной музыки
0
от задачи до десяти готовых роликов
1 день

Видео

From $13.14,1 с, со звуком, вертикальный кадр 720 × 1280. Типографический монтаж в три цвета на 128 BPM: оффер студии за четырнадцать секунд. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «From $13.»

The history of AI in 16 seconds.16 с, со звуком, вертикальный кадр 720 × 1280. Искра летит по таймлайну с 1950 по 2026 год; каждая веха складывается в символ из частиц. Для VITON13 SCHOOL. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «The history of AI in 16 seconds.»

Ten desks. One newsroom.15 с, со звуком, вертикальный кадр 720 × 1280. Глобус из частиц с десятью страновыми редакциями VJOURNAL, дугами между ними и цифрами журнала. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «Ten desks. One newsroom.»

Seven directions. One rhythm.16 с, со звуком, вертикальный кадр 720 × 1280. Машина, где каждая нота мелодии — видимый удар шарика о планку: семь планок, семь направлений студии. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «Seven directions. One rhythm.»

Three programmes. Thirteen skills.14,5 с, со звуком, вертикальный кадр 720 × 1280. Три гравированных 3D-медальона, нарисованных на canvas, с золотой пылью: три программы школы. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «Three programmes. Thirteen skills.»

VJOURNAL, counted.15 с, со звуком, вертикальный кадр 720 × 1280. Стая из десяти тысяч штрихов складывается в цифры журнала: 957, 4, 1 069 и 2. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «VJOURNAL, counted.»

It starts with a dot.15 с, со звуком, вертикальный кадр 720 × 1280. Точка разрастается в семь живых окон интерфейса, камера отъезжает, пока рабочий стол не станет точкой, и ныряет в телефон. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «It starts with a dot.»

Same model. Different result.16 с, со звуком, вертикальный кадр 720 × 1280. Шумное облако промпта проходит четыре ворот метода школы и выходит упорядоченным. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «Same model. Different result.»

Full stop.14 с, со звуком, вертикальный кадр 720 × 1280. На газетной полосе набираются правила редакции; оранжевый шарик приземляется точкой в конце каждого. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «Full stop.»

Seven stages.16 с, со звуком, вертикальный кадр 720 × 1280. Чёрный шарик проходит семь этапов работы студии на бумаге, с рукописными пометками аниматора. Нарисовано кодом, без ИИ-изображений.

Кадр-постер ролика «Seven stages.»

Задача

Сделать серию Reels для Instagram студии, которая выглядит как работа десяти разных моушн-дизайнеров, о трёх наших продуктах: услугах студии, VITON13 SCHOOL и VJOURNAL.

Аккаунт и задача наши; клиент эти ролики не заказывал.

Что мы сделали

Десять вертикальных роликов по 14–16 секунд, у каждого свой облик, саундтрек, обложка и подпись, плюс общий движок, на котором они работают.

Четыре ролика про услуги студии, три про школу и три про журнал; каждая цифра в кадре снята с наших живых сайтов 12 октября 2026 года.

Как это устроено

Референсами стали открытые промпты с prompt-motion.com по тегу «particles»: на каждый мы ответили своей идеей. Каждый ролик — HTML-сцена, где любой кадр вычисляется из времени; общий движок даёт пружины, 3D-камеру, частицы, глубину резкости и типографику, которая попадает в долю.

Музыка и каждый удар, щелчок и свист синтезируются по списку событий самой сцены, поэтому звук не расходится с картинкой. Десять сцен писались параллельно по одному ТЗ, проверялись по кадру на бит и рендерились в Chrome без окна с размытием движения.

Что есть сейчас

Десять готовых роликов, 152 секунды в сумме, сделаны за день и стоят в отложенных по одному в день с 13 октября 2026 года.

Движок остаётся: новый ролик — это файл сцены, файл звука и одна команда.

Чего это не доказывает

Это наши собственные Reels, не клиентская работа, и они только начали выходить: охватов и продаж пока нет.

Звук сведён по измерениям, а не на слух. Промпты-референсы открытые и принадлежат их авторам; мы взяли идеи приёмов, не кадры и не код.

Как проверить портфолио веб-студии

Семь окон интерфейса с направлениями студии вокруг первого окна Design
«It starts with a dot.»: семь живых окон.
Светящиеся шарики скачут между семью планками с названиями направлений
«Seven directions. One rhythm.»: каждая нота — удар.

Услуги, которые показывает кейс

Опишите задачу на странице услуги — письменный объём, срок и цена придут в течение одного рабочего дня.

Обсудить похожий проект

Другие кейсы

Все кейсы
Доска со слайдами каруселей на светло-сером фоне: белые слайды «Delete it.», «5 details that make a website look expensive.», «Can a stranger explain your business in 5 seconds?», «Will AI recommend you?», «3–5 working days» и «What a website really costs in 2026» вперемежку с тёмными «3 → 26 Google clicks a day», «Sites we built.», «Your phone is enough.» и «Your website has 0.05 s».

СВОЙНаш собственный продукт

Карусели для Instagram нашей студии

10 каруселей · 83 слайда · Instagram · 2026

Десять каруселей для Instagram-аккаунта услуг VITON13 Studio: шесть белых уроков о сайтах, три тёмных поста с доказательствами и одна ранняя тёмно-зелёная. Все 83 слайда свёрстаны как HTML-страницы и отрисованы в Chrome без интерфейса, поэтому цена или слово меняются в исходнике, а не в макете. Это наша собственная работа, а не заказ клиента.

Читать кейс
Типографская обложка на чёрном фоне: «8 found. 8 fixed.» над четырьмя находками аудита tarasovvitalii.com, у каждой — уровень риска и лаймовая метка «Fixed».

СВОЙНаш собственный продукт

Аудит безопасности tarasovvitalii.com

Аудит безопасности · свой сайт · 2026

Проверка безопасности изнутри для сайта-портфолио основателя, tarasovvitalii.com: чат, API сообщений, сервер и 15 демо-концептов. Мы нашли восемь проблем, одна из них — внедрение скрипта высокого риска на том домене, где чат хранит сессию входа, исправили все восемь и перепроверили каждое исправление.

Читать кейс
Русская страница VITON13 SCHOOL: белый знак-глобус с буквой V над заголовком VITON13 SCHOOL, логотип VITON13 в шапке

СВОЙНаш собственный продукт

Айдентика брендов VITON13

Айдентика · 5 знаков · 2026

Знаки собственных брендов VITON13 в том виде, в каком они существуют в коде сайта: два рисованных знака-глобуса с буквой V, три словесных знака, набранных шрифтом, и один акцентный цвет — небесно-голубой #5ac8ff на чёрном. В кейс входит и VITON XIII — линия из пяти ароматов.

Читать кейс