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
Working alongside CreativeLab’s in house design team MTJ (https://www.mtj.io/) explored different methods for producing the blobs, working together to experiment with how they needed to move and behave until they found an approach that gave the blobs the right feel.
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