[{"data":1,"prerenderedAt":396},["ShallowReactive",2],{"navigation":3,"/experiments/repulsion-effect":130,"authors":278},[4],{"title":5,"path":6,"stem":7,"children":8,"page":129},"Experiments","/experiments","experiments",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125],{"title":10,"path":11,"stem":12},"Array of cameras","/experiments/array-cameras","experiments/array-cameras",{"title":14,"path":15,"stem":16},"Brickelangelo David","/experiments/brickelangelo-david","experiments/brickelangelo-david",{"title":18,"path":19,"stem":20},"Basic Brownian distribution","/experiments/brownian-distribution","experiments/brownian-distribution",{"title":22,"path":23,"stem":24},"Porsche 911 Car Showcase","/experiments/car-showcase","experiments/car-showcase",{"title":26,"path":27,"stem":28},"Coffee Smoke","/experiments/coffee-smoke","experiments/coffee-smoke",{"title":30,"path":31,"stem":32},"Cube Boy Dancefloor","/experiments/cube-boy-dancefloor","experiments/cube-boy-dancefloor",{"title":34,"path":35,"stem":36},"Cult of the lamb 🐑","/experiments/cult-of-the-lamb","experiments/cult-of-the-lamb",{"title":38,"path":39,"stem":40},"Dancing blob","/experiments/dancing-blob","experiments/dancing-blob",{"title":42,"path":43,"stem":44},"Fireworks Shader","/experiments/fireworks-shader","experiments/fireworks-shader",{"title":46,"path":47,"stem":48},"Galaxy Generator 🪐","/experiments/galaxy-generator","experiments/galaxy-generator",{"title":50,"path":51,"stem":52},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":54,"path":55,"stem":56},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":58,"path":59,"stem":60},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":62,"path":63,"stem":64},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":66,"path":67,"stem":68},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":70,"path":71,"stem":72},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":74,"path":75,"stem":76},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":78,"path":79,"stem":80},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":82,"path":83,"stem":84},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":86,"path":87,"stem":88},"Pixel Noise Shaders Sandbox","/experiments/pixel-noise-shaders-sandbox","experiments/pixel-noise-shaders-sandbox",{"title":90,"path":91,"stem":92},"Pixel Plasma Shader","/experiments/pixel-plasma-shader","experiments/pixel-plasma-shader",{"title":94,"path":95,"stem":96},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":98,"path":99,"stem":100},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":102,"path":103,"stem":104},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":106,"path":107,"stem":108},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":110,"path":111,"stem":112},"Space Game","/experiments/space-game","experiments/space-game",{"title":114,"path":115,"stem":116},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":118,"path":119,"stem":120},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":122,"path":123,"stem":124},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":126,"path":127,"stem":128},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":131,"title":102,"author":132,"body":133,"date":267,"description":102,"extension":268,"featured":129,"lastUpdated":267,"meta":269,"navigation":270,"path":103,"seo":271,"stem":104,"tags":272,"thumbnail":276,"__hash__":277},"experiments/experiments/repulsion-effect.md","damienmontastier",{"type":134,"value":135,"toc":259},"minimark",[136,145,150,153,187,191,194,226,230,256],[137,138,139,140,144],"p",{},"This experiment demonstrates a ",[141,142,143],"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.",[146,147,149],"h3",{"id":148},"what-youll-see","What You'll See",[137,151,152],{},"An interactive particle field featuring:",[154,155,156,163,169,175,181],"ul",{},[157,158,159,162],"li",{},[141,160,161],{},"Responsive Particles",": Hundreds of particles that dynamically respond to cursor movement",[157,164,165,168],{},[141,166,167],{},"Repulsion Physics",": Realistic force-based particle displacement away from mouse position",[157,170,171,174],{},[141,172,173],{},"Smooth Animations",": Fluid particle movement with natural physics simulation",[157,176,177,180],{},[141,178,179],{},"Interactive Feedback",": Immediate visual response to user input",[157,182,183,186],{},[141,184,185],{},"Performance Optimization",": Efficient rendering of numerous moving particles",[146,188,190],{"id":189},"technical-implementation","Technical Implementation",[137,192,193],{},"This experiment showcases particle system techniques:",[154,195,196,202,208,214,220],{},[157,197,198,201],{},[141,199,200],{},"Force-Based Physics",": Mathematical force calculations for realistic repulsion behavior",[157,203,204,207],{},[141,205,206],{},"Mouse Interaction",": Real-time cursor tracking converted to 3D world coordinates",[157,209,210,213],{},[141,211,212],{},"Particle Management",": Efficient handling of hundreds of individual particle instances",[157,215,216,219],{},[141,217,218],{},"Animation Loop",": Smooth 60fps particle movement using optimized update cycles",[157,221,222,225],{},[141,223,224],{},"Distance Calculations",": Proximity detection for force application",[146,227,229],{"id":228},"interactive-features","Interactive Features",[154,231,232,238,244,250],{},[157,233,234,237],{},[141,235,236],{},"Real-Time Response",": Instant particle reaction to mouse movement",[157,239,240,243],{},[141,241,242],{},"Natural Physics",": Believable force-based motion following physics principles",[157,245,246,249],{},[141,247,248],{},"Smooth Transitions",": Gradual particle movement creating organic flowing effects",[157,251,252,255],{},[141,253,254],{},"Boundary Handling",": Particles that respect scene boundaries and return to rest positions",[137,257,258],{},"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":260,"searchDepth":261,"depth":261,"links":262},"",2,[263,265,266],{"id":148,"depth":264,"text":149},3,{"id":189,"depth":264,"text":190},{"id":228,"depth":264,"text":229},"2024-02-28","md",{},true,{"title":102,"description":102},[273,274,275],"repulsion","effect","hover","/experiments/repulsion-effect.png","PDe5qU3LrCc9y1ljmglPCl7sxmhnmgQxGCKtxZtVSeE",[279,296,311,327,343,361,378],{"id":280,"title":281,"avatar":282,"body":283,"description":260,"email":287,"extension":268,"github":288,"meta":289,"name":290,"navigation":270,"path":291,"seo":292,"slug":288,"stem":293,"twitter":288,"website":294,"__hash__":295},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpg",{"type":134,"value":284,"toc":285},[],{"title":260,"searchDepth":261,"depth":261,"links":286},[],"hola@alvarosaburido.dev","alvarosabu",{},"Alvaro Saburido","/authors/alvarosabu",{"description":260},"authors/alvarosabu","https://alvarosaburido.dev","FWpr6-OcVRzMvvsjRaD8icRidgpKVLCtrKy9-l_5GZM",{"id":297,"title":298,"avatar":299,"body":300,"description":260,"email":304,"extension":268,"github":305,"meta":306,"name":305,"navigation":270,"path":307,"seo":308,"slug":305,"stem":309,"twitter":304,"website":304,"__hash__":310},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":134,"value":301,"toc":302},[],{"title":260,"searchDepth":261,"depth":261,"links":303},[],null,"andretchen0",{},"/authors/andretchen0",{"description":260},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":312,"title":313,"avatar":314,"body":315,"description":260,"email":319,"extension":268,"github":132,"meta":320,"name":321,"navigation":270,"path":322,"seo":323,"slug":132,"stem":324,"twitter":325,"website":304,"__hash__":326},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":134,"value":316,"toc":317},[],{"title":260,"searchDepth":261,"depth":261,"links":318},[],"montastier.damien@gmail.com",{},"Damien Montastier","/authors/damienmontastier",{"description":260},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":328,"title":329,"avatar":330,"body":331,"description":260,"email":304,"extension":268,"github":335,"meta":336,"name":337,"navigation":270,"path":338,"seo":339,"slug":335,"stem":340,"twitter":341,"website":304,"__hash__":342},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":134,"value":332,"toc":333},[],{"title":260,"searchDepth":261,"depth":261,"links":334},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":260},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":344,"title":345,"avatar":346,"body":347,"description":260,"email":351,"extension":268,"github":352,"meta":353,"name":345,"navigation":270,"path":354,"seo":355,"slug":356,"stem":357,"twitter":358,"website":359,"__hash__":360},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":134,"value":348,"toc":349},[],{"title":260,"searchDepth":261,"depth":261,"links":350},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":260},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":362,"title":363,"avatar":364,"body":365,"description":260,"email":369,"extension":268,"github":370,"meta":371,"name":372,"navigation":270,"path":373,"seo":374,"slug":372,"stem":375,"twitter":369,"website":376,"__hash__":377},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":134,"value":366,"toc":367},[],{"title":260,"searchDepth":261,"depth":261,"links":368},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":260},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":379,"title":380,"avatar":381,"body":382,"description":260,"email":386,"extension":268,"github":387,"meta":388,"name":389,"navigation":270,"path":390,"seo":391,"slug":387,"stem":392,"twitter":393,"website":394,"__hash__":395},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":134,"value":383,"toc":384},[],{"title":260,"searchDepth":261,"depth":261,"links":385},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":260},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1774953670495]