Dado Virtual Animado MICRO:BIT

by Gabura in Teachers > 4

577 Views, 0 Favorites, 0 Comments

Dado Virtual Animado MICRO:BIT

DADOanimado2.gif
DADOvirtualANIME.png

Prática de programação com a microbit utilizando números aleatórios, listas e sons para simular um dado. Uma forma interessante de apresentar blocos de Matriz e Imagens no Makecode. Fazer uma iteração para mostrar várias imagens armazenadas na matriz.

Supplies

MICROBIT.png

Micro:bit V2 (é possível fazer apenas na IDE "Makecode")

PROTÓTIPO

Captura de tela de 2023-02-08 10-34-16.png
Captura de tela de 2023-02-08 10-25-11.png
DADOanimadosimples.gif

Uma versão simplificada do projeto fazendo a microbit mostrar de forma aleatória números de 1 a 6.

O fundamental é a combinação do bloco "mostrar número" com o "escolher aleatório"(matemática).

Minha recomendação é que sempre antes do resultado mostre uma transição na matriz de leds da microbit, pois assim fica mais compreensível para o jodador caso o número venha repetido.

Armazenar E Sortear Desenhos

Captura de tela de 2023-02-08 11-22-43.png
Captura de tela de 2023-02-08 11-24-32.png
Captura de tela de 2023-02-08 11-28-03.png
Captura de tela de 2023-02-08 11-51-46.png
microbit-captura de tela (1).png

Nessa etapa vamos guardar vários desenhos em uma variável e entender como visualizar eles na matriz de leds da Microbit.

  • Criar uma variável dados_desenhos. Definir ela no início como uma matriz. Para isso vá nos blocos de matriz, pegue o bloco "Definir lista para" você pode renomear lista para dados_desenhos.
  • Utilize os blocos de imagens para guardar desenhos dentro da matriz, sendo cada um deles a representação de um número do dado. No total são 6 desenhos. Para fazer os desenhos vá nos blocos de imagens e pegue o "Criar Imagem". Encaixe os blocos de criar imagem no campo com números da matriz.
  • Testar mostrar o desenho de acordo com o índice da matriz que ele foi armazenado. Para isso vamos combinar o bloco "show imagem"(IMAGENS) com o bloco "obter o valor em"(MATRIZ). Atenção no lugar do valor "myImage" você vai substituir pelo pelo bloco que "dados_desenhos obter o valor em". O número do índice em "obter valor em" é a posição que o desenho está armazenado. Sendo [0] o índice do 1° desenho(começa em 0) e [5] o 6° desenho.
  • Usar números aleatórios para sortear a posição do índice das imagens. Insira "Escolher aleatório"(MATEMÁTICA) no campo do índice dos desenhos. Como são 6 desenhos o valor mínimo é 0 e o valor máximo é 5.

Animação E Sons

Captura de tela de 2023-02-08 12-11-29.png
Captura de tela de 2023-02-08 12-14-43.png
microbit-captura de tela (2).png
FRJ8EQDLDU96AAN.gif

Finalizando vamos organizar e melhorar a experiência na parte visual e sonora.

  • Organizar o *início, *procedimento da animação e *interação. Criei uma Função(FUNÇÕES) com o nome "rolar o dado" e coloquei o código do sorteio e mostra do desenho. Escolhi ligar a função com o bloco "botão A pressionado"(INPUT), pode ser ativado de outras formas como "em agitar".
  • Antes de mostrar o resultado do dado, fiz uma iteração mostrando todos os desenhos salvos. Para isso utilizei o bloco "para"(LOOPS), com o índice do desenho mostrado sendo o iterador(índice do para) do loop. Ou seja a cada repetição mostrará um desenho da matriz/vetor.
  • Finalizei inserindo alguns blocos de desenho no início do procedimento e antes do resultado. nessa parte final também utilizei os blocos de MÚSICA da microbit para melhorar a experiência. Cada parte do fluxo do código tem um som.(A aplicação dos sons nesse projeto faz toda a diferença para deixar ele divertido).

Você pode Importar o código deste projeto através desse URL: https://github.com/gaburadigital/dado-virtual-animado-gabura