Atlassian uses cookies to improve your browsing experience, perform analytics and research, and conduct advertising. Accept all cookies to indicate that you agree to our use of cookies on your device. Atlassian cookies and tracking notice, (opens new window)
Confluence
/
Motion and Temporality

Motion and Temporality

Nov 07, 2017



Experimental study of apparent behaviour. Fritz Heider & Marianne Simmel. 1944

Movement is powerful way of establishing meaning and relationships between visual objects. In the example above, agency and a number of complex interactions are established through movement of simple shapes.

Motion perception is a complex theme, but some aspects are explained in simple terms in Gestalt psychology under “The Law of Common Fate”. This law stipulates that objects that move together, are perceived as single whole or group, something that is often utilised in GUI design.

Contents

Motion Reactor

Sine function

Multiple Reactor Points


, multiple selections available,
For you

Programming
Results will update as you type.
  • Tiling and Repetition
  • Reactors
  • Programming Basics: Parametric and Generative Graphic Design 2016
  • Archive
  • High Scores
  • Artificial Neural Network
  • Alternatives to the Processing IDE
  • p5.js Programming
  • Programming in Processing (java)
    • Starting with Processing (en)
    • Variables (en)
    • Classes and Objects (en)
    • Events und Functions (en)
    • Writing our own Functions (en)
    • Random Numbers (en)
    • Conditionals (en)
    • Loops (en)
    • Nested Loops (en)
    • Coordinates (en)
    • Arrays and Lists (en)
    • SVG + Images (en)
    • Motion and Temporality
      • Lesson 4.2 – Sine function
      • Lesson 4.4 - Motion and Multiple Reactor Points
      • Lesson 4.5 - Exercises
      • Motion Reactor
      • Multiple Reactor Points
    • Gesture Interactions
    • Using bitmaps as modifiers
    • Vectors
    • Animation
    • Animation 2
    • Simple Collision Detection
    • Sound
    • Typography

{"serverDuration": 11, "requestCorrelationId": "5cee4795d590467e9bd705cf0cc3cdca"}