Artigo interativo com Makey Makey: 13 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:35

Projetos Makey Makey »

Este conceito é surpreendentemente fácil de construir e pode ser usado para fins práticos e de entretenimento. Custa quase nada além do Makey Makey e a maioria dos suprimentos já pode ser encontrada na maioria dos lugares. Além disso, esses projetos não exigem muita precisão para funcionar, por isso podem ser uma ótima ferramenta educacional para crianças do ensino fundamental e médio. Este projeto foi originalmente planejado para atuar como um controlador de jogo, mas após reflexão e inspiração em outros projetos, ele pode ser adaptado para fazer muito mais, como criar telas ou objetos interativos, ou até mesmo um detector de condutividade de água barato. A primeira iteração da ideia foi feita no início de janeiro de 2020, mas ao longo dos dois ou mais meses se desenvolveu e se tornou mais do que costumava ser. Este projeto pode ser uma ótima ferramenta educacional, além de ser prático em algumas situações (reconhecidamente, muitas são impraticáveis).

Suprimentos

Para fazer este projeto, você precisará do seguinte:

• Makey Makey - Você só precisará de um para cada computador que deseja usar. Ambas as versões normal e GO funcionarão.
• Garras jacaré - Dependendo do número de entradas e do tipo de Makey Makey que você possui, a quantidade mudará.
• Fio normal (opcional) - um pouco fácil de obter, apenas realmente necessário se você precisar usar as portas na parte inferior do Makey Makey

Para cada objeto interativo, você precisará de:

• Papel / outros materiais - isso se tornará a parte frontal e posterior do seu controlador, portanto, outros materiais, como papel de construção, papelão ou até mesmo plástico podem ser usados em seu lugar. Depende principalmente da sua intenção.
• Papel milimetrado - Este será o modelo para a eletrônica. Outros tipos de papel fino podem funcionar, mas o papel milimetrado permite um desenho preciso.
• Folha de alumínio - atuará como a parte eletrônica. não deve ser muito menor do que as dimensões do papel milimetrado, pois todos os modelos precisam caber nele.

Ferramentas que serão úteis:

• Utensílio de escrita - utilizado para desenhar os gabaritos e / ou desenho do controlador acabado.
• Tesoura - Usada para cortar os moldes e a folha. Crianças pequenas não devem manusear tesouras; tome cuidado.
• Cola / cola - Muito útil para colar moldes de papel no papel alumínio e para colar todas as partes do controlador. Outros adesivos podem ser usados, nenhum testado.
• Materiais de arte (opcional) - Usado para decorar produtos finais e torná-los mais atraentes

Outros materiais podem ser necessários dependendo da aplicação, como:

• Um elástico - usado como uma pulseira de aterramento, uma das muitas maneiras de se aterrar
• Cola quente - usada para unir materiais mais espessos

Etapa 1: preparar materiais

Esta imagem mostra os materiais necessários para fazer o layout do controlador de jogo. Dispor materiais para fazer projetos pode ajudar a garantir que você tenha tudo, embora muitas vezes você possa precisar de algo diferente do que foi originalmente definido ou você pode alterar os planos de design no meio de um projeto. Neste caso, utilizo papel normal para o material circundante, para que possa dobrá-lo e transportá-lo facilmente. O uso de folha de alumínio complementa essa função, pois é um dos poucos materiais finos, condutores e duráveis (ish).

Etapa 2: Desenhar modelo

O modelo é, em última análise, o que decide a função do seu produto final. Para ter um produto funcionando, cada botão interativo que fornece uma entrada exclusiva deve ser direcionado a um determinado ponto de conexão de garra jacaré. Para conectar os dois, o botão, o ponto de conexão e a linha de conexão devem ser uma única peça. Deve-se fazer um esboço preliminar para se ter uma ideia do layout do botão antes de fazer um modelo final. É uma boa ideia colocar as pontas às quais as presilhas jacaré se conectarão em uma única borda do papel, o mais próximo possível da lateral. Nesta imagem, você pode ver que os pontos estão todos localizados em uma das bordas do papel. No entanto, esses pontos não estão localizados próximos o suficiente da borda do papel e uma solução terá que ser encontrada mais tarde. Para designs mais simples, você não vai querer que nenhuma das formas de botão / ponto de conexão toque em nenhuma outra. Isso pode levar ao falso acionamento de certas entradas principais. O modelo mostrado segue essas regras. Em modelos mais complicados, no entanto, as peças podem ser capazes de se sobrepor, desde que haja um material não condutor (alguma forma de papel sendo o melhor) no meio.

