Carregando…
A sua IA desenha emblemas por comandos e vê como está ficando; você acompanha ao vivo, quadro a quadro.
Um estúdio pequeno que roda no seu computador. A IA manda comandos — “escudo azul”, “escreve VIP”, “brilho passando” — e a cada passo recebe a imagem de como está ficando, para corrigir até ficar bom.
Quatro passos, todos no seu computador.
Na pasta estudio-emblemas: npm install e npm start. Fica em 127.0.0.1:7777.
Em JSON, aos poucos: forma, desenho, texto, efeito. Cada envio pode ser desfeito.
Toda resposta traz o emblema em texto e grava a imagem com régua de coordenadas.
Transparente, em loop, do tamanho do hotel. Você acompanha tudo ao vivo.
Quando a IA subir o estúdio no seu computador, a prévia aparece aqui sozinha. Também dá para abrir o visor direto em http://127.0.0.1:7777.
cd estudio-emblemasnpm installnpm startSe o navegador perguntar se esta página pode acessar a rede local, permita: é só para falar com o estúdio no seu próprio computador.
Quero que você crie um emblema do Habblet usando o Estúdio de emblemas do PixelBlet. 1. Leia o guia estudio-emblemas/IA.md (ele explica tudo). 2. Suba o estúdio: na pasta estudio-emblemas rode "npm install" (só na 1ª vez) e "npm start" em segundo plano. 3. Mande os comandos aos poucos e olhe o resultado (saida/previa.png ou o desenho em texto) antes de seguir. 4. No fim, salve com o comando "salvar" e me diga onde ficou o arquivo. O emblema: um escudo roxo com uma coroa dourada no meio e o texto VIP embaixo, com contorno escuro.
O guia completo que a IA lê fica em estudio-emblemas/IA.md: como subir, todos os comandos, exemplos e dicas para o emblema ficar bonito.
Depois de cada comando, três jeitos de ver o emblema — e corrigir com precisão.
saida/previa.png — o quadro ampliado, com grade e as coordenadas a cada 5 px, para a IA saber exatamente onde está cada pixel.
Tudo o que a IA pode fazer. A lista oficial, com parâmetros e exemplos, sai do próprio estúdio em GET /api/ajuda.
novotela 40×40 ou forma prontaabrir_emblemapelo código do HabbletimportarPNG ou GIF do discotamanhomuda a teladesenhopixel art escrita em textopixel / pixelsum ou várioslinhareta, com espessuraretangulo / elipseborda ou cheiobaldepinta a áreaapagar / limpardeixa transparentetextofonte de pixel 3×5 e 5×7, com contornomodeloescudo, círculo, estrela, coração, losango, hexágono, placacontorno1 px em volta de tudosombraprojetadasombrearluz e sombra de pixel arttrocar_corem todos os quadrosespelhar / deslocarvira e moverecortar / expandirajusta a telaefeitobrilho, estrelinhas, pulsar, arco-íris, moeda, pular, tremerquadro_novo / quadrocria e escolhe quadrosquadro_mover / quadro_apagarorganizaduracaoms de cada quadrodesfazer / refazerum envio inteiro por vezsalvarGIF + PNG em saida/A IA escreve um arquivo e manda com npm run enviar -- arquivo.json (sem brigar com aspas no terminal).
{ "comandos": [
{ "op": "novo", "modelo": "escudo", "cor": "#3a83d6" },
{ "op": "desenho", "y": 7,
"cores": { "a": "#1c1830", "b": "#e8286c" },
"linhas": [".aa.aa.", "abbabba", "abbbbba",
".abbba.", "..aba..", "...a..."] },
{ "op": "texto", "texto": "VIP", "fonte": "normal",
"cor": "#ffffff", "contorno": "#1c1830", "y": 20 },
{ "op": "efeito", "tipo": "brilho" },
{ "op": "salvar", "nome": "MEU_EMBLEMA" }
] }Só o Node.js (18 ou mais novo). A IA roda “npm install” e “npm start” na pasta estudio-emblemas, que fica ao lado da pasta do site.
Com qualquer IA que rode comandos no seu computador: Claude Code, Codex, Cursor, Copilot… Ela manda JSON para o estúdio e lê as respostas. As que enxergam imagem olham a prévia; as outras usam o desenho em texto.
O estúdio só escuta no seu próprio computador (127.0.0.1). A única coisa que ele busca na internet é um emblema do Habblet, quando você pede para abrir um pelo código.
Na pasta estudio-emblemas/saida: o GIF final, um PNG de cada quadro salvo e as prévias (previa.png e folha.png), atualizadas a cada comando.
Para esta página conseguir mostrar a prévia do estúdio que está rodando no seu computador. Sem permitir, tudo continua funcionando no visor do próprio estúdio (127.0.0.1:7777).
Sim: 40×40 por padrão, fundo transparente, GIF em loop e cada quadro apagando o anterior — do jeito que medimos em centenas de emblemas do Habblet.