Duck Applicator

a breakdown on how it was developed

• provenance - the inspo from hyperplexed
• building it out on henderrsoncat.com
• pulling mouse and click events from the code
• porting the sort algo for stickers
• using css transitions to juice the interaction

Shuffle Ducks

from inside of a svelte component. there is a onMount() function that handles loading the photo src's into the array

Handling Mouse and Touch Move

in svelte we need to remember to wrap in browser check

handling the mouse move requires passing through the window position of the mouse to the handlers which will track where the duck is

idea: there can be a middleware function that takes the positions and applies a smooth damp algo to the position of the duck relative to the pos of the mouse.