Etapa 3: preparar folha

Depois de desenhar seu modelo, é hora de torná-lo condutor. Comece cortando os modelos que você acabou de criar. Você vai querer reunir todas as peças destinadas a serem condutoras. NOTA: NÃO JOGUE O RESTO DO MODELO - VOCÊ DEVE USAR OS FUROS PARA RASTREAR LINHAS NO MATERIAL DE CAPA PARA BOTÕES E PONTOS DE CONEXÃO. Faça isso agora para não esquecer depois. Depois de juntar todas as peças, use um bastão de cola ou outro material adesivo fino para colar a frente do molde ao shinyside do papel alumínio. Este passo é muito importante. Se você não usar a parte frontal do modelo, a folha de alumínio ficará invertida e provavelmente não se encaixará muito bem no produto final. Além disso, colar o gabarito no lado brilhante e menos condutor permitirá que o lado com o qual você interage com o lado mais condutor conduz a uma melhor conexão. Os modelos colados são mostrados nas fotos

Etapa 4: corte de modelos

Depois de colar os modelos (certifique-se de ter feito bem), você precisará cortar a folha. Certifique-se de fazer isso ao longo das laterais dos modelos de papel que você colar. Esta parte pode ser desafiadora porque a folha de alumínio é muito frágil e pode rasgar facilmente. É por isso que colamos os modelos. Embora isso leve a alguma espessura extra no resultado final, é muito mais fácil cortar os modelos de maneira precisa e completa. Se você colou os modelos no lado mais condutor da folha, uma lixa de grão fino pode ser usada opcionalmente para tornar a superfície da folha ligeiramente áspera, dando a ela mais área de superfície e aumentando a condutividade.

Etapa 5: preparar a peça frontal

Se você ainda não usou os recortes do modelo para marcar os furos para os botões e pontos de conexão, faça isso agora. Se você não puder fazer isso, poderá usar os pedaços de papel alumínio para marcar os locais de onde cortar. Isso deve ser evitado se possível, porque é muito mais difícil alinhar os orifícios e o layout do botão pode parecer confuso. Neste ponto, você pode fazer orifícios para onde deseja que seus botões fiquem na parte da frente, tente cortá-los o mais reto / arredondado possível, pois será difícil alterá-los posteriormente. Se desejar, você pode fazer novos furos em um novo pedaço de papel e colocá-lo sobre o antigo, mas é melhor fazer corretamente da primeira vez. Outros métodos podem ser usados para fazer furos precisos, como furos grandes, mas a maioria das pessoas não tem acesso fácil a uma dessas ferramentas.

Etapa 6: cole modelos e faça um sanduíche

Existem duas formas principais de colar os gabaritos: colar a folha às costas e colocar a frente por cima, ou colar a folha à frente e colar o verso à frente. Qualquer um dos métodos funcionará. O primeiro método funciona melhor se você primeiro traçar o contorno dos orifícios na peça da frente para trás. Isso o ajudará a alinhar as peças de folha sem basear diretamente nos orifícios frontais. A desvantagem disso é que a folha pode rasgar ao aplicar o adesivo nas costas e nas peças da folha. O segundo método permite que você ignore os orifícios de rastreamento e cole diretamente o papel alumínio na peça frontal. Você pode então cobrir completamente a parte traseira com adesivo e pressionar o conjunto parte frontal / folha metálica no lugar. No meu exemplo, optei por usar o primeiro método, mas o segundo teria funcionado tão bem, se não melhor. Certifique-se de usar mais adesivo do que você acha que será necessário e certifique-se de que as bordas estejam bem cobertas, porque você não quer ter que voltar a colar as laterais ou fazer com que o controlador desmorone.

