Índice:

Makey Makey acessível - Quebra-cabeça: 8 etapas
Makey Makey acessível - Quebra-cabeça: 8 etapas

Vídeo: Makey Makey acessível - Quebra-cabeça: 8 etapas

Vídeo: Makey Makey acessível - Quebra-cabeça: 8 etapas
Vídeo: This is an interactive "audio puzzle" 2024, Novembro
Anonim
Acessível Makey Makey - Quebra-cabeça
Acessível Makey Makey - Quebra-cabeça

Projetos Makey Makey »

Este é um jogo de quebra-cabeça voltado para deficientes visuais como usuários finais. Cada peça tem um padrão diferente de fita de cobre que apenas completará o circuito e, portanto, dará uma resposta sonora quando colocada no local correto. Neste protótipo, atribuímos a cada peça uma letra e programamos o site para lê-la em voz alta para ajudar a ensinar o reconhecimento de letras impressas. Este método é simples de fazer, mas é limitado pelo número de pinos de entrada.

Materiais requisitados:

Hardwares:

  1. Makey Makey
  2. Cortador a laser
  3. Folha de acrílico (para quebra-cabeça, placa de base, quadro)
  4. Fios
  5. Fita de cobre
  6. Solda e ferro de solda
  7. Multímetro (para verificar as conexões)
  8. Cola

Programas:

Ilustrador da Adobe (ou qualquer outro software como Rhino, Inskape)

Etapa 1: Projete um quebra-cabeça no Adobe Illustrator

Projete um quebra-cabeça no Adobe Illustrator
Projete um quebra-cabeça no Adobe Illustrator

Crie um quebra-cabeça no Adobe Illustrator com quaisquer 16 alfabetos gravados nele. Você pode usar qualquer software que você goste Inkscape ou Rhino. Precisamos reprogramar o Makey Makey para essas letras.

Etapa 2: corte a laser as peças do quebra-cabeça

Corte a laser as peças do quebra-cabeça
Corte a laser as peças do quebra-cabeça

Corte a laser as peças do quebra-cabeça. Também tínhamos algumas pequenas alças para segurar as peças do quebra-cabeça. Essas alças também eram cortadas a laser. Colamos essas alças nas peças do quebra-cabeça.

Etapa 3: Crie uma placa base e uma estrutura

Crie uma placa base e uma estrutura
Crie uma placa base e uma estrutura

Faça um tabuleiro que sirva de base para as peças e conexões do quebra-cabeça usando o Adobe Illustrator. Projete também uma estrutura para cobrir todos os fios e as conexões.

Etapa 4: como projetar a placa base?

Como projetar a placa base?
Como projetar a placa base?

A placa base foi gravada para as fitas de cobre que conectavam cada peça do quebra-cabeça a um pino no Makey Makey. Também perfuramos orifícios para conectar a fiação na parte de trás da placa. A placa também foi cortada a laser para a passagem dos pinos do Makey Makey e também para a conexão USB. Também conectamos cada peça do quebra-cabeça ao pino de aterramento no Makey Makey para completar o circuito.

Etapa 5: Faça as conexões

Fazer conexões
Fazer conexões

Cada peça do quebra-cabeça tinha um padrão diferente, de modo que, se colocarmos uma determinada peça do quebra-cabeça no lugar errado, o circuito não estará completo. Esses padrões devem ser exclusivos para cada peça do quebra-cabeça. Cada peça quando colocada na placa base, será conectada a um pino e aterrada no Makey Makey.

Etapa 6: Reprogramação do Makey Makey

Reprogramando Makey Makey
Reprogramando Makey Makey

Etapa 7: crie um site

Um site interativo básico também foi desenvolvido usando javascript. Usamos flocking js para habilitar sons no site. Quando uma peça do quebra-cabeça é colocada na posição correta na placa de base, o circuito estará completo e o pino correspondente no Makey Makey será habilitado, o que simula o evento de pressionamento de tecla no teclado.

Site: Link para o site do Makey Makey Puzzle

Etapa 8: Brincando

Brincando!
Brincando!

Digamos, por exemplo, quando o quebra-cabeça ‘z’ é colocado na posição correta (Linha 1, Coluna 1) na placa de base, o pino A5 no Makey Makey será habilitado, o qual foi reprogramado para a tecla ‘z’ no teclado. Será tocado um som dizendo 'z' que ajudará os deficientes visuais a verificar se estão colocando o quebra-cabeça no lugar certo ou não. A parte sonora foi implementada usando flocking js.

Finalmente, se todas as peças do quebra-cabeça forem colocadas nas posições corretas, o quebra-cabeça inteiro será resolvido e um som final será reproduzido para indicar que o usuário ganhou o jogo!

Link para o código-fonte: Código-fonte

Recomendado: