Интерактивная 3D-модель дома, созданная по плану, с возможностью прогулки и изменения дизайна в браузере

Промпт

Моя семья планирует построить дом, и всё, что у нас было, — это план этажей. Я хотел увидеть, как он будет выглядеть в реальности после постройки: какие цвета, планировка и дизайн подойдут ему лучше всего.

Поэтому я передал план Claude Opus 5.5 и попросил создать 3D-вид дома.

Это одна из самых полезных вещей, которые я создал за последнее время. Теперь мы можем пройтись по дому ещё до того, как будет заложен первый кирпич, а когда захотим попробовать другой цвет или планировку, я просто прошу внести изменения.

На видео: холл, комната и терраса в сумерках — всё на уровне глаз.

Как это работало:

• Я передал ему PDF с планами этажей на 5 страницах и одно референсное изображение фасада дома.
• Он прочитал чертежи и воссоздал каждый этаж: стены, двери, окна и лестницы.
• Если напечатанный размер не совпадал с изображённой стеной, он отмечал это (15 мест), а не молча додумывал.
• Он самостоятельно обставил каждую комнату: более 500 предметов мебели, декора и осветительных приборов.
• Всё работает в веб-браузере с использованием three.js. Никакого Blender и никакого игрового движка. По дому можно ходить как в игре — при дневном или вечернем освещении, причём лампы действительно освещают комнаты.
• Он отнёсся к этому как к настоящему программному проекту: около 37 тысяч строк JavaScript, 185 модульных тестов, 56 браузерных тестов и детерминированный захват видео (если отрендерить один и тот же кадр дважды, пиксели будут идентичными).
• Он даже нашёл собственную ошибку: освещение комнаты менялось в зависимости от того, из какой комнаты вы в неё заходили.
• Он распределил работу между субагентами. От начала до конца всё заняло около двух дней.

Моя часть заключалась в принятии решений: для чего предназначена каждая комната, каким должен быть стиль и какие изменения я хотел внести.

My family is planning to build a house, and all we had was the floor plan. I wanted to see how it would really look once it's built: which colors, layout and design would suit it best.

So I gave the plan to Claude Opus 5.5 and asked it to create a 3D view of the house.

It's one of the most useful things I've created recently. We can now walk through the house before a single brick is laid, and when we want to try a different color or layout, I just ask for the change.

In the video: the hall, room, and the terrace at dusk, all at eye height.

How it worked:

• I gave it the 5-page floor-plan PDF and one reference image for the front of the house.
• It read the drawings and rebuilt every floor: walls, doors, windows and stairs.
• Where a printed size didn't match the drawn wall, it flagged it (15 places) instead of quietly guessing.
• It furnished every room itself: 500+ pieces of furniture, decor and lighting.
• Everything runs in a web browser with three.js. No Blender, no game engine. You can walk through it like a game, in daylight or evening light, and the lamps actually light the rooms.
• It treated it like a real software project: ~37k lines of JavaScript, 185 unit tests, 56 browser tests, and deterministic video capture (render the same frame twice, get identical pixels).
• It even tracked down a bug of its own: a room's lighting changed depending on which room you walked in from.
• It split the work across sub-agents. Start to finish took about two days.

My part was the decisions: what each room is for, the style, and the changes I wanted.

• Нужно своё фото: прикрепите изображение к запросу — промпт работает с ним.