WHAT WE ARE DOING

WHY WE ARE DOING IT

You will explore kinetic art and design an art bot using prototyping techniques and basic electronics

to learn how movement can be used as a form of artistic expression through kinetic art.

LO QUE ESTAMOS CREANDO

POR QUÉ LO ESTAMOS CREANDO

Explorarás el arte cinético y diseñarás un robot artístico usando técnicas de prototipado y electrónica básica.

Para aprender cómo el movimiento puede usarse como una forma de expresión artística a través del arte cinético.

The design process will include six steps:

THE PROCESS

Look at past examples to get inspired

Precedent Research

Brainstorm ideas and sketch your machines movement in three frames

Conceptualization

Bring your prototype sketch to life by building a cardboard model that recreates your movement using simple materials and mechanisms.

Model Making

A good example of signals are "the launch of chatGPT" or "the fall of the iconic tunnel tree redwood" and good examples of drivers would be "artificial intelligence" or "climate change"

Add a touch of interactivity to your model by adding electronics to bring your machine's movement to life.

Interactivity Integrated

Then, identify signals (glimpses of the future we already see today) and drivers (what made the signal possible)



1

2

3

4

5

10 min

20 min

~1 to 3 hrs

~ 30 min

10mins

Documentation

Take a video of your machine in motion and turn it into a gif

El proceso de diseño incluirá seis pasos:

EL PROCESO

Mira ejemplos anteriores para inspirarte.

Investigación de antecedentes

Haz una lluvia de ideas y dibuja el movimiento de tu máquina en tres cuadros.

Conceptualización

Da vida a tu boceto de prototipo construyendo un modelo de cartón que recree el movimiento usando materiales y mecanismos simples.

Modelado

A good example of signals are "the launch of chatGPT" or "the fall of the iconic tunnel tree redwood" and good examples of drivers would be "artificial intelligence" or "climate change"

Añade un toque de interactividad a tu modelo incorporando electrónica para darle vida al movimiento de tu máquina.

Interactividad integrada

Then, identify signals (glimpses of the future we already see today) and drivers (what made the signal possible)



1

2

3

4

5

10 min

20 min

~1 to 3 hrs

~ 30 min

10mins

Documentación

Graba un video de tu máquina en movimiento y conviértelo en un gif.

A precedent is a real-world example or project that you can research to better understand ideas related to your work.

Un precedente es un proyecto realizado en el mundo real que puede usarse para ayudar a explicar algunas de las ideas que se tratarán en el estudio o proyecto.

Los estudiantes deben localizar y evaluar críticamente los precedentes, y demostrar cómo el contenido de estos se relaciona con sus propios proyectos.

Explore the examples in the toolbox and analyze how each machine moves. Focus on how the movement works, which components are used, and what makes each one interesting.

Precedent Research

1.

Explore the examples in the toolbox and analyze how each machine moves. Focus on how the movement works, which components are used, and what makes each one interesting.

Explora los ejemplos en la caja de herramientas y analiza cómo se mueve cada máquina. Enfócate en cómo funciona el movimiento, qué componentes se usan y qué hace que cada una sea interesante.

Investigación de antecedentes

1.

MATERIALS

؜Precedent Research

As pairs:

Go to the toolbox folder and you will find a library of various ocean creatures.

Select 1 project and answer the following questions on a sheet of paper:

1. What is the primary function of the drawing machine you studied?
2. In what ways do you find the machine innovative or creative?
3. Can you identify any unique materials or technologies used in the machine?

1.

~10 mins

Investigación de antecedentes

En parejas:

Vayan a la carpeta de la caja de herramientas donde encontrarán una biblioteca con varios animales marinos.

Seleccionen 1 proyecto y respondan las siguientes preguntas en una hoja de papel:

1. ¿Cuál es la función principal de la máquina de dibujo que estudiaron?
2. ¿De qué manera encuentran que la máquina es innovadora o creativa?
3. ¿Pueden identificar algún material o tecnología única utilizada en la máquina?

1.

~10 mins

In brainstorming, students collectively generate ideas that will shape the concepts for their group projects. They typically begin by listing ideas individually, then come together to share and discuss them using a pin-up brainstorming board filled with writing, drawings, Post-it notes, and lively conversation.

