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
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
    • p5.js Introduction
    • p5.js Variables
    • p5.js Random Numbers
    • p5.js SVG + Images
    • p5.js WebGL
    • p5.js Classes and Objects
    • p5.js Events and Functions
    • p5.js Loops
    • p5.js Coordinates
    • P5js Nested Loops
    • p5.js Animation Exercise 1
    • p5.js Animation Exercise 2
    • p5.js Conditionals
    • p5.js Arrays and Lists
    • p5.js Simple Collision Detection
    • p5.js Reactors
      • p5.js Curve Reactor
      • p5.js Simple Reactor
      • p5.js Vector Fields
      • P5js Bitmap or SVG Permutations
    • p5.js Tiling and Repetition
    • p5.js Vectors
    • p5.js Animation Solution with Objects
    • p5.js Easing
    • p5.js Perlin Noise
    • p5.js Particle System
    • p5.js Sound
    • p5j.s Typography
    • P5js Archive
  • Programming in Processing (java)

/
p5.js Reactors
Updated Sep 23, 2021

p5.js Reactors

Analytics

Loading data...
Fold Patterns. Luke Franzke 2014

Reactor is a method or pattern for making an object respond to the proximity of another object. The controller object could be a single point such as the mouse location, or many controller objects could be used simultaneously such as fingers tracked with a camera.

Geometric shapes or splines can be divided into their constituting points, and those points used as the reactor for more complex forms and arrangements.

This simple method can result in complex organic forms, with many possibilities for the transformation in the reacting object such as rotation, scale, colour, substitution or more complex deformations.

Contents

Simple Reactor

Curve Reactor

Vector Fields

Related content

p5.js Simple Reactor
p5.js Simple Reactor
Programming
More like this
p5.js Curve Reactor
p5.js Curve Reactor
Programming
Read with this
Reactors
Reactors
Programming
More like this
3D Reactors
3D Reactors
Programming
More like this
p5.js Particle System
p5.js Particle System
Programming
More like this
(Extra) Curve Reactor
(Extra) Curve Reactor
Programming
More like this
{"serverDuration": 36, "requestCorrelationId": "44c4904c146847fd8152d444ee658a49"}