Índice:

Instalação de arte interativa: 4 etapas (com imagens)
Instalação de arte interativa: 4 etapas (com imagens)

Vídeo: Instalação de arte interativa: 4 etapas (com imagens)

Vídeo: Instalação de arte interativa: 4 etapas (com imagens)
Vídeo: Tutorial de como criar um carrossel de imagens interativo no Figma 2024, Junho
Anonim
Image
Image
Materiais e Ferramentas
Materiais e Ferramentas

Projetos Makey Makey »

Neste projeto, estamos misturando codificação e computação física para criar uma instalação de arte interativa. O exemplo compartilhado neste Instructable é um projeto de codificação do aluno que combina elementos gráficos e sonoros com uma interface construída de propósito. A combinação da programação Scratch e do controlador acionado pelo Makey Makey cria uma arte interativa incrível e uma experiência de aprendizado.

Etapa 1: Materiais e Ferramentas

- Laptop com Scratch

-Makey Makey

-5x Interruptores SPST momentâneos (normalmente desligados)

-2 / C Fio Anunciador de Cobre Sólido

-Caixa de madeira

-Pistola de cola quente

-Furar

Etapa 2: Código

Código
Código
Código
Código
Código
Código

O código usado neste exemplo pode ser encontrado em https://scratch.mit.edu/projects/52506506/. O trabalho intitulado Peace at Rest foi codificado por Connor Baker quando ele estava no último ano do ensino médio. O artista / codificador queria criar uma peça etérea e assustadora que incorporasse som e imagens ao trabalho.

Contexto e introdução

Um som personalizado, imagem de fundo e imagens da tela inicial foram importados

A função de repetição é usada para trazer gradualmente o áudio de fundo de ondas quebrando

-As funções de repetição também são usadas para criar uma tela inicial que fornece o nome do artista e o nome da obra.

Sprites e som

-A obra mostra duas variações da mesma cena. A imagem original é o plano de fundo e as imagens das cinco áreas da janela foram cortadas da segunda variação e salvas como arquivos de imagem separados. Essas cinco imagens foram importadas como sprites no programa.

-Os cinco sprites são cuidadosamente posicionados para sobrepor o fundo e fazer uma transição perfeita para a nova imagem quando um botão é pressionado. -As funções para sempre e repetir são usadas para monitorar continuamente as teclas pressionadas e sobrepor notas musicais nas paisagens sonoras que desaparecem quando o botão é liberado.

Teste e depuração

- Testes e depuração repetidos são necessários para criar uma transição visual e auditiva contínua.

-Cada pressionamento de botão do teclado deve ser testado individualmente e junto com outras teclas para trazer cada sprite e tocar as notas de instrumento apropriadas.

Etapa 3: Interface de computação física

Interface Física de Computação
Interface Física de Computação
Interface Física de Computação
Interface Física de Computação
Interface Física de Computação
Interface Física de Computação
Interface Física de Computação
Interface Física de Computação

Para este projeto, estamos usando uma placa Makey Makey como o controlador para a instalação da arte.

-Determine quais entradas no Makey Makey serão usadas para o projeto. (Neste exemplo, W, A, S, D, F estão sendo usados.)

-Corte 10 pedaços de fio anunciador de aproximadamente 20 cm de comprimento.

-Retirar 1 cm de isolamento da ponta de cada fio.

-Conecte uma extremidade de cada um dos cinco fios nos conectores W, A, S, D e F na parte traseira do Makey Makey.

-Conecte uma extremidade de um 6º fio em uma das aberturas do conector EARTH na parte traseira do Makey Makey.

-Ligue o Makey Makey ao computador com o cabo USB.

- Execute o programa Scratch e toque na extremidade livre de W, A, S, D e F na extremidade livre do fio TERRA, um por um.

- Verifique se cada conexão de fio ativa corretamente a imagem e o som apropriados no programa.

Etapa 4: invólucro de interface

Invólucro de interface
Invólucro de interface
Invólucro de interface
Invólucro de interface
Invólucro de interface
Invólucro de interface

No exemplo da Paz em Repouso, o artista usou uma caixa de madeira que imaginou estar em uma mesinha na sala retratada na obra.

-Marque a localização desejada dos botões na parte superior da peça. (O layout dos botões corresponde à localização das 5 janelas na cena.)

-Faça os furos em cada local, correspondendo ao diâmetro do eixo dos botões usados. (Neste caso, o eixo do botão tinha aproximadamente 16 mm e vários orifícios menores tiveram que ser perfurados e, em seguida, uma lima usada para criar os orifícios de diâmetro correto.

- Faça um orifício na parte de trás da caixa para encaixar a menor extremidade do cabo USB usado para conectar o Makey Makey.

-Use o botão de hardware e / ou cola quente para fixar os botões no lugar.

- Ligue um braço de cada botão aos cabeçalhos das teclas A, S, D, F e W no Makey Makey correspondendo à ação desejada no programa Scratch usando os fios do anunciador pré-cortados.

- Ligue o segundo braço de cada botão ao cabeçalho EARTH no Makey Makey.

-Coloque o Makey Makey na caixa e conecte o cabo USB através do orifício na parte traseira da caixa.

-Ligue o Makey Makey ao laptop.

- Execute o programa Scratch e teste cada pressionamento de botão individualmente e em conjunto.

-Exibir o trabalho. (Conectamos o trabalho a um grande display externo e alto-falantes e disponibilizamos a interface para os participantes do maker faire experimentarem.)

Recomendado: