# Motion

processing, P5.js

The Motion.

### Connected Nodes

processing, color, ui, interact, library, motion, chance, class, repeat, Law of Connected Elements

Connect nodes by distance. A rather complex sketch that makes use of several techniques. Similar to Connect and Distance

### Circular Scanner

processing, motion, chance, class, repeat, Law of Common Fate

Visualizes the "Law of Common Fate". Elements with the same directional motion and/or same speed are seen as a group.

### Common Fate

processing, motion, chance, class, repeat, Law of Common Fate

Visualizes the "Law of Common Fate". Elements with the same directional motion and/or same speed are seen as a group.

### Green Hyperspace

P5.js, motion

Green lines flashing at the screen making it seem like one is travelling at high speed through space.

### Cones

P5.js, motion, Law of Space through Light and Shadow

Light over an array of cones.

### Cloth

P5.js, motion, chance

Particles move in the motion of cloth in a wind breeze

### Motion Without Motion

P5.js, motion, repeat

This is an experiment on how to create motion without using moving elements.

### conObjects

P5.js, motion, chance, interact, Law of Connected Elements, Law of Common Fate

Connected balls attracted by the mouse and a kind of gravity

### Motion Dots

P5.js, chance, repeat, motion

Balls that change color and size fill the entire area of the frame.

### Common Fate Planets

P5.js, motion, commonfate, Law of Common Fate

In this example you see some planets moving around. Two of them belong together. We make a connection between them because they move the same speed and into the same direction. Our brain immediately sees them as an integrated whole.

### individual

P5.js, motion, Law of Similarity, Law of Common Fate

How motion leads to perceived similarity.

### Raindrops

P5.js, motion, Law of Similarity

Elements of same speed towards the same direction are seen as a group.

### Air Dancer

P5.js, motion, Law of Connected Elements

The figure suggests that there is a ball which moves in front of two lines. One end of each line and the ball are connected to the position of the mouse. mouuse

### Spiral Beams

P5.js, motion, Law of Regularity

Every frame a circle is drawn with a new position. It is always connected to the center of the picture and moves in form of a spiral. The law of regularity means that if neighboring objects repeat in patterns, the human eye will recognize them as groups.