
Я попробовал создать утро, день и ночь в Загребе с помощью Codex 🌅🚋🌙 Из города в Blender — на ночную прогулку в Three.js
На этот раз я создал в Blender площадь Елачича в Загребе и снял её в трёх состояниях: утром, днём и ночью 🌅🚋🌙
Сначала важное! Здесь показаны не реальные фотографии, а рендеры созданной 3D-сцены. Это и не полная цифровая копия места. Город пока ещё находится в процессе проработки — я опирался на панорамные фотографии и карты.
Но здорово, как одна и та же улица меняет настроение, стоит лишь поменять свет…! ✨
Утро: немного тихое время, пока город ещё не проснулся 🌅

Для утра я добавил тёплый свет под низким углом, чтобы здания отбрасывали длинные тени. Бронзовый конь и слегка сонные столики кафе. В пустой площади, где ещё никто не сел, есть что-то, что зовёт прогуляться ☕
Это не строгое воспроизведение «Загреба в 6:45 утра именно этого дня», а кадр с освещением, настроенным для утреннего настроения. Для слегка пасмурного неба я также использовал фон, созданный на предыдущем этапе с помощью функции генерации изображений.
День: синие трамваи становятся цветом города 🚋💙

Главные герои дня — характерные для Загреба синие трамваи! Я сделал приближённую модель по мотивам TMK 2200, поставил её и на соседний путь и расположил два вагона навстречу друг другу.
Я проработал не только кузов, но и сочленение, окна, двери, колёса, оборудование на крыше и пантограф — всё как отдельные формы. Правда, это не точная масштабная модель по чертежам настоящего вагона, так что здесь ещё есть куда расти 🔧
Для дня я выбрал мягкий свет пасмурного неба, чтобы синий кузов и каменная городская застройка выглядели естественно. Трамваи не просто парят в «похожем месте» — я разместил их по осевым линиям путей, взятым с карты.
Ночь: больше всего люблю фонари, звёздное небо и отражения на брусчатке 🌙✨

Лично мне больше всего нравится именно ночь! Я соединил тёплый свет фонарей с холодным синим лунным светом, а брусчатке придал слегка влажные отражения. Это художественный приём для создания атмосферы, а не воспроизведение погоды в день съёмки.
Фонари — это не просто наклеенные светящиеся картинки: 3D-модели светильников и источники света, освещающие окружение, заданы отдельно. На карте удалось подтвердить расположение 39 фонарей. Четырнадцати из них, отмеченным как четырёхсветильниковые, я добавил спиральный декор по фотографиям и подвесные шарообразные плафоны.
Звёзды тоже добавлены для атмосферы, это не настоящее расположение созвездий. Но для ощущения ночной прогулки по городу они работают отлично…! 🌌
А сама работа выглядела примерно так 🛠️
Все действия по созданию я выполнял через Codex. Blender управлялся Python через MCP, результат проверялся рендерами и скриншотами, а статья и изображения публиковались через API yasue.org.
- Основа города:я использовал панорамные фотографии как ориентир, импортировал контуры зданий и трамвайные пути из OpenStreetMap, затем превратил окружающие здания в объёмные модели.
- Исправление деталей:переделал шею, морду и ноги коня на конной статуе, руки человека, военную форму и памятную табличку на постаменте. По одним лишь крупным планам я неверно определил направление ног, а затем исправил это, сверившись с фотографией статуи целиком.
- Настройка мест в кафе:когда я однажды «увеличил столы и стулья в 10 раз!», получилось 200 столов и 400 стульев — явно перебор 😂 В итоге я сократил их до 60 столов и 120 стульев, собрав у четырёх заведений.
- Лестницы и фонари:добавил лестницы, которые были на карте, но случайно не попали в моделирование. Фонари тоже переставил: вместо условного размещения через равные интервалы — на позиции с карты.
- Съёмка утра, дня и ночи:я менял положение камеры, цвет и яркость света, отражения и действительно рендерил одну и ту же 3D-сцену. Это не изображение, где город был перерисован ИИ поверх CG.
Мой вывод из этой работы: «добавить больше объектов» и «сделать похоже на реальное место» — не одно и то же. Вместо того чтобы раскидывать множество столиков повсюду, лучше плотно собрать их перед кафе — и город сразу выглядит убедительнее ☕✨
Дальше — прогулка по ночному городу в Three.js 🎮
Я также реализовал просмотрщик на Three.js с фиксированной ночной сценой, использующий эту модель из Blender. Модель преобразована в формат GLB, а данные сжаты для браузера. В неё перенесены здания, мебель кафе, статуя и два трамвая.
Управление: WASD для перемещения, мышь для обзора, Shift для ускорения. Также есть простые столкновения со зданиями и мебелью. Одновременный расчёт большого количества источников света слишком тяжёлый, поэтому приоритет получают ближайшие фонари.
Веб-версия пока готовится как закрытый предварительный просмотр для личного использования. Изображения в этой статье взяты из версии Blender; качество и отражения в версии Three.js не обязательно будут полностью совпадать.
Или откройте здесь
https://ja.yasue.org/embed/2026-09-06/2956db8fb61c85ad/index.html
Есть и незавершённые моменты — о них тоже стоит сказать 📝
Конная статуя пока не достигла фотореализма, при котором её невозможно отличить от настоящей, а в украшениях зданий всё ещё есть повторы и предположения. Количество и расстановка мест в кафе, высота перепадов и форма некоторых фонарей также приблизительны. Карта получена в 2026 году, а справочные фотографии относятся к 2016-му, поэтому между ними есть временной разрыв.
Это скорее не статья, чтобы похвастаться готовым городом, а запись о процессе: создать в Codex, сравнить, исправить и изменить свет. Мне кажется, самое интересное — видеть, как город понемногу обретает своё выражение 🌃
Использованные источники 🔗
- 360Cities: панорамная фотография площади Елачича 2016 года
- Equestrian Statues: общие и крупные фотографии конной статуи Елачича
- Good Free Photos: справочный материал по восточной стороне площади, фонарям и вывескам на крышах
- OpenStreetMap: авторские права и лицензия картографических данных
- Официальная документация Three.js
Картографические данные: © OpenStreetMap contributors, ODbL. Сами справочные фотографии не воспроизводятся. Три опубликованных изображения выведены из созданной для этой работы сцены Blender.