En la lluvia de ideas, los estudiantes generan colectivamente ideas que darán forma a los conceptos para sus proyectos grupales. Por lo general, comienzan listando ideas de forma individual y luego se reúnen para compartirlas y discutirlas usando un tablero de lluvia de ideas lleno de escritos, dibujos, notas adhesivas y conversaciones animadas.

1 - ENCOURAGE WILD IDEAS

2 - SUSPEND JUDGMENT

4 - BUILD ON IDEAS

5 - BE VISUAL

3 - GO FOR QUANTITY

Wild ideas can often give rise to creative leaps.

Don’t shoot down someone else’s idea.

Aim for as many ideas as possible.

Build and expand on the ideas of others.

Sketch your ideas.

1 - FOMENTAR IDEAS DESCABELLADAS

2 - SUSPENDER EL JUICIO

4 - CONSTRUIR SOBRE LAS IDEAS

5 - SÉ VISUAL

3 - APUNTA A LA CANTIDAD

Las ideas descabelladas a menudo pueden dar lugar a saltos creativos.

No descartes la idea de otra persona.

Apunta a tener tantas ideas como sea posible.

Construye y expande las ideas de los demás.

Haz bocetos de tus ideas.

MATERIALS

Conceptualization

A. Brainstorming

What kind of movement will your machine use?

Answer each question and combine the answers to get your final idea!

1. Will it spin? Shake? Roll? Swing?
2. Will the whole machine move, or just the pen?
3. What is the movement : circular? random? straight? wavy? dotted?
4. What draws or makes the mark? (makers, paint...)

Examples

1. Spin + Pen Arm + Repeated Circle + Markers= A Drawing Fan
2. Shake + Whole Machine + Random+ Markers = A Box with a vibrating motor and markers taped to the sides

2.

~10mins

Conceptualización

A. Lluvia de ideas

¿Qué tipo de movimiento usará tu máquina?

¡Responde cada pregunta y combina las respuestas para obtener tu idea final!

1. ¿Girará? ¿Se moverá de lado a lado? ¿Rodará? ¿Se balanceará?
2. ¿Se moverá toda la máquina o solo el lápiz?
3. ¿Qué tipo de movimiento será: circular? ¿aleatorio? ¿recto? ¿ondulado? ¿puntillado?
4. ¿Qué dibuja o marca? (marcadores, pintura...)

Ejemplos:

1. Girar + Brazo con lápiz + Círculo repetido + Marcadores = Un abanico para dibujar
2. Moverse de lado a lado + Toda la máquina + Movimiento aleatorio + Marcadores = Una caja con motor vibrador y marcadores pegados a los lados

2.

~10mins

Sketching in design thinking is a quick and visual way to explore, communicate, and develop ideas. It helps designers think through problems, test concepts, and share their thoughts with others—without needing polished drawings. Sketches can be rough, but they’re powerful tools for brainstorming, prototyping, and collaboration.

El bocetado en el pensamiento de diseño es una forma rápida y visual de explorar, comunicar y desarrollar ideas. Ayuda a los diseñadores a pensar en los problemas, probar conceptos y compartir sus ideas con otros, sin necesidad de dibujos pulidos. Los bocetos pueden ser simples, pero son herramientas poderosas para la lluvia de ideas, el prototipado y la colaboración

Conceptualization

2.

B. Sketching

Frame 1: Setup

Draw what your machine looks like before it starts moving. Show the parts: the drawing tool, moving parts, and structure.

Frame 2: In Motion

Draw your machine in action. Show what’s moving, how it moves, and how the drawing tool interacts with the surface.

Frame 3: The Mark It Makes

Draw or show the kind of art your machine creates on the page.

~10mins

Conceptualización

2.

B. Bocetado

Cuadro 1: Preparación

Dibuja cómo se ve tu máquina antes de empezar a moverse. Muestra las partes: la herramienta de dibujo, las partes móviles y la estructura.

Cuadro 2: En movimiento

Dibuja tu máquina en acción. Muestra qué se mueve, cómo se mueve y cómo la herramienta de dibujo interactúa con la superficie.

Cuadro 3: La marca que hace

Dibuja o muestra el tipo de arte que tu máquina crea en la hoja.

~10mins

MATERIALS

How to Diagram

Cómo hacer un diagrama

1. Use multiple sketches in sequence
2. Use arrows and text to explain
3. Use different views (top, side, etc.)

1. Usa varios bocetos en secuencia.
2. Usa flechas y texto para explicar.
3. Usa diferentes vistas (desde arriba, de lado, etc.).

