🎮 Block Blast para VSCode
Jogue Block Blast direto no VSCode em um painel lateral, sem sair do editor!
Como instalar (modo desenvolvimento)
Opção 1 — Instalar direto pela pasta (mais simples)
- Copie esta pasta para
~/.vscode/extensions/blockblast-popup-1.0.0
- Reinicie o VSCode
- Pronto!
# Linux/Mac
cp -r blockblast-vscode ~/.vscode/extensions/blockblast-popup-1.0.0
# Windows (PowerShell)
Copy-Item -Recurse blockblast-vscode "$env:USERPROFILE\.vscode\extensions\blockblast-popup-1.0.0"
Opção 2 — Via VSIX (empacotado)
- Instale o
vsce:
npm install -g @vscode/vsce
- Na pasta da extensão, empacote:
vsce package --allow-missing-repository
- Instale o
.vsix gerado:
Ctrl+Shift+P → "Extensions: Install from VSIX..."
Opção 3 — Modo de desenvolvimento (F5)
- Abra a pasta no VSCode
- Pressione
F5 → abrirá uma janela de Extension Development Host
- Nessa janela, use
Ctrl+Shift+B para abrir o Block Blast
Como usar
| Ação |
Atalho |
| Abrir/Fechar Block Blast |
Ctrl+Shift+B (Mac: Cmd+Shift+B) |
| Pelo menu |
Ctrl+Shift+P → "Block Blast: Toggle" |
| Pela barra inferior |
Clique em $(game) Block Blast |
Controles no painel
- − ↺ + — Controla o zoom do jogo
- ↻ Recarregar — Recarrega o site
- ↗ Navegador — Abre no navegador externo
⚠️ Sobre o bloqueio de iframe
Sites como o Block Blast às vezes bloqueiam carregamento via iframe por questões de segurança (header X-Frame-Options). Se isso acontecer:
- O painel mostrará uma mensagem de erro com opções alternativas
- Você pode tentar
block-blast.io ou a versão do CrazyGames
- Ou abrir direto no navegador pelo botão "↗ Navegador"
Estrutura do projeto
blockblast-vscode/
├── src/
│ └── extension.js # Lógica principal
├── package.json # Manifest da extensão
└── README.md
| |