Etapa 7: Aterramento

Esta etapa é muito importante para que seu projeto funcione. A forma como o Makey Makeys recebe uma entrada é completando um circuito, com um lado aterrado e o outro atuando como botão. Felizmente, o Makey Makey é muito sensível, portanto, enquanto tocarmos o fio de aterramento com qualquer parte de nosso corpo ao pressionar os botões, o Makey Makey receberá uma entrada. Existem vários métodos de como se aterrar. Acima estão as etapas para fazer uma pulseira e um anel de aterramento, que são convenientes devido ao seu pequeno tamanho e localização quando usados, mas o mais simples (e provavelmente o mais doloroso) é apenas prender uma pinça de crocodilo em algum lugar. Você pode fazer um segundo pedaço de papel com um grande botão de aterramento que você toca em algum lugar, ou mesmo embrulhar seu braço em papel alumínio e prender nele uma pinça de crocodilo. Praticamente qualquer método funciona.

Etapa 8: Decore

As etapas 8 e 9 podem ser concluídas em qualquer ordem. Parabéns, você concluiu a parte funcional do seu artigo interativo! Neste ponto, fique à vontade para decorar sua criação. Você pode querer rotular seus botões e pontos de conexão de forma que cada botão tenha uma correspondência visual com seu ponto de conexão correspondente. Isso pode ser com cores ou símbolos como eu fiz. Se você estiver usando isso para criar uma tela interativa, esta é a etapa em que você coloca informações ou imagens. Sinta-se à vontade para enlouquecer. Pessoalmente, optei por não adicionar cores extras, porque eu mesmo gosto de ver o "cérebro" do controlador ao segurá-lo contra uma fonte de luz, como visto acima. Eu também recomendo rotular os botões para o que eles fazem, como uma seta apontando para a esquerda para indicar um pressionamento do botão de seta para a esquerda (ou a tecla A em WASD), embora isso possa não ser aplicável se você planeja alterar quais entradas correspondem ao que em o Makey Makey (usando o mesmo controlador para jogos diferentes). Você também pode querer decorar seu projeto de acordo com o uso. Se você está fazendo um controlador Tetris, por exemplo, pode querer decorá-lo no estilo Tetris-y, com blocos ou algo assim.

Etapa 9: Teste

As etapas 8 e 9 podem ser concluídas em qualquer ordem. Neste ponto, você está pronto para testar seu projeto. primeiro, obtenha uma garra jacaré para cada botão exclusivo em seu controlador, além de pelo menos uma extra para aterramento. Conecte as pinças jacaré nas entradas do Makey Makey que você planeja usar. Se necessário, você pode remapear as entradas do teclado aqui. Em seguida, anexe os clipes aos pontos de conexão correspondentes em sua criação (é por isso que os rótulos podem ser úteis). Se você não colocou seus pontos de conexão perto da borda o suficiente (como eu fiz), você pode descobrir que suas pinças de crocodilo não fazem um bom contato com a folha, especialmente se você usar materiais mais grossos como papelão. Minha solução para isso foi colocar uma folha extra nas pinças jacaré para que elas tenham um alcance maior, mas soluções diferentes podem ser possíveis, além de recriar o projeto inteiro. conecte a pinça jacaré de aterramento a algo como uma pulseira ou anel de aterramento (instruções mostradas anteriormente) ou, por enquanto, se você não tiver uma maneira de aterrar, apenas segure a extremidade exposta. Neste ponto, você pode conectar o cabo USB ao seu computador, conectar a outra extremidade ao Makey Makey e testar cada botão. Se você usar os seis botões grandes na frente do Makey Makey clássico ou qualquer um dos botões do Makey Makey GO !, eles se acenderão quando o botão for pressionado. Se eles não acenderem, é provável que você tenha um problema. Se você estiver usando qualquer uma das portas mais especiais na parte inferior do clássico do Makey Makey, poderá ter que encontrar outra maneira de testar, o que não deve ser muito difícil. Vá em frente e crie um jogo, um projeto de rascunho ou qualquer outra coisa para a qual você esteja usando seu projeto. De uma chance!

