The Vector Field Button
Description: A button that is not a static shape, but a defined area of high viscosity and magnetic attraction.
Concept: Vector Fields & Fluid Dynamics.
The button generates a localized attractive force field. When the cursor (a particle) enters the vicinity, the button shape morphs (using spline mathematics) to reach out to the cursor, and the cursor is physically pulled toward the center of the button (magnetic snap).
Features:
Liquid Morphing: The border is defined by a Catmull-Rom spline that deforms like a water droplet breaking surface tension.
Inertial Drag: When the mouse leaves, the button doesn't just snap back; it oscillates (damps) like a spring (
F=−kx−cvF=−kx−cv) before coming to rest.Proximity Glow: Light intensity follows the Inverse Square Law (
I∝1/d2I∝1/d2) relative to the cursor distance.
Uses:
Call to Action (CTA) buttons.
Submit triggers.
Navigation nodes.
Benefits:
Drastically increases Click-Through Rate (CTR) due to the "magnetic" feeling making it hard to miss.
Gamifies the interaction, making the user feel a physical connection to the interface.