Prototyping is the process of turning your sketches and ideas into physical models that you can test and improve. It starts with drawing your concept, then building simple versions using materials to explore how it moves or works. Prototyping helps you test mechanisms (how parts move or connect) and kinetics (how motion happens), so you can find what works and what needs fixing.

El prototipado es el proceso de convertir tus bocetos e ideas en modelos físicos que puedas probar y mejorar. Comienza dibujando tu concepto, luego construyendo versiones simples usando materiales para explorar cómo se mueve o funciona. El prototipado te ayuda a probar los mecanismos (cómo se mueven o conectan las partes) y la cinética (cómo ocurre el movimiento), para que puedas descubrir qué funciona y qué necesita ajustes.

Model Making

3.

You will first select choose 1-2 mechanisms that your machine would use to create the art. Then you will recreate the mechanisms using lo-fi materials.

For example

1. A swinging motion that can be used to drip or drag paint
2. Rotating Arm – A spinning part that can draw circles or spirals (e.g., like a spirograph or spinning marker).
3. Vibration Movement – A shaking base that moves a marker randomly (e.g., like a scribblebot).
4. Crank and Arm – A hand-turned crank that moves a pen back and forth (like an old sewing machine).
5. Sliding Track – A pen that moves in a straight line using a guided track (e.g., like a plotter).
6. Scissor Linkage (Expanding Arm) – A mechanism that opens and closes, pushing a pen in and out.

Model Making Modelado

3.

Primero elegirás 1 o 2 mecanismos que tu máquina usaría para crear el arte. Luego recrearás esos mecanismos usando materiales simples (lo-fi).

Por ejemplo:

1. Movimiento de balanceo: un movimiento oscilante que puede gotear o arrastrar pintura.
2. Brazo giratorio: una parte que gira y puede dibujar círculos o espirales (por ejemplo, como un spirograph o un marcador giratorio).
3. Movimiento por vibración: una base que tiembla y mueve un marcador de forma aleatoria (por ejemplo, como un scribblebot).
4. Manivela y brazo: una manivela que se gira a mano para mover un bolígrafo hacia adelante y hacia atrás (como una máquina de coser antigua).
5. Guía deslizante: un bolígrafo que se mueve en línea recta usando una guía (por ejemplo, como una plotter).
6. Enlace de tijera (brazo extensible): un mecanismo que se abre y cierra, empujando un bolígrafo hacia dentro y hacia fuera.

ACTIVITY MATERIALS

Cardboard

Colored Acetate

Bristol Papers

Zip-ties

Straws

Metal Ruler

Pencil 

Markers 

Cutting Blade

Masking Tape

Hot Glue Gun

String

Brads

Popsicles and wooden skewers

ACTIVITY MATERIALS

Cartón

Acetato de colores

Hojas de Bristol

Cinchos plásticos (zip-ties)

Popotes (straws)

Regla metálica

Lápiz

Marcadores

Cúter (cutting blade)

Cinta masking

Pistola de silicón caliente

Hilo o cuerda

Broches metálicos (brads)

Palitos de paleta y brochetas de madera

CARDBOARD TECHNIQUES: SHAPING

Bending

Scoring

Curving

Faceting

Layering

Hinging

CARDBOARD TECHNIQUES: JOINERY

Brads

Flanges

Brace

Skewer

Bend

Hinge

Slots

Butt Joint

CARDBOARD TECHNIQUES: Mechanism

Gears

Scissor lift

Grabbing

Waving

Tentacle

Curving

Cam & Follower

Crank & Slider

Model Making

3.

Find all the resources for basic prototyping techniques and mechanisms in the toolbox!

Model Making

3.

Student Examples

Desk Critiques

Group Feedback

Críticas de Escritorio

Retroalimentación en Grupo

Kinds of Feedback

There are three forms of feedback. Understanding these can help us understand the conversations we have with our teams and improve our own ability to react to and use feedback to strengthen our designs.

Comprender estos tipos puede ayudarnos a entender mejor las conversaciones que tenemos con nuestros equipos y a mejorar nuestra capacidad para reaccionar ante la retroalimentación y usarla para fortalecer nuestros diseños.



Retroalimentación basada en reacciones

؜Retroalimentación basada en orientación

Retroalimentación basada en preguntas

X

X



Feedback time!

Teachers are going to move around the class and give feedback to each group!

