¿Qué es pixis?
pixis es la ciudad de Neuquén reimaginada en pixel art isométrico: cada cuadra se generó por separado y después se ensamblaron todas en un solo mapa que podés recorrer desde el navegador — o sobrevolar en un pequeño simulador de vuelo.
Qué hay en cada pestaña
- Avión. Un simulador de vuelo arcade sobre el mapa: aparecés volando sobre el Monumento a la Bandera y manejás con el teclado (flechas para girar y subir/bajar, W/S para la velocidad). La cámara isométrica se acerca cuando bajás y se aleja cuando subís; si tocás el suelo, te estrellás y reaparecés en la Bandera.
- Mapa. El mapa isométrico completo, con pan y zoom. Tocá cualquier tile para ver el antes y el después: el render 3D y su versión en pixel art, lado a lado o con un deslizador. Los monumentos de la ciudad están marcados sobre el mapa.
- Info. Esta página: qué es el proyecto y cómo está hecho.
De dónde salió la idea
El proyecto está inspirado en Isometric NYC, un mapa pixel-art de Nueva York entera hecho con modelos generativos. La pregunta era simple: ¿se puede hacer lo mismo con nuestra ciudad, que no tiene cobertura 3D de Google? La respuesta es pixis.
Cómo se construye, tile por tile
La ciudad se divide en una grilla de tiles de 512 metros. Para cada tile:
- Render isométrico ("Vista 3D"). Se toma la imagen satelital de la zona y se la combina con las huellas de los edificios (OpenStreetMap + Google Open Buildings), extruidas en 3D y vistas con una cámara ortográfica en ángulo isométrico.
- Transformación a pixel art. Ese render se le pasa a un modelo de imagen de IA (de la familia Nano Banana / Gemini), que lo reinterpreta con un estilo pixel-art consistente.
- Ensamblado. Todos los tiles terminados se cosen en un único mapa continuo, respetando la proyección isométrica.
En el mapa podés tocar cualquier tile para ver el antes y el después: el render 3D y su versión en pixel art, lado a lado o con un deslizador.
Tecnología
El sitio es 100% estático y se sirve desde un CDN. El mapa se dibuja en
un <canvas> con una proyección isométrica propia
(sin librerías de mapas). El simulador de vuelo usa three.js: una
cámara ortográfica calibrada a esa misma proyección compone los tiles
ya pintados, con los aviones como únicos objetos 3D reales. Imágenes
satelitales: Esri World Imagery. Edificios: OpenStreetMap y Google
Open Buildings. Pixel art: modelos de imagen generativa. Tráfico aéreo
en vivo: adsb.fi.
Sin registro. Sin suscripciones. Abrís la web y empezás a explorar.
Quién lo desarrolló
pixis es un proyecto de Nicolás Meléndez — @nfmelendez en Twitter/X.