I’m a big taffy fan, so I hate to admit it, but this did not turn out as I envisioned.

And given it’s a holiday weekend here in the US, and it was merely a conceptual attempt to create a stretchy, pully, tacky map about taffy, I’ve decided to leave well enough alone and post it as is.

It was an idea I had. The LLM implemented it coding wise, but I can’t seem to get it to fix the CSS enough to make it compelling. And that’s where I”ll leave it.

Static Image Version

Better than the interactive screen capture below but still… distasteful.

Interactive Sticky Version
Get Stuck Here

Original Prompt

# Intention
Make a silly map for National Taffy Day.

I would like a map of the United States. When the user clicks anywhere on it, and then moves the mouse, a stretchy taffy-looking animation should stretch from the place they clicked to where the pointer goes, eventually (randomly but after a significant distance) disconnecting and laying on top of the map. If the taffy is still stretching when the user clicks somewhere else on the map, the original stretch stops and stays where it is, and a new stretch begins. With more clicks and drags the map will become indecipherable adn covered in taffy. Each state should be colored one of five Laffy-Taffy style colors. The stretching and taffy smearing should be the color of the state the user originally clicked in.