interactive kinetic type/portmanteau generator. Testing out p5.js with Claude AI.
Interactive desktop version here: https://www.martinvonwill.com/interactive#/kinetic-type-3/
#p5.js #creativecoding #motiondesign #interactivedesign
1
175
Topographic Route-Planning Interface
Created a mapping app that focuses on elevation change based on distance. Particularly useful for outdoor enthusiasts and athletes. Utilized data binding for a toggle between terrain view and topography contour lines, all while scrolling across the map.
The Rive view model was then implemented in JavaScript to render actual GPS coordinates bound to the cursor and retrieve elevation data from a public map database. The terrain map and contour lines were made in Blender, which was imported into Rive as WebP files.
Try it out here:
https://www.martinvonwill.com/interactive#/topo/
2
19
557
Smartwatch Fitness Progress Ring
UI design and animation made entirely in Rive. Used data binding for distance tracking tied to the counter calculations. View models use map range converters to smoothly animate the distance progress marker.
User has the ability to change distance goals on the fly, pause and restart while the progress ring updates in real time.
Try out the interactive desktop version here:
https://www.martinvonwill.com/interactive#/fitnesstimer/