№91

23 октября 2026

дизайн · инструменты · контент

Как сделать 3D-ролик из обычных фото предмета через Claude Code

Из плоских фото предметов получается 3D-сцена с анимацией камеры для ролика.

2 мин чтения · Claude Pro от $20/мес · вечер-два

Где подвох
Дополнение восстанавливает один предмет по одному фото, сцену из нескольких предметов Claude собирает отдельным кодом. Каждый цикл сверки модели с фото расходует токены сверх обычного чата.

Как повторить

  1. Подготовьте по одному чёткому фото на каждый предмет. Для сцены «флакон духов на камнях» нужны два отдельных снимка, общая картинка не подойдёт.
  2. Проверьте, что на компьютере есть Node.js 18+ и Git - без них установщик не запустится. Установите skill (дополнение для Claude Code) командой npx --yes img2threejs@latest install --host claude. Вручную: git clone https://github.com/img2threejs/img2threejs.git ~/.claude/skills/img2threejs. Проверить установку можно командой npx --yes img2threejs@latest doctor. После установки откройте новую сессию Claude Code или перезапустите текущую.
  3. Для каждого фото вызовите в Claude Code: /img2threejs Rebuild the object in ./reference.png as a procedural Three.js model. Skill вернёт код на TypeScript: функцию, которая создаёт предмет как THREE.Group, то есть набор деталей одного объекта.
  4. Попросите Claude поставить готовые модели в одну Three.js-сцену, добавить свет и камеру.
  5. Опишите словами движение камеры: облёт, наезд, парение. Claude пропишет анимацию по ключевым точкам траектории.
  6. Запишите сцену в видео скринкастом браузера или покадровым рендером в видеофайл.

Как проверить результат

В браузере открывается интерактивная 3D-сцена, где предмет по форме и текстуре узнаваемо похож на фото. Камера движется плавно, текстуры не проваливаются, геометрия не торчит сквозь саму себя. Если получилась плоская картинка или статичный рендер без анимации, явно попросите Three.js и сверку со снимком-образцом на каждом шаге.

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

Three.js отвечает за 3D в браузере, а Claude пишет на нём программу, которая строит форму предмета и натягивает на неё текстуру. Skill рендерит модель, сравнивает снимок с вашим фото и правит форму и материалы, пока они не совпадут. Поэтому готовую сцену можно дорабатывать как обычный код: просить Claude поправить форму, свет или траекторию камеры.

Ссылки

  • img2threejs: открытый skill для Claude Code, Codex и OpenCode, код и инструкция по установке. Бесплатно, лицензия Apache 2.0, 18,4 тыс. звёзд на GitHub.
  • Демо-галерея img2threejs: примеры моделей, собранных по фото. Бесплатно, без регистрации.
  • Claude: подписка и доступ к Claude. Pro от $20 в месяц или оплата по токенам через API.

Источник: Егор Кузьмин | Нейросети, Instagram (@egorkuzminxr).

Больше подобного

Разбираю по находке в день и складываю сюда. Свежее и то, что до сайта не доехало, выходит в канале «Евдокимов как обычно».