Interact

basil.js, P5.js
Fabian Morón Zirfas

Interaction

WaveformCut

P5.js, color, chance, interact, Law of Closure

Mouse higlights individual parts of elements created by gaussian noise

Color Wheel

processing, color, ui, interact, library, HSB, color-model
Fabian Morón Zirfas

A color wheel for demonstrating the usage of HSB colors

Noise Mesh 2

processing, grid, mesh, form, repeat, interact

generate a noisy mesh with some interaction. Original work by Cedrik Kiefer edits by Fabian Morón Zirfas. Found here.

Dialog and Overflow

Basil.js, repeat, interact, typography, unicode
Fabian Morón Zirfas

This example creates a dialog and waits for the user to make a selection.

Drawing with Particles

P5.js, repeat, interact, mouse, key, color
Fabian Morón Zirfas

This example shows different interaction types. Keycodes and mouse movement. Text on screen and also global color creation.

Is Inside?

P5.js, repeat, interact, mouse, key, color, chance
Fabian Morón Zirfas

Check whether the mouse is inside of an element. If so, change the color.

Hoover Detect

processing, interact, hoover
Fabian Morón Zirfas

Detect when the mouse hoovers over an area.

Paint

processing, interact
Unknown

A dead simple paint program.

Simple Paint

processing, interact, chance
Fabian Morón Zirfas

A even simpler paint program then paint.

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

Connected Nodes

processing, color, ui, interact, library, motion, chance, class, repeat, Law of Connected Elements
Fabian Morón Zirfas

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