3D-зум одним HTML: промпт целиком и как сделать из него видео

Вставь в Claude целиком: в чат на claude.ai или в Claude Code. Claude пришлёт HTML-файл.

Сделай один HTML-файл: 3D-анимацию на 42 секунды «Внутрь кадра AI-видео» - документальный зум, как Powers of Ten.

Камера летит непрерывно, без склеек:
телефон с роликом -> один кадр -> пиксели -> сжатая карта, в которой работает видеомодель -> токены -> шум, из которого модель проявляет кадр -> обратно к телефону.

На каждой остановке внизу подпись по-русски: заголовок капсом и строка пояснения. Справа шкала глубины с шестью уровнями и бегунком. Сверху плашка «Claude Opus 5.5».
Только правдивые факты, без преувеличений.

Кадр нарисуй кодом: закат над горами и озером, домик с горящим окном. На уровне пикселей покажи сетку и цвет одной точки в числах. На уровне карты подними клетки в 3D-столбики. Токены выстрой в ряд, как слова. Шум убирай по шагам со счётчиком.

Three.js, всё в одном файле, без внешних картинок. Кадр 1080 на 1260. Добавь функцию window.renderAt(t), чтобы видео можно было записать покадрово.

1. Сохрани файл с расширением .html на компьютер.
2. Открой его двойным кликом: анимация запустится в браузере сама. Нужен интернет - библиотека 3D грузится из сети.
3. Сделай окно браузера примерно квадратным, как в ролике: кадр рассчитан на 1080 на 1260.

1. Mac: Cmd+Shift+5, выбери область окна браузера и жми «Записать».
2. Windows: бесплатная программа OBS Studio, источник «Захват окна» на окно браузера.
3. Без рывков, как у нас: попроси Claude Code записать видео покадрово. В промпте уже есть функция renderAt, она рисует любой момент по времени, поэтому запись получается ровной даже на слабом компьютере.

Запиши этот HTML в видео 1080 на 1260, 30 кадров в секунду, 42 секунды. Рисуй кадры через window.renderAt(t) в безэкранном Chrome и склей их ffmpeg-ом в mp4.

1. Про свой продукт. Замени в промпте путь камеры на свой: «телефон с нашим приложением -> экран заказа -> кнопка оплаты -> что происходит на сервере -> уведомление клиенту». Остальное оставь как есть.
2. Про свою услугу. Например для стоматологии: «улыбка -> зуб -> эмаль -> как работает отбеливание -> снова улыбка». Попроси Claude проверить, что все факты на подписях верные.
3. Про путь клиента. «реклама в ленте -> сайт -> заявка -> звонок менеджера -> договор». Камера летит от одного шага к другому, на каждой остановке цифра конверсии.