Make sure you have your research, sketches, and prototype.

¡Los profesores se moverán por la clase y darán retroalimentación a cada grupo!

Asegúrense de tener su investigación, bocetos y prototipo listos.

Interactivity is when your design can respond to people or the environment. It means your project doesn't just sit still—it can move, light up, make sound, or react when someone touches it, presses a button, or gets close. Adding interactivity makes your design more engaging and dynamic, turning it into something that can communicate or perform.

La interactividad es cuando tu diseño puede responder a las personas o al entorno. Significa que tu proyecto no solo está quieto, sino que puede moverse, iluminarse, hacer sonidos o reaccionar cuando alguien lo toca, presiona un botón o se acerca. Añadir interactividad hace que tu diseño sea más atractivo y dinámico, convirtiéndolo en algo que puede comunicarse o actuar.

Interactividad integrada

4.

Next, you’ll add electronics to power your mechanisms and bring them to life—this is where interactivity begins, letting your project move.

Luego, agregarás electrónica para alimentar tus mecanismos y darles vida — aquí es donde comienza la interactividad, permitiendo que tu proyecto se mueva.

Interactivity Integrated

4.

Learn about motors in the "electronics" folder in the toolbox.

؜ If your machine needs to shake, wiggle, or move randomly across the paper (like a dancing scribblebot)...

→ Use a vibration motor

Tape it to a lightweight base with markers as legs. The vibration will make it move on its own.

؜If your machine needs to spin something (like a rotating arm, spinning platform, or turning a marker)...

→ Use a DC motor

Attach the motor directly to the moving part's axis (like a cardboard wheel, platform, or marker arm).

4.

Aprende sobre motores en la carpeta de "electrónica" en la caja de herramientas.

؜Si tu máquina necesita sacudirse, moverse o desplazarse de forma aleatoria sobre el papel (como un scribblebot bailarín)...

→ Usa un motor de vibración

Pégalo a una base ligera con marcadores como patas. La vibración hará que se mueva por sí sola.

.

؜Si tu máquina necesita hacer girar algo (como un brazo giratorio, una plataforma que gira o un marcador que da vueltas)...

→ Usa un motor de corriente continua (motor DC)

Conecta el motor directamente al eje de la parte que se mueve (como una rueda de cartón, una plataforma o el brazo del marcador).

Interactividad integrada

Interactivity Integrated

4.

؜Mechanims that work with DC Motors (Spinning/Continuous Motion)

1. Rotating Arm: Great for spin art or drawing rotating patterns
2. A simple arm attached directly to the motor shaft
3. Crank and Slider: Good for making an arm draw waves or zig-zags
4. A crank attached to the motor turns, which pushes a connected sliding arm back and forth
5. Cam + Follower: Perfect for gentle bouncing or lifting motions
6. A cam (off-center disk) spins on the motor shaft, pushing a cardboard arm up and down as it rotates

4.

؜Mecanismos que funcionan con motores de corriente continua (movimiento giratorio/continuo)

Brazo giratorio: Ideal para arte giratorio o para dibujar patrones rotativos.

1. Un brazo simple conectado directamente al eje del motor.

Manivela y deslizador: Bueno para hacer que un brazo dibuje ondas o zigzags.

1. Una manivela conectada al motor gira y empuja un brazo deslizante conectado hacia adelante y hacia atrás.

Leva y seguidor: Perfecto para movimientos suaves de rebote o elevación.

1. Una leva (disco descentrado) gira sobre el eje del motor, empujando un brazo de cartón hacia arriba y hacia abajo mientras rota.

Interactividad integrada

Interactivity Integrated

4.

Examples for DC motor

4.

Ejemplos para motor de corriente continua (DC)

Interactividad integrada

Interactivity Integrated

4.

؜Mechanisms that work with Vibration Motor

1. Multi-Leg Marker Base
2. Several arms or markers attached to a round or square base

4.

؜Mecanismos que funcionan con motor de vibración

Base con múltiples patas para marcadores

Varios brazos o marcadores conectados a una base redonda o cuadrada.

Interactividad integrada

4.

Examples for Vibration motor Ejemplos para motor de vibración

Interactividad integrada

Documentación

5.

Take a photo and record a video of your project moving and turn it into a gif.

Toma una foto y graba un video de tu proyecto en movimiento y conviértelo en un gif.

End of Challenge!