Blog

With an SVG and CSS you can create lovely animation.

PoseNet is an amazing way of using machine learning for looking at the body, matterjs is a fantastic physics engine. p5.js lets us easily combine the two and allows us to shed a tear.

A rotating spherical mirror that varies its sides, camera, tilt and compass sensors combine to create varying forms.

Using PoseNet and some p5js fun we create a mirror, but not a normal one.

Tile, compass and the camera can be combined with 3D textures to create really amazing effects, here we wrap the camera around a torus.

Mobile motion sensors can control many things on a web page, an exciting possibility is using this with variable fonts.

You can use tilt (device motion) and the compass on a web page. Here we use p5js to move a circle, a bit like the level built into iOS, we're also using the z rotation for sizing the circle.

Learning to See Lemon uses machine learning to identify objects and lemons. It is an artwork created alongside Of Machines Learning to See Lemon, shown at the 2018 London Design Festival

using p5js to create some satisfying blending with CMYK

Using PoseNet to capture body position, matter.js to create a physics environment and p5.js to sew these things together, silly fun stuff can happen

The daily COVID stats are difficult to understand, the data fluctuates depending on the day, so I wanted to display them my own way.

Building a site with Sanity.io and GatsbyJS

an introduction to p5.js

experiments in p5.js after reading Carrying the Fire

Node.js makes things easier