Post

A cheeky lil' bit of off-screen progress on my Turing Machine visualisation. I want it to be very obvious how the state of the machine is changing with every instruction.

The way it works atm, the pointers are elements inside of the same container as the table. The container has position: relative, and the pointers have position:absolute and z-index:-1 (so they pass underneath the text). I then tween the top, left, width, and height to move them to different places.

This is _fine_ but it would be nice to be able to control the colour of the text as each pointer hovers over it. Just setting the colour is the wrong effect, it needs to be the mix-blend-mode type effect. Something something clipping?

Lots of _potential_ ideas here… Are you able to share the repo?