block by alexmacy 1e6f2b3d5c6dd475a019ffc3cf1660f6

Rotating Shape Transitions

Full Screen

Partially an update to one of my previous blocks, the original intention here was to more clearly convey what is happening during the transitions between shapes by drawing lines from the vertices of the old shape to those of the new shapes.

It uses a kinda-sorta add-on I made called d3-shape-tween, which helps smoother transitions between complex shapes, especially when transitioning between shapes of varying complexity.

I also had some fun experimenting with rotating the shape as if it’s on a turntable…

index.html

shapeTween.js