O que é o Decker
O Decker e uma plataforma moderna de criação de software interativo, desenvolvida por John Earnest e disponível em beyondloom.com/decker. Ele resgata e expande a filosofia do HyperCard, o famoso software da Apple lançado em 1987 que democratizou a criação de software nos anos 80 e 90.
O HyperCard original permitia que qualquer pessoa, sem ser programadora, criasse aplicativos, apresentações interativas, jogos simples e ferramentas pessoais. Era uma plataforma visual com um script simples chamado HyperTalk. O Decker faz algo similar para a era atual: uma interface gráfica onde você cria "baralhos" de cartas (decks) interativas, com campos de texto, botões, imagens, sons e lógica programável.
O projeto ganhou destaque no Hacker News em julho de 2026 com mais de 300 pontos, com muita gente expressando nostalgia pelo HyperCard e outros elogiando o Decker como o herdeiro legítimo dessa filosofia de computação pessoal e criativa.
Como o Decker funciona
O Decker funciona com o conceito de deck (baralho): um arquivo que contem múltiplas cartas (cards). Cada carta e como uma tela ou página, com elementos visuais que você arrasta e posiciona: campos de texto, botões, imagens, caixas de seleção, widgets de áudio.
A programação no Decker usa o Lil, uma linguagem de script própria, simples e funcional. E inspirada no HyperTalk original, mas modernizada. Para a maioria dos casos de uso do Decker, você escreve poucos scripts simples de algumas linhas para responder a cliques, navegação entre cartas e manipulação de dados.
O Decker roda completamente no navegador, sem necessidade de instalar nada. Os decks são arquivos que você salva localmente e pode compartilhar com outras pessoas. Existe também uma versão desktop para Windows, macOS e Linux.
O Decker tem uma galeria de decks criados pela comunidade em beyondloom.com/decker/gallery. E o melhor ponto de partida para entender o que é possível criar: jogos, ferramentas de anotação, fichas de RPG, apresentações interativas e mais.
Principais recursos
O Decker oferece um conjunto de ferramentas que cobrem uma ampla gama de casos de uso criativos:
- Editor visual de cards: interface de arrastar e soltar para criar layouts de cada carta do deck.
- Linguagem Lil: script funcional simples, fácil de aprender, com acesso a todos os elementos do deck.
- Áudio e imagens: suporte a sprites, animações simples e áudio para criar experiências mais ricas.
- Módulo de dados: cada deck pode conter tabelas de dados, funcionando como um banco de dados simples embutido.
- Exportação web: decks podem ser exportados como HTML estático, prontos para hospedar em qualquer lugar.
- Modo retro: paleta de cores e fonte inspiradas no Macintosh clasico, para a estética 1-bit que muitos usuários adoram.
O Decker também tem suporte a sons e musica via um sintetizador simples embutido, o que abre possibilidades interessantes para criar jogos e experiências interativas com áudio.
Como começar com o Decker
O caminho mais rápido para começar e direto no navegador:
- Passo 1: Acesse beyondloom.com/decker e clique em "Open Decker".
- Passo 2: Você vera o editor com um deck em branco. Clique no botão de adicionar elemento para inserir um campo de texto ou botão na carta atual.
- Passo 3: Clique duas vezes no botão para abrir o editor de script. Escreva seu primeiro script Lil.
- Passo 4: Salve o deck como arquivo .deck no seu computador.
Para quem prefere a versão desktop, o download esta disponível na mesma página para Windows, macOS e Linux. A versão desktop oferece acesso a arquivos do sistema operacional e e mais adequada para projetos maiores.
# Exemplo de script Lil simples: ao clicar em um botão, navegar para a próxima carta
on click do
go next
end
# Mostrar uma mensagem
on click do
alert "Ola, Decker!"
end
# Alterar o texto de um campo ao clicar
on click do
card.widgets.meuCampo.text: "Valor alterado!"
endO Decker usa a paleta de cores em 1-bit ou paleta expandida de 16 cores como padrão. Para criar interfaces mais coloridas você pode usar a paleta expandida, mas o estilo retro monocromático e parte do charme do projeto para muitos usuários.
Exemplo prático: criando uma ficha de RPG
Um dos casos de uso mais populares na comunidade do Decker e criar fichas de personagem interativas para RPGs de mesa. Veja como ficaria a estrutura básica:
# Estrutura de um deck para ficha de RPG:
# Card 1: Informações do personagem
# - Campo: nome do personagem
# - Campo: classe e nível
# - Campos de atributos (FOR, DEX, CON, INT, SAB, CAR)
# - Botão: calcular bónus de proficiência
# Script do botão calcular:
on click do
local nível: number(card.widgets.nível.text)
local bónus: floor((nível - 1) / 4) + 2
card.widgets.bonusProficiencia.text: string(bónus)
endEm poucos minutos você tem uma ficha digital que calcula automaticamente os bónus enquanto o jogador preenche os campos. E possível adicionar cartas adicionais para inventario, habilidades e notas de sessão, criando um sistema de ficha completo sem dependências externas.
O módulo de dados do Decker permite criar mini-bancos de dados dentro do deck. Isso abre possibilidades para trackers de campanha, catálogos de itens ou qualquer situação onde você precisa de dados estruturados junto com a interface visual.
Comparação com alternativas
O Decker ocupa um nicho específico que poucas ferramentas cobrem bem:
- Notion / Obsidian: focados em notas e documentação, não em criar software interativo. São mais adequados para escrita do que para criação de experiências programáveis.
- Figma / Framer: ferramentas de design de interface, excelentes para prototipagem visual, mas voltadas para designers e com curva de aprendizado maior.
- Scratch: muito voltado para crianças e educação, com uma abordagem de programação em blocos. O Decker tem mais profundidade e uma estética diferente.
- Twine: excelente para ficção interativa e jogos narrativos, mas mais limitado em termos de elementos de interface e lógica de dados.
O Decker se destaca pela combinação de interface visual acessível + linguagem de script real + exportação standalone. Para criar ferramentas pessoais e jogos simples sem depender de frameworks, e uma das melhores opcoes disponibilizadas gratuitamente.
Pontos positivos e limitações
Pontos positivos:
- Totalmente gratuito e open source.
- Roda no navegador sem instalação.
- Exporta para HTML estático, fácil de hospedar.
- Comunidade ativa com galeria de decks compartilhados.
- Ideal para projetos pessoais, ferramentas de uso próprio e jogos simples.
Limitações reais:
- Não adequado para aplicações web modernas com design responsivo ou integração com APIs externas.
- A linguagem Lil, embora simples, tem suas próprias idiossincrasias que podem confundir quem vem de JavaScript ou Python.
- A estética retro pode não ser adequada para todos os projetos ou públicos.
- Sem marketplace de componentes ou biblioteca de templates grande como outras ferramentas low-code.
O Decker não e uma alternativa para desenvolvimento web profissional ou aplicativos empresariais. E uma ferramenta de criação pessoal e artística. Tentar usa-lo para algo fora desse escopo vai gerar frustrações.
Casos de uso reais
O Decker brilha em cenários específicos onde a abordagem visual e a simplicidade importam mais do que a escala:
- Ferramentas pessoais de produtividade: trackers de hábitos, listas de tarefas com lógica customizada, sistemas de anotação pessoal.
- Fichas e ferramentas para RPG: fichas de personagem, geradores de encontro, mapas interativos de campanha.
- Jogos simples e ficao interativa: aventuras em texto com elementos gráficos, puzzles lógicos, pequenos jogos estilo point-and-click.
- Protótipos e provas de conceito: criar rapidamente uma versão funcional de uma ideia sem configurar um ambiente de desenvolvimento completo.
- Educação e criatividade: ensinar conceitos de lógica e programação de forma visual e acessível.
Dicas e boas práticas
Comece explorando os decks da galeria antes de criar o seu. Abra-os no editor para ver como estão estruturados e como os scripts estão escritos. E a melhor forma de aprender os padrões do Decker rapidamente.
Use o módulo de dados para separar dados de apresentação. Em vez de colocar dados hardcoded nos scripts, armazene-os em tabelas e leia dinamicamente. Facilita muito a manutenção do deck.
O Decker tem uma API de acessibilidade para leitores de tela, o que é surpreendente para um projeto dessa escala. Se você cria ferramentas que outras pessoas vao usar, aproveite isso para tornar seu deck acessível com pouco esforço adicional.
Salve backups dos seus decks regularmente. O Decker salva localmente e não tem sincronização na nuvem por padrão. Um arquivo corrompido ou perdido significa perder o trabalho.
Vale a pena?
Para quem gosta de criar coisas sem a rigidez dos frameworks modernos, o Decker e uma das melhores ferramentas disponibilizadas gratuitamente nos últimos anos. Ele captura algo que o desenvolvimento web moderno perdeu: a alegria de criar software funcional rapidamente, sem configurar pipelines de build, sem gerenciar dependências, sem pensar em bundle size.
Se você nunca usou o HyperCard na época, o Decker e uma janela para entender por que tanta gente guarda tanto carinho por aquela era da computação pessoal. E se você usou, vai sentir o resgate da filosofia com uma implementação solida e moderna.
O próximo passo e acessar beyondloom.com/decker, explorar a galeria por 30 minutos e criar algo pequeno: uma lista de tarefas, um quiz, uma ficha. A experiência de criar algo funcional em menos de uma hora sem nenhum framework e o melhor argumento de venda do Decker.
Comentários
Deixar um comentárioVocê precisa ter uma conta no Do Zero ao Junior para comentar.