Skip to content

counterchemists/perlin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Perlin Visualization

Visualization of movement using our custom sensor

What?

This repository contains code needed to receive analog input from a custom sensor to control directional movement of a Perlin noise visualization

How?

Our custom stretch sensor circuit sends output values through Arduino, via serial port, which is channeled through p5.serialcontrol.app [2] to a p5.js sketch. This is illustrated in the diagram below:

P5.serialcontrol flowchart

Readers may create their own custom sensor circuit using suggestions documented here:

https://www.kobakant.at/DIY/?p=6063

Example

This video shows a working example, using our custom stretch sensor:

Perlin Visualization Example

Play

To play with the demo, just go to this URL:

https://counterchemists.github.io/perlin/

Pressing backspace will toggle black/white, but there are other key controls hidden in the code ;)

References

Generative Gestaltung

Creative Coding im Web for Perlin noise starter code

p5serial

NYU ITP Physical Computing Lab for resources related to p5 Serial Control