O que é o KidForge?
KidForge é uma IDE visual onde você cria jogos 2D de plataforma sem escrever código. Arraste personagens, blocos e itens para o cenário, defina regras de comportamento e exporte seu jogo como um arquivo HTML que funciona em qualquer navegador.
Interface Principal
┌────────────────────────────────────────────────────────────┐ │ Logo 💾 📂 🚀 🧹 ✨ ▶ ⚙️ 👑 🇧🇷 PT / 🇺🇸 EN │ ← Barra Superior ├──────────────┬─────────────────────────┬───────────────────┤ │ │ ✏️ 🏷️ 🧽 │ Tamanho │ 🎵 🎨 │ │ │ BIBLIOTECA │ │ REGRAS │ │ de sprites │ PALCO (canvas) │ e Lógica │ │ │ │ │ │ Herói │ ← área de edição → │ + Nova regra │ │ Blocos │ │ │ │ Itens │ [minimap] │ 💡 Dicas │ │ Perigos │ │ │ │ Menus │ │ │ ├──────────────┴─────────────────────────┴───────────────────┤ │ [Cena 1 ⭐] [Cena 2] [Cena 3] + + Nova cena │ ← Abas de Cenas └────────────────────────────────────────────────────────────┘
1 Conheça as Cenas
Seu jogo é composto por cenas. Existem dois tipos:
| Tipo | Ícone | Para quê serve |
|---|---|---|
| Jogo | 🎮 | Fase de plataforma com física (gravidade, pulo, colisão) |
| Menu | 📋 | Tela estática com botões clicáveis (tela inicial, vitória) |
Para adicionar uma cena, clique em + Nova cena nas abas inferiores. Dê um nome e escolha o tipo.
Para definir qual cena abre primeiro, clique nos três pontinhos (⋯) da aba e escolha "Definir como inicial". A cena inicial fica marcada com ⭐.
2 Construa a Fase
Adicionando objetos
- Veja a biblioteca de sprites no painel esquerdo.
- Clique e arraste qualquer sprite para o palco.
- O sprite encaixa automaticamente na grade.
Tipos de sprite
| Sprite | Tipo | Comportamento no jogo |
|---|---|---|
| Heroína / Cavaleiro | Herói | Controlado pelo jogador |
| Grama / Tijolo | Bloco | Plataforma sólida |
| Moeda / Joia | Item | Coletável (+1 ponto) |
| Meta (bandeira) | Meta | Vencer ao tocar |
| Espinho | Perigo | Perde ao tocar |
| Monstrinho | Inimigo | Patrulha e causa dano |
Tamanho do mundo
Use as pílulas na barra do palco para escolher o tamanho da fase:
- Pequeno — 24 × 14 tiles
- Médio — 60 × 15 tiles
- Grande — 120 × 15 tiles
Para navegar em mundos grandes, use as setas ‹ › nas laterais do palco ou arraste o destaque no minimapa (canto inferior direito).
3 Monte o Menu
- Crie uma cena do tipo Menu.
- Arraste um botão (verde, rosa ou azul) para o palco.
- Selecione a ferramenta 🏷️ Texto e clique no botão para digitar um rótulo (ex.: "JOGAR").
- Adicione uma regra: ao clicar → ir pra cena… e escolha a fase de destino.
4 Defina as Regras
As regras controlam o que acontece no jogo. Cada regra tem três partes:
Gatilhos disponíveis (QUANDO)
| Gatilho | Descrição |
|---|---|
| ▶ ao começar | Uma vez, quando a cena carrega |
| ⬅ Seta esquerda | Enquanto a tecla ← / A estiver pressionada |
| ➡ Seta direita | Enquanto a tecla → / D estiver pressionada |
| ⬆ Seta cima / Espaço | Enquanto ↑ / W / Espaço estiver pressionado |
| 💥 Herói tocar | Quando o herói colide com este sprite |
| 👆 ao clicar | Quando o botão é clicado (menus) |
Ações disponíveis (ENTÃO)
| Ação | Descrição |
|---|---|
| ⬅ andar p/ esquerda | Move o herói para a esquerda |
| ➡ andar p/ direita | Move o herói para a direita |
| ⬆ pular | Herói pula (só funciona no chão) |
| 🪙 ser coletado +1 ponto | Item desaparece e pontua |
| 💥 herói perde | Mostra tela de Game Over |
| 🏆 vencer | Mostra tela de Vitória |
| 🚪 ir pra cena… | Vai para outra cena |
Para adicionar uma regra manualmente, clique em + Nova regra no painel direito.
5 Ferramentas do Palco
| Ferramenta | Ícone | Como usar |
|---|---|---|
| Colocar | ✏️ | Arraste sprites da biblioteca para o palco |
| Texto | 🏷️ | Clique em um objeto para adicionar/editar rótulo |
| Apagar | 🧽 | Clique em um objeto para removê-lo |
Música de fundo: Clique em 🎵 e escolha uma trilha para a cena atual.
Cor de fundo: Clique em 🎨 para abrir o seletor de cor do cenário.
6 Teste o Jogo
Clique em ▶ Jogar na barra superior. O jogo inicia a partir da cena marcada com ⭐.
| Ação | Tecla |
|---|---|
| Mover esquerda | ← ou A |
| Mover direita | → ou D |
| Pular | ↑, W ou Espaço |
Clique em ■ Parar para voltar ao editor.
7 Configurações
Clique em ⚙️ na barra superior para personalizar as telas de fim de jogo:
| Campo | Padrão | Descrição |
|---|---|---|
| Título na Vitória | 🏆 VOCÊ VENCEU! | Texto exibido ao vencer |
| Título no Game Over | 💥 GAME OVER | Texto exibido ao perder |
| Texto do Botão | Jogar Novamente | Texto do botão de reinício |
8 Salvar e Carregar
💾 Salvar — Baixa um arquivo .kidforge com todo o seu projeto.
📂 Carregar — Abre um arquivo .kidforge salvo anteriormente.
.kidforge para continuar editando depois. O arquivo HTML exportado não pode ser reimportado.9 Exportar o Jogo
Clique em 🚀 Exportar Jogo. Um arquivo HTML será baixado. Esse arquivo:
- Funciona sem internet em qualquer navegador moderno.
- Contém todos os sprites, músicas e lógica do jogo.
- Pode ser enviado para amigos ou publicado online.
Recursos Pro
| Recurso | Free | Pro |
|---|---|---|
| Cenas | Até 3 | Ilimitadas |
| Sprites customizados (upload de imagem) | ✗ | ✓ |
| Marca d'água no jogo exportado | ✓ | ✗ |
Para ativar o Pro, clique em 👑 e insira sua chave no formato KFPRO-XXXX-XXXX.
Subindo sprites customizados
- Clique em + Imagem no painel direito.
- Escolha um arquivo PNG, JPEG ou GIF (máx. 512×512 px).
- Dê um nome e selecione o tipo (Herói, Bloco, Item, Perigo, Botão ou Cenário).
- Clique em Adicionar. O sprite aparece na biblioteca.
- Depois de colocar no palco, use os botões +/- para ajustar o tamanho em tiles.