Primeiros passos: criando seu primeiro projeto no Wicand Blocks

O Wicand Blocks é uma IDE de programação visual que roda inteiramente no navegador. Você monta programas arrastando blocos — no estilo do Scratch — e, ao mesmo tempo, vê o código real (JavaScript ou Python) sendo gerado ao lado. Neste tutorial você vai criar seu primeiro projeto, conhecer as áreas principais da interface e executar um programa simples.

Não é preciso instalar nada nem criar conta para começar: basta abrir o editor e escolher uma linguagem. Uma conta só é necessária se você quiser salvar projetos na nuvem ou assinar o plano sem anúncios.

Criando o projeto

Na página inicial, clique em “Criar projeto”. Você verá duas opções: começar um projeto novo em branco ou abrir um arquivo existente (um .zip exportado pelo próprio Wicand Blocks ou um .sb3 do Scratch).

Escolha “Criar projeto novo”. Em seguida, selecione a linguagem do projeto — JavaScript é a opção mais completa hoje, com suporte a jogos 2D, cena 3D, física e exportação. A linguagem define quais blocos aparecem na paleta e qual código é gerado.

Conhecendo a interface

O editor é dividido em painéis que você pode reorganizar livremente: arraste as bordas para redimensionar, feche painéis que não estiver usando e reabra pelo menu lateral. As áreas principais são:

• ▸Paleta de blocos — à esquerda, organizada por categorias (Movimento, Aparência, Controle, Sensores, Operadores, Variáveis…). Arraste blocos de lá para o canvas.
• ▸Canvas de blocos — a área central onde você monta os scripts encaixando blocos uns nos outros.
• ▸Painel de atores — lista os personagens (sprites) do projeto. Cada ator tem seus próprios scripts, fantasias e variáveis locais.
• ▸Render (palco) — mostra o resultado visual do seu programa, como o palco do Scratch.
• ▸Código Gerado — exibe em tempo real o código produzido pelos seus blocos. Editar o código também atualiza os blocos.

Seu primeiro script

Vamos fazer o clássico: mover um personagem com as setas do teclado. Selecione o ator padrão no painel de atores e monte este script no canvas:

• ▸Arraste o bloco “Quando iniciar” (o bloco de chapéu amarelo) para o canvas. Todo script começa com um bloco de evento.
• ▸Encaixe um bloco “Sempre” logo abaixo — ele repete o conteúdo para sempre, uma vez por quadro.
• ▸Dentro do “Sempre”, coloque um bloco “Se” com a condição “tecla seta direita pressionada?”.
• ▸Dentro do “Se”, adicione “Adicione 5 a X”. Repita a ideia para a seta esquerda com -5.

Clique no botão Play. O palco ganha foco e o personagem passa a responder às setas. Repare no painel “Código Gerado”: o seu script virou um loop JavaScript de verdade, com if e leitura de teclado.

Salvando e próximos passos

Para guardar seu trabalho, exporte o projeto como .zip pelo menu do editor — esse arquivo pode ser reaberto depois em qualquer navegador. Se tiver conta, você também pode salvar na nuvem.

A partir daqui, vale explorar os tutoriais de fundamentos: variáveis e listas, eventos e mensagens, e o passo a passo do seu primeiro jogo de plataforma.