Ferramenta de Experiência com o Mapa do Mundo — Atlas Interativo da Grã-Bretanha Mágica
Abra a Ferramenta de Experiência com o Mapa do Mundo: um atlas interativo, executado no navegador, do mundo bruxo de Harry Potter, com 16 marcadores de locais pintados à mão, 16 mapas detalhados gerados, 65 pontos de interesse e uma atmosfera de pergaminho vivo — construído de ponta a ponta no Neta Studio.
Produto Final: Ferramenta de Experiência com o Mapa do Mundo
Capa
A capa 16:9 gerada com GPT Image 2 no estilo clássico de ilustração de fantasia do mundo: um atlas de pergaminho iluminado por velas da Grã-Bretanha Mágica sobre uma escrivaninha antiga, com Hogwarts acima do Lago Negro ao centro, e o Beco Diagonal, Hogsmeade coberto de neve e a Toca torta como vinhetas incrustadas e brilhantes, alfinetes dourados e uma rosa dos ventos ao redor do mapa.
Captura de tela
Aplicativo real, primeira tela: toda a Grã-Bretanha Mágica oculta em um único atlas de pergaminho — um mapa-base de terreno limpo com 16 marcadores de locais pintados à mão, nuvens à deriva e silhuetas de pássaros sobre as ilhas.
Captura de tela
Aplicativo real: clique no marcador de Hogwarts e o mapa voa até as Terras Altas — o cartão abre com o mapa detalhado de Hogwarts gerado, o texto da história do local e cinco pontos de interesse para explorar.
Captura de tela
Aplicativo real: o cartão do Beco Diagonal na Londres oculta — degraus do banco, a porta do fabricante de varinhas, barracas de caldeirões e vitrines de corujas, cada um abrindo sua própria visualização de mapa detalhado explorável.
Ferramenta de Experiência com o Mapa do Mundo é um atlas interativo, executado no navegador, da Grã-Bretanha Mágica oculta do mundo bruxo de Harry Potter. Ele fixa 16 locais pintados à mão em um mapa de pergaminho limpo das Ilhas Britânicas — da Escola de Magia e Bruxaria de Hogwarts acima do Lago Negro e das ruas de telhados nevados de Hogsmeade às lojas tortas do Beco Diagonal, da rocha lavada por tempestades de Azkaban aos portões de ferro da Mansão Malfoy.
Arraste para viajar pelo mapa, aplique zoom para dentro e para fora e clique em qualquer marcador para voar até ele e abrir seu cartão do local: uma arte de mapa detalhado gerada, a história do lugar e seu próprio conjunto de pontos de interesse — o Grande Salão, as estufas e o campo de quadribol em Hogwarts, a porta do fabricante de varinhas no Beco Diagonal, a loja de doces na rua principal de Hogsmeade.
A partir de uma semente de uma linha sobre o mundo bruxo, o Neta Studio gerou o mundo alinhado ao cânone — e depois esta ferramenta de mapa interativo completa, com arte de mapa real, recortes de sprites reais e prompts reais, em minutos.
Experimente o mapa: Abrir a Ferramenta de Experiência com o Mapa do Mundo →
Recursos
- 16 locais pintados à mão, fixados na Grã-Bretanha — Hogwarts, Hogsmeade, Beco Diagonal, Beco do Knockturn, a Toca, o Número Doze de Grimmauld Place, o Vale de Godric, Little Whinging, Little Hangleton, Azkaban, o Ministério da Magia, o Hospital St. Mungus, o Banco Gringotes, a Plataforma Nove e Três Quartos de King's Cross, a Floresta Proibida e a Mansão Malfoy — cada marcador está posicionado sobre uma arte de mapa-base que prioriza a geografia real das Ilhas Britânicas.
- 65 pontos de interesse nos cartões dos locais — Clique em qualquer marcador para abrir seu cartão: uma arte de mapa detalhado dedicada, a história do local e de 3 a 5 pontos de interesse exploráveis em cada um — o Grande Salão, a margem do Lago Negro e o campo de quadribol em Hogwarts; os degraus do banco e as vitrines de corujas no Beco Diagonal; o canto da taverna e a estrada da estação em Hogsmeade.
- Arraste, aplique zoom e sobrevoe — Percorra o atlas de pergaminho com o cursor, aplique zoom com os controles de +/− e clique em um marcador para voar direto até o local; o botão de voltar retorna você à vista completa da Grã-Bretanha a qualquer momento.
- Uma atmosfera de pergaminho vivo — O aplicativo começa "levantando o primeiro pincel sobre o pergaminho", nuvens à deriva e bandos de pássaros passam sobre as ilhas, os marcadores brilham ao passar o cursor e cada transição entre o mapa e o cartão do local parece virar a página de um atlas antigo.
- Pipeline de arte real com os assets em primeiro lugar — Cada marcador é uma arte real gerada: um mapa-base de pergaminho limpo, apenas com a geografia; 16 cenas de locais geradas juntas em uma única folha 4×4; cada marcador recortado em um sprite PNG transparente; e um mapa detalhado separado gerado para cada local.
- Funciona em qualquer navegador, publicado com um clique — Uma única página estática, publicada em um link estável e compartilhada instantaneamente — sem download, sem instalação. Abra no computador ou no celular e comece a vagar pela Grã-Bretanha oculta.
Interface
UI
O cartão de Hogsmeade: um mapa detalhado de uma encruzilhada de vila coberta de neve — rua principal, loja de doces, canto da taverna e estrada da estação abrem como detalhes exploráveis, com o Expresso de Hogwarts vermelho esperando na plataforma.
UI
O cartão de Azkaban: a prisão marítima sobre sua rocha no Mar do Norte — rochedos externos, torre das celas, muro do porto e torre de vigia como pontos de interesse no mapa detalhado iluminado pela tempestade.
UI
Os pontos de interesse são tocáveis: selecione a loja de doces no mapa de Hogsmeade e o painel de informações do cartão se acende — "Janelas brilhantes e doces impossíveis" — enquanto o marcador amarelo permanece fixo na loja.
Sprite
Arte real de marcador da ferramenta: o Castelo de Hogwarts acima de sua costa rochosa, recortado em um sprite PNG transparente — pronto para qualquer layout, banner ou remix.
Sprite
Arte real de marcador da ferramenta: a viela torta e iluminada por lanternas do Beco Diagonal, isolada sobre um fundo transparente como sprite de produção.
Sprite
Arte real de marcador da ferramenta: Azkaban, a fortaleza-prisão marítima recortada e irregular, pronta como sprite transparente para ser solta em qualquer mapa.
Detalhamento do processo de produção
Etapa 1: Construção do Mundoclaude-opus-5
A partir de uma semente de uma linha sobre o mundo bruxo de Harry Potter, o Neta Studio constrói o mundo alinhado ao cânone: sua visão geral e seu conflito, seu estilo visual — ilustração clássica de fantasia, arte vintage de livro de histórias, atmosfera mística e antiga — e 45 cartas de átomo: 10 personagens, 10 locais, 11 eventos, 5 facções e 9 regras e conceitos que alimentam cada briefing de local abaixo.
A partir de uma semente de uma linha sobre o mundo bruxo de Harry Potter, o Neta Studio constrói o mundo alinhado ao cânone: sua visão geral e seu conflito, seu estilo visual — ilustração clássica de fantasia, arte vintage de livro de histórias, atmosfera mística e antiga — e 45 cartas de átomo: 10 personagens, 10 locais, 11 eventos, 5 facções e 9 regras e conceitos que alimentam cada briefing de local abaixo.
Etapa 2: Arte do Mapa e Assetsgpt-image-2
O mapa é produzido com os assets em primeiro lugar, como arte de produção em camadas: um mapa-base de pergaminho limpo, apenas com a geografia da Grã-Bretanha (sem rótulos, sem marcadores, sem UI), uma folha 4×4 com as 16 cenas de marcadores de locais geradas em uma única passada, cada marcador recortado em um sprite PNG transparente e 16 painéis de mapa detalhado gerados para cada local, com composição pronta para pontos de interesse.
O mapa é produzido com os assets em primeiro lugar, como arte de produção em camadas: um mapa-base de pergaminho limpo, apenas com a geografia da Grã-Bretanha (sem rótulos, sem marcadores, sem UI), uma folha 4×4 com as 16 cenas de marcadores de locais geradas em uma única passada, cada marcador recortado em um sprite PNG transparente e 16 painéis de mapa detalhado gerados para cada local, com composição pronta para pontos de interesse.
Etapa 3: Criação e Publicação do Appneta-studio
A ferramenta interativa é montada a partir de um único arquivo de dados dos locais — marcadores posicionados sobre o mapa-base, arrastar e zoom conectados, cada cartão de local vinculado ao seu mapa detalhado e aos seus pontos de interesse — e então empacotada como uma página web estática, publicada em um link estável, verificada por QA em um navegador real e compartilhada instantaneamente.
A ferramenta interativa é montada a partir de um único arquivo de dados dos locais — marcadores posicionados sobre o mapa-base, arrastar e zoom conectados, cada cartão de local vinculado ao seu mapa detalhado e aos seus pontos de interesse — e então empacotada como uma página web estática, publicada em um link estável, verificada por QA em um navegador real e compartilhada instantaneamente.
Prompts dos assets
Prompts de geração reais
Prompt do Mapa-Base Limpogpt-image-2
"Mapa-base de atlas de pergaminho de fantasia, limpo e ilustrado, da Grã-Bretanha Mágica oculta para uma página de exploração do mundo bruxo de Harry Potter. Use a referência de layout enviada apenas para a macrogeografia: Grã-Bretanha, Irlanda, mares ao redor, ilha-prisão distante, terras altas, florestas, planícies, rios, contornos costeiros. Use a referência de estilo apenas para a apresentação vintage de atlas de pergaminho de livro de histórias, contornos costeiros em tinta sépia, papel envelhecido e macio, ilustração elegante de terreno. MAPA-BASE LIMPO ESTRITO: apenas terreno e geografia; sem símbolos de cidades, sem castelos, sem torres, sem ruínas, sem ícones de assentamentos, sem pontos, sem alfinetes, sem rótulos, sem texto, sem estradas, sem linhas de rota, sem anéis dourados, sem círculos destacados, sem UI, sem marcações de locais. Tela de terreno vazia, pronta para receber recortes de sobreposição separados. Objeto de mapa amplo em 16:9, não um pôster, não uma cena."
"Mapa-base de atlas de pergaminho de fantasia, limpo e ilustrado, da Grã-Bretanha Mágica oculta para uma página de exploração do mundo bruxo de Harry Potter. Use a referência de layout enviada apenas para a macrogeografia: Grã-Bretanha, Irlanda, mares ao redor, ilha-prisão distante, terras altas, florestas, planícies, rios, contornos costeiros. Use a referência de estilo apenas para a apresentação vintage de atlas de pergaminho de livro de histórias, contornos costeiros em tinta sépia, papel envelhecido e macio, ilustração elegante de terreno. MAPA-BASE LIMPO ESTRITO: apenas terreno e geografia; sem símbolos de cidades, sem castelos, sem torres, sem ruínas, sem ícones de assentamentos, sem pontos, sem alfinetes, sem rótulos, sem texto, sem estradas, sem linhas de rota, sem anéis dourados, sem círculos destacados, sem UI, sem marcações de locais. Tela de terreno vazia, pronta para receber recortes de sobreposição separados. Objeto de mapa amplo em 16:9, não um pôster, não uma cena."
Prompt da Folha 4×4 de Marcadores de Locaisgpt-image-2
"Folha de assets de produção 4x4 determinística para um atlas interativo do Mundo Bruxo de Harry Potter. Use a referência de grade tênue como exatamente 4 colunas x 4 linhas. Fundo branco ou quase branco em cada célula. Cada célula contém UM marco de cena de marcador estilizado e isolado, centralizado, sem moldura circular, sem medalhão, sem emblema, sem borda, sem rótulo, sem texto, sem marca d'água. Ilustração consistente de fantasia vintage de livro de histórias, tinta de pergaminho, silhueta legível, adequada para recorte e sobreposição em um mapa. Ordem linha por linha: 1 silhueta do castelo de Hogwarts em uma colina rochosa escocesa; 2 Beco Diagonal, rua comercial mágica e torta; 3 Beco do Knockturn, fachada de loja escura, estreita e torta; 4 Hogsmeade, vila mágica coberta de neve; 5 a Toca, casa familiar acolhedora e inclinada; 6 Número Doze de Grimmauld Place, sobrado londrino negro; 7 Vale de Godric, casa com cemitério de igreja; 8 Little Whinging, casa suburbana impecável; 9 Little Hangleton, mansão em ruínas e cemitério; 10 Azkaban, torre da prisão marítima recortada; 11 Ministério da Magia, átrio subterrâneo com azulejos verdes; 12 St. Mungus, fachada de hospital mágico; 13 Gringotes, banco bruxo branco; 14 King's Cross, arco da Plataforma Nove e Três Quartos com trem a vapor; 15 Floresta Proibida, árvores antigas e escuras; 16 Mansão Malfoy, mansão aristocrática com portões de ferro. Sujeito isolado com fundo branco pronto para transparência, cada marco ocupa de 55 a 75 por cento de sua célula, espaçamento seguro, família de estilos coerente."
"Folha de assets de produção 4x4 determinística para um atlas interativo do Mundo Bruxo de Harry Potter. Use a referência de grade tênue como exatamente 4 colunas x 4 linhas. Fundo branco ou quase branco em cada célula. Cada célula contém UM marco de cena de marcador estilizado e isolado, centralizado, sem moldura circular, sem medalhão, sem emblema, sem borda, sem rótulo, sem texto, sem marca d'água. Ilustração consistente de fantasia vintage de livro de histórias, tinta de pergaminho, silhueta legível, adequada para recorte e sobreposição em um mapa. Ordem linha por linha: 1 silhueta do castelo de Hogwarts em uma colina rochosa escocesa; 2 Beco Diagonal, rua comercial mágica e torta; 3 Beco do Knockturn, fachada de loja escura, estreita e torta; 4 Hogsmeade, vila mágica coberta de neve; 5 a Toca, casa familiar acolhedora e inclinada; 6 Número Doze de Grimmauld Place, sobrado londrino negro; 7 Vale de Godric, casa com cemitério de igreja; 8 Little Whinging, casa suburbana impecável; 9 Little Hangleton, mansão em ruínas e cemitério; 10 Azkaban, torre da prisão marítima recortada; 11 Ministério da Magia, átrio subterrâneo com azulejos verdes; 12 St. Mungus, fachada de hospital mágico; 13 Gringotes, banco bruxo branco; 14 King's Cross, arco da Plataforma Nove e Três Quartos com trem a vapor; 15 Floresta Proibida, árvores antigas e escuras; 16 Mansão Malfoy, mansão aristocrática com portões de ferro. Sujeito isolado com fundo branco pronto para transparência, cada marco ocupa de 55 a 75 por cento de sua célula, espaçamento seguro, família de estilos coerente."
Prompt do Mapa Detalhado de Hogwartsgpt-image-2
"Mapa detalhado ilustrado de um único local para um atlas interativo do Mundo Bruxo de Harry Potter: Escola de Magia e Bruxaria de Hogwarts. Represente a antiga escola-castelo escocesa sobre falésias e pátios, a margem do lago, as torres, as estufas, o campo de quadribol, o torreão das corujas e a borda da Floresta Proibida. Mapa de local explorável de cima para baixo / oblíquo, aquarela de fantasia vintage de livro de histórias com tinta, compatível com pergaminho, detalhado o suficiente para pontos de interesse clicáveis, composição 16:9. Sem rótulos, sem texto legível, sem UI, sem moldura, sem close-ups de pessoas, sem composição de pôster. Este é um asset de mapa detalhado real, não um ícone de marcador."
"Mapa detalhado ilustrado de um único local para um atlas interativo do Mundo Bruxo de Harry Potter: Escola de Magia e Bruxaria de Hogwarts. Represente a antiga escola-castelo escocesa sobre falésias e pátios, a margem do lago, as torres, as estufas, o campo de quadribol, o torreão das corujas e a borda da Floresta Proibida. Mapa de local explorável de cima para baixo / oblíquo, aquarela de fantasia vintage de livro de histórias com tinta, compatível com pergaminho, detalhado o suficiente para pontos de interesse clicáveis, composição 16:9. Sem rótulos, sem texto legível, sem UI, sem moldura, sem close-ups de pessoas, sem composição de pôster. Este é um asset de mapa detalhado real, não um ícone de marcador."
Prompt do Mapa Detalhado do Beco Diagonalgpt-image-2
"Mapa detalhado ilustrado de um único local para um atlas interativo do Mundo Bruxo de Harry Potter: Beco Diagonal. Represente a rua comercial mágica oculta e torta, o banco bruxo branco em uma das extremidades, a loja de varinhas, a loja de caldeirões, o empório de corujas, vielas de paralelepípedos e vitrines de lojas aconchegantes, sem letreiros legíveis. Mapa de local explorável de cima para baixo / oblíquo, aquarela de fantasia vintage de livro de histórias com tinta, compatível com pergaminho, detalhado o suficiente para pontos de interesse clicáveis, composição 16:9. Sem rótulos, sem texto legível, sem UI, sem moldura, sem close-ups de pessoas, sem composição de pôster. Este é um asset de mapa detalhado real, não um ícone de marcador."
"Mapa detalhado ilustrado de um único local para um atlas interativo do Mundo Bruxo de Harry Potter: Beco Diagonal. Represente a rua comercial mágica oculta e torta, o banco bruxo branco em uma das extremidades, a loja de varinhas, a loja de caldeirões, o empório de corujas, vielas de paralelepípedos e vitrines de lojas aconchegantes, sem letreiros legíveis. Mapa de local explorável de cima para baixo / oblíquo, aquarela de fantasia vintage de livro de histórias com tinta, compatível com pergaminho, detalhado o suficiente para pontos de interesse clicáveis, composição 16:9. Sem rótulos, sem texto legível, sem UI, sem moldura, sem close-ups de pessoas, sem composição de pôster. Este é um asset de mapa detalhado real, não um ícone de marcador."
Por que escolher o Neta Studio
Profissional — O sistema em nuvem dá suporte ao fluxo de trabalho completo, da construção do mundo à publicação de aplicativos web interativos, tudo rodando na nuvem, sem configuração local e com acesso estável aos modelos de ponta: Claude Opus 5, GPT Image 2, DeepSeek V3.
Geração com um clique — Skills oficialmente ajustadas conduzem cada etapa: construção do mundo, design do mapa e do atlas, geração de arte, empacotamento do aplicativo e compartilhamento instantâneo da ferramenta finalizada.
Comunidade em primeiro lugar — Os usuários criam mundos ilimitados; todos os mundos públicos podem ser bifurcados, remixados e reimaginados em novos jogos e experiências interativas.
Interior do Studio
‹
›
Studio
Studio
Studio
Comece a Explorar
Esta ferramenta de mapa interativo foi gerada pela IA do Neta Studio a partir de uma única frase. O mundo levou minutos. O mapa levou minutos. Você também pode fazer isso — adapte este mundo ou comece do zero a partir de qualquer propriedade intelectual. Sem necessidade de código, gratuito para começar.
×