---
sidebar_position: 1
title: "Visão Geral"
---

Esta seção concentra o que é específico das atividades de programação em `app/src/atividades/programacao`.

## Escopo desta seção

```mermaid
graph TD
    A[Atividades de Programação] --> B[Estrutura de cada atividade]
    A --> C[Blockly - o Editor]
    A --> D[Phaser - o Motor]
    A --> E[BaseGameScene - classe base]
    A --> F[Componentes principais]
    A --> G[Extensibilidade]
```

Aqui você vai encontrar:

- Organização interna de uma atividade de programação.
- Fluxo de execução do editor até a validação.
- Como o Blockly, o Phaser e a classe base se integram.
- Os componentes de interface que compõem a tela do jogo.
- Pontos de extensão para criar novas atividades e novos blocos.

## O que fica fora daqui

Os temas transversais do site ficam em `plataforma/arquitetura`.
O sistema de letramento fica em `plataforma/letramento`.

## Documentos desta seção

| Documento | Conteúdo |
|---|---|
| `estrutura-de-jogo` | Organização de pastas e fluxo de execução de uma atividade |
| `blockly` | O editor visual: toolbox, gerador de código, persistência |
| `phaser` | O motor de renderização: hook usePhaser, gameFactory, gameEventBus |
| `base-game-scene` | A classe base que todas as atividades herdam |
| `componentes` | GameBase, GameArea, GameEditor e os demais componentes de UI |
| `extensibilidade` | Como criar novas atividades e estender blocos |
