CINEPATH
P1ANKT0NS
ILLUMINATED BAY
Y2.02K
P5.JS
CYBERENCODE
TECHNICAL

P5.JS



EQUILIBRIUM ▼

Interactive Perlin Noise Loop.

CODE ⏎ FULLSCREEN ⏎




BREATH OF DESPAIR ▼

A software mirror made with p5.js library.

CODE ⏎ FULLSCREEN ⏎





MOMENT OF DESPERATION ▼

Another software mirror.

CODE ⏎ FULLSCREEN ⏎





LAUNCHPAD 2X2 DRUMS ONLY ▼

A little experiment with p5.sound.js mimicking launchpads.

CODE ⏎





PENROSE ▼

Rotation of 2-dimensional squares creates a 3-dimensional illusion. Mouse movement controls color in HSL mode. There are also four sliders to control the size of each square, alpha value in color, speed of rotation and size of square border.

CODE ⏎ VIMEO ⏎





COMPOSITION NO. ∞ ▼

Inspired by the world-famous Composition with Red Blue and Yellow (1930), this p5.js practice takes on Piet Mondrian’s abstract style to a higher level with an infinite number of random bouncing rectangles with mouse clicks.

CODE ⏎ VIMEO ⏎





PENROSE TRIANGLE ▼

ROTATING DONUTS ▼