Etapa 10: usando materiais diferentes

A ideia básica desse conceito é muito simples, mas pode ser levada muito além de um pedaço de papel. Por exemplo, outros materiais além do papel podem ser usados, como papelão ou placa de espuma. Isso pode tornar os projetos mais duráveis e ter mais 'massa'. Digamos que você queira construir um cubo que muda de cor em uma tela quando você toca em um determinado lado. O papel não seria muito adequado para esta aplicação. Que tal um controlador de jogo que você possa segurar confortavelmente em suas mãos? Diferentes materiais também podem ser usados para a frente e para trás. Por exemplo, se você quiser adicionar botões em uma cartolina, mas não quiser ter uma superfície texturizada, enquanto mantém os fios escondidos, papel açougueiro (grandes rolos de papel) pode ser usado na camada frontal enquanto o papelão é usado nas costas para dar estrutura. Resumindo, praticamente qualquer material semelhante pode funcionar no lugar do papel, desde que não seja condutor, caso contrário, você poderá obter alguns resultados malucos.

Etapa 11: multicamadas

Dependendo da situação, ter apenas uma camada de folha pode não funcionar em todas as aplicações, por exemplo, é necessário cruzar os fios. É aqui que entra a multicamadas. Para fazer multicamadas, você deve colocar uma fina camada de algo não condutivo, papel normal sendo um bom exemplo, e colocá-lo entre as duas camadas de material condutor, neste caso, folha, de modo que ambas as partes condutoras não façam contato. Isso é especialmente útil ao trabalhar com projetos finos, como detectores de condutividade ou algo como um marcador interativo. Isso também pode reduzir o estresse de tentar cortar pedaços finos de papel alumínio em situações apertadas.

Etapa 12: codificação

Embora fazer com que sua criação pressione certas teclas ao tocar em um botão possa ser útil, a questão agora se torna: O que você vai fazer com essas entradas de teclado? Muitas vezes, você pode fazer um controlador para um jogo já existente, como Tetris ou Pac-Man, mas pode querer ter funções personalizadas. Se você é novo em programação, Scratch é uma ferramenta online perfeita para aprender a codificar, e tem extensões especialmente construídas para Makey Makey. Existem muitas fontes online que podem facilmente ensiná-lo a codificar no Scratch se você estiver tendo problemas, e você pode encontrar algumas aqui:

• Fazendo seu primeiro programa
• Scratch Makey Makey turorial
• Fazendo um jogo de Scratch com Makey Makey

Outras linguagens de programação suportarão o Makey Makey, desde que recebam entradas do teclado. Para criar jogos mais avançados, o uso de uma linguagem de codificação versátil como Java pode ser útil. NetBeans e Eclipse, ambos softwares 'auxiliares' de programação, podem ser encontrados aqui e aqui, respectivamente. Um link para o Scratch pode ser encontrado aqui. Como um aviso, configurar IDEs como NetBeans ou Eclipse pode ser difícil e demorado.

Etapa 13: Outras ideias de projeto

Algumas outras ideias que tive que você pode experimentar ou se inspirar

• Outros controladores de jogo:

  • Tetris
  • Simon (jogo da memória)
  • Mario
  • jogos.io (geralmente têm controles simples)
  • Jogos retrô (um papel pode ser usado para muitos - joystick, botões A e B)
  • A maioria dos outros jogos funcionará, desde que não exijam movimentos do mouse, como apontar ou apontar com um mouse ou trackpad
• Imagem interativa (por exemplo, "partes do corpo") -
• Display interativo (semelhante à imagem, poderia ter mais estrutura, como uma caixa de papelão) -
• Guitarra de papelão (pode usar camadas múltiplas) -
• Controlador de jogo Cardboard (também pode usar camadas múltiplas, pode segurar na mão) -
• Detector de condutividade de água (um palito de picolé ou pedaço de papel com papel alumínio em ambos os lados, mergulhe em um líquido e veja se consegue um gatilho) -
• Marcador interativo (registre o número da página e rastreie sua leitura, o principal exemplo de multicamadas) -