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


Color Wheel

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

A color wheel for demonstrating the usage of HSB colors


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


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.


processing, interact

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.