Interact

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

Interaction

Color Wheel

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

A color wheel for demonstrating the usage of HSB colors

WaveformCut

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

Mouse higlights individual parts of elements created by gaussian noise

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

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

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.

Simple Paint

processing, interact, chance
Fabian Morón Zirfas

A even simpler paint program then paint.

Paint

processing, interact
Unknown

A dead simple paint program.

Hoover Detect

processing, interact, hoover
Fabian Morón Zirfas

Detect when the mouse hoovers over an area.

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.

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.

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.