Crashing cars and improving hover detection | Motion Magazine
motion.dev · 2,220 words · saved by 1 readers
Fast pointer movements can skip over elements, breaking hover detection. The surprising solution can be found in game development.
I'm going to show you an effect that you'll recognise immediately, perhaps without ever having paid it much attention. Take any collection of elements that react to hover: a list of menu items, swatches in a colour picker, squares in a grid. Now quickly swipe your cursor across them: In real life, your hand moves across your desk, or your finger across the screen, in a continuous, unbroken motion. But this isn't reflected in the example above. Here, lights in the path of motion are switched on seemingly at random. Move slower, and you'll see that every element lights up, and the faster you swi
saved by
related reading
- Transitionsanimations.dev
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- Anime.js | JavaScript Animation Engineanimejs.com
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Shading Motion - The Blog of Maxime Heckelblog-git-motion-post-maxime-heckels-projects.vercel.app
- Hovers, Cursors and Cute Interactions - Awwwardsawwwards.com
- The Web Animation Performance Tier List | Motion Magazinemotion.dev
- Intersection Observer API - Web APIs | MDNdeveloper.mozilla.org
- Sorrel Salb | Are.naare.na
- Zack Reneau-Wedeenzackrw.com
- Inside Framer's Magic Motionnan.fyi
- Homeperceptron.inc