Isopolis, изометрическая пиксельная карта Сан-Франциско на нейросетях
На Hacker News вышел пост Show HN про Isopolis (sf.isopolis.city), интерактивную изометрическую пиксель-арт карту Сан-Франциско в духе SimCity 2000. Пост набрал 114 баллов и 32 комментария.
Геометрическая основа карты, фотореалистичные 3D-тайлы Google, которые стримятся и рендерятся на клиенте через библиотеку Three.js. Пиксель-арт стиль поверх этой геометрии сгенерирован моделью Google Nano Banana в эстетике, близкой к студии Ghibli: автор сгенерировал набор изображений для обучения и вручную отобрал те, что держат единый визуальный стиль. Часть вспомогательных инструментов разработки, в частности, для отбора и утверждения обучающих изображений, написана с помощью ИИ-ассистента кода Claude Code.
Карта передаёт узнаваемую географию города: небоскрёбы Финансового квартала, холмы на юго-востоке, мост Золотые Ворота, Бэй-Бридж, береговую линию, пирсы, парки и пригородную сетку улиц. Районы на карте кликабельны, есть звуковые эффекты, например, звук пролетающего над городом самолёта с баннером. По просьбам пользователей автор добавил дополнительный уровень приближения.
В комментариях к посту читатели указали на артефакты, характерные для ИИ-генерации, прежде всего лишнюю воду там, где её на самом деле нет. Автор объяснил проблему неравномерным распределением обучающих данных и несовершенным алгоритмом определения воды и сообщил, что планирует исправить это в будущих версиях.
Ключевые факты
- Isopolis, изометрическая пиксель-арт карта Сан-Франциско в стиле SimCity 2000, доступна на sf.isopolis.city; пост Show HN набрал 114 баллов и 32 комментария.
- Геометрия города берётся из фотореалистичных 3D-тайлов Google, которые стримятся и рендерятся через Three.js.
- Пиксель-арт стиль сгенерирован моделью Google Nano Banana в эстетике Ghibli; обучающие изображения вручную отобраны для единообразия стиля.
- Часть инструментов разработки, для отбора и утверждения обучающих изображений, написана с помощью ИИ-ассистента кода Claude Code.
- Карта показывает знаковые места города (Финансовый квартал, юго-восточные холмы, мост Золотые Ворота, Бэй-Бридж, побережье, парки), кликабельные районы и звуковые эффекты; автор признал артефакты ИИ-генерации, в частности, лишнюю воду, и планирует их исправить.
Почему это важно
Isopolis, наглядный пример того, как связка фотореалистичных геоданных, модели генерации изображений и ИИ-ассистента кода позволяет одному разработчику собрать нишевый творческий веб-проект с узнаваемым художественным стилем без большой команды.
Кому это важно
Разработчикам визуализаций и генеративного искусства, которым интересен практический пайплайн «3D-данные → стилизация моделью генерации изображений → рендер в браузере»; всем, кто использует ИИ-ассистентов кода вроде Claude Code для вспомогательных инструментов разработки; жителям и поклонникам Сан-Франциско.
Как это применить
Пайплайн Isopolis можно взять как шаблон для похожих проектов: взять фотореалистичные 3D-тайлы города или объекта как геометрическую основу, сгенерировать моделью изображений (в этом случае, Nano Banana) обучающие пиксель-арт кадры в едином стиле и отобрать лучшие вручную, а для вспомогательных инструментов разработки, отбора и утверждения изображений, привлечь ИИ-ассистента кода. О цене или лицензии на исходный код в источнике не сообщается, карта доступна для просмотра бесплатно.
Можно ли доверять
Источник, тред Show HN, в котором создатель проекта сам отвечал на вопросы аудитории о технологиях и данных. Пост набрал 114 баллов и 32 комментария, заметный, но не экспертный уровень проверки; независимого подтверждения деталей пайплайна за пределами обсуждения на Hacker News нет.
Риски и подводные камни
Комментаторы обнаружили артефакты, характерные для ИИ-генерации, прежде всего лишнюю воду там, где её быть не должно. Автор связал это с неравномерным распределением обучающих данных и несовершенным алгоритмом определения воды и обещал доработать эти места в будущих версиях.