Fonte observada: https://tinyrj.com/#-77,-721,0.4761 . Autor creditado: @xthomasms. Evidências: elementos da interface, comportamento observado e JavaScript inline entregue ao navegador. Não houve acesso ao servidor de produção, ao repositório privado ou aos prompts completos. A análise não concede licença para copiar desenhos, modelos ou código.
A cidade principal é composta em Canvas 2D (`mapCtx`), não uma cidade inteira renderizada em Three.js a cada quadro. Um manifesto descreve as peças desenhadas. A arte usa tiles WebP de 1.024 pixels, com cópias de 512 e 256 pixels e um overview de 64 pixels por tile. O cliente seleciona resolução por tamanho de exibição, limita carregamento à vista e mistura versões para evitar saltos. A transformação principal é translação e escala sobre uma projeção previamente estabelecida.
O código do editor entregue na página menciona referências produzidas por Codex, redesenho dos tiles a partir delas e tratamento de junções, cantos e bordas com feather. Há opções de produzir arte a partir do modelo 3D ou de imagem recente e de acrescentar fotos. Isso indica um fluxo de **render/referência → desenho ilustrado → acabamento das emendas → publicação multirresolução**. A implementação do servidor e o prompt exato não foram inspecionados; esses detalhes não devem ser apresentados como conhecidos.
Os créditos da interface indicam dados de mapa Google. Isso não autoriza extrair seus modelos, texturas ou fotografias para um projeto diferente. Use dados e imagens cujo acesso e uso sejam adequados ao projeto.
A experiência combina camadas: mapa, vida animada, barco, avião e sua sombra, pós-processamento de foco, marcadores e interface. O avião carrega módulos de voo, som e jogo sob demanda; o cliente público referencia Three.js nesse subsistema e alturas do modelo para a sombra. Portanto, a interpretação correta é híbrida: mapa ilustrado 2D e objetos/efeitos adicionais, não apenas um filtro de pixelização aplicado ao Google Maps.
O tilt-shift é independente da arte; o controle público permite ajustar a força até 12 pixels CSS, com 6 no centro do controle. Marcadores e nomes ficam fora do desfoque. A vista observada mostra cores vivas, fachadas ilustradas, árvores e sombras detalhadas; o efeito de miniatura vem da combinação da arte, projeção e foco.
O projeto de Joinville já usa Three.js e precisa manter 3D verdadeiro, porque o usuário pediu volumes, giro e caminhada. Não substituir isso silenciosamente por um mosaico fixo. Aplicar a lógica visual com projeção ortográfica inicial, pós-processamento de foco ajustável, materiais e sombras legíveis e UI compacta. A câmera de interação e a de renderização precisam coincidir na seleção e nos rótulos.
A base existente tem 1.619 contornos OSM, 526 trechos de vias/caminhos e 692 alturas GBA associadas por IoU ≥ 0,55. Os outros 927 contornos não têm altura segura. Preservar esses arquivos e não prometer que a skill criou os dados faltantes. GBA contém estimativas por sensoriamento remoto e tem condições de uso não comercial para os dados de alturas usados. A imagem SIMGeo é de 2022.
Não redesenhar fachadas, árvores ou prédios por geração criativa enquanto o usuário exigir ausência de invenção. A arte ilustrada do Rio não resolve as lacunas de dados de Joinville. Uma evolução arquitetônica fiel exige levantamento próprio ou outra fonte verificável.