[{"data":1,"prerenderedAt":155},["ShallowReactive",2],{"embed-repulsion-effect":3},{"id":4,"title":5,"author":6,"body":7,"date":141,"description":5,"extension":142,"featured":143,"lastUpdated":141,"meta":144,"navigation":145,"path":146,"responsive":143,"seo":147,"stem":148,"tags":149,"thumbnail":153,"__hash__":154},"experiments\u002Fexperiments\u002Frepulsion-effect.md","Repulsion Effect","damienmontastier",{"type":8,"value":9,"toc":133},"minimark",[10,19,24,27,61,65,68,100,104,130],[11,12,13,14,18],"p",{},"This experiment demonstrates a ",[15,16,17],"strong",{},"dynamic repulsion effect"," where particles react to mouse movement, creating an engaging interactive experience. Watch as particles flee from your cursor in realistic physics-based motion, showcasing advanced particle systems and user interaction.",[20,21,23],"h3",{"id":22},"what-youll-see","What You'll See",[11,25,26],{},"An interactive particle field featuring:",[28,29,30,37,43,49,55],"ul",{},[31,32,33,36],"li",{},[15,34,35],{},"Responsive Particles",": Hundreds of particles that dynamically respond to cursor movement",[31,38,39,42],{},[15,40,41],{},"Repulsion Physics",": Realistic force-based particle displacement away from mouse position",[31,44,45,48],{},[15,46,47],{},"Smooth Animations",": Fluid particle movement with natural physics simulation",[31,50,51,54],{},[15,52,53],{},"Interactive Feedback",": Immediate visual response to user input",[31,56,57,60],{},[15,58,59],{},"Performance Optimization",": Efficient rendering of numerous moving particles",[20,62,64],{"id":63},"technical-implementation","Technical Implementation",[11,66,67],{},"This experiment showcases particle system techniques:",[28,69,70,76,82,88,94],{},[31,71,72,75],{},[15,73,74],{},"Force-Based Physics",": Mathematical force calculations for realistic repulsion behavior",[31,77,78,81],{},[15,79,80],{},"Mouse Interaction",": Real-time cursor tracking converted to 3D world coordinates",[31,83,84,87],{},[15,85,86],{},"Particle Management",": Efficient handling of hundreds of individual particle instances",[31,89,90,93],{},[15,91,92],{},"Animation Loop",": Smooth 60fps particle movement using optimized update cycles",[31,95,96,99],{},[15,97,98],{},"Distance Calculations",": Proximity detection for force application",[20,101,103],{"id":102},"interactive-features","Interactive Features",[28,105,106,112,118,124],{},[31,107,108,111],{},[15,109,110],{},"Real-Time Response",": Instant particle reaction to mouse movement",[31,113,114,117],{},[15,115,116],{},"Natural Physics",": Believable force-based motion following physics principles",[31,119,120,123],{},[15,121,122],{},"Smooth Transitions",": Gradual particle movement creating organic flowing effects",[31,125,126,129],{},[15,127,128],{},"Boundary Handling",": Particles that respect scene boundaries and return to rest positions",[11,131,132],{},"This experiment perfectly demonstrates how interactive particle systems can create engaging user experiences, combining physics simulation with real-time user input for dynamic visual feedback.",{"title":134,"searchDepth":135,"depth":135,"links":136},"",2,[137,139,140],{"id":22,"depth":138,"text":23},3,{"id":63,"depth":138,"text":64},{"id":102,"depth":138,"text":103},"2024-02-28","md",false,{},true,"\u002Fexperiments\u002Frepulsion-effect",{"title":5,"description":5},"experiments\u002Frepulsion-effect",[150,151,152],"repulsion","effect","hover","\u002Fexperiments\u002Frepulsion-effect.webp","DUSWywSlMrFXU5B0o7fH1YDBb3n6NNwNfeVOa3B4I6M",1792681429669]