[{"data":1,"prerenderedAt":432},["ShallowReactive",2],{"navigation":3,"/experiments/repulsion-effect":150,"authors":298},[4],{"title":5,"path":6,"stem":7,"children":8,"page":149},"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,129,133,137,141,145],{"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},"Gelatinous Cube","/experiments/gelatinous-cube","experiments/gelatinous-cube",{"title":54,"path":55,"stem":56},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":58,"path":59,"stem":60},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":62,"path":63,"stem":64},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":66,"path":67,"stem":68},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":70,"path":71,"stem":72},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":74,"path":75,"stem":76},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":78,"path":79,"stem":80},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":82,"path":83,"stem":84},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":86,"path":87,"stem":88},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":90,"path":91,"stem":92},"Plexus Particles","/experiments/plexus-particles","experiments/plexus-particles",{"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},"Rapier Basketball","/experiments/rapier-basketball","experiments/rapier-basketball",{"title":106,"path":107,"stem":108},"Rapier Vehicle","/experiments/rapier-car","experiments/rapier-car",{"title":110,"path":111,"stem":112},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":114,"path":115,"stem":116},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"title":118,"path":119,"stem":120},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":122,"path":123,"stem":124},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":126,"path":127,"stem":128},"Space Game","/experiments/space-game","experiments/space-game",{"title":130,"path":131,"stem":132},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":134,"path":135,"stem":136},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":138,"path":139,"stem":140},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":142,"path":143,"stem":144},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":146,"path":147,"stem":148},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":151,"title":118,"author":152,"body":153,"date":287,"description":118,"extension":288,"featured":149,"lastUpdated":287,"meta":289,"navigation":290,"path":119,"seo":291,"stem":120,"tags":292,"thumbnail":296,"__hash__":297},"experiments/experiments/repulsion-effect.md","damienmontastier",{"type":154,"value":155,"toc":279},"minimark",[156,165,170,173,207,211,214,246,250,276],[157,158,159,160,164],"p",{},"This experiment demonstrates a ",[161,162,163],"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.",[166,167,169],"h3",{"id":168},"what-youll-see","What You'll See",[157,171,172],{},"An interactive particle field featuring:",[174,175,176,183,189,195,201],"ul",{},[177,178,179,182],"li",{},[161,180,181],{},"Responsive Particles",": Hundreds of particles that dynamically respond to cursor movement",[177,184,185,188],{},[161,186,187],{},"Repulsion Physics",": Realistic force-based particle displacement away from mouse position",[177,190,191,194],{},[161,192,193],{},"Smooth Animations",": Fluid particle movement with natural physics simulation",[177,196,197,200],{},[161,198,199],{},"Interactive Feedback",": Immediate visual response to user input",[177,202,203,206],{},[161,204,205],{},"Performance Optimization",": Efficient rendering of numerous moving particles",[166,208,210],{"id":209},"technical-implementation","Technical Implementation",[157,212,213],{},"This experiment showcases particle system techniques:",[174,215,216,222,228,234,240],{},[177,217,218,221],{},[161,219,220],{},"Force-Based Physics",": Mathematical force calculations for realistic repulsion behavior",[177,223,224,227],{},[161,225,226],{},"Mouse Interaction",": Real-time cursor tracking converted to 3D world coordinates",[177,229,230,233],{},[161,231,232],{},"Particle Management",": Efficient handling of hundreds of individual particle instances",[177,235,236,239],{},[161,237,238],{},"Animation Loop",": Smooth 60fps particle movement using optimized update cycles",[177,241,242,245],{},[161,243,244],{},"Distance Calculations",": Proximity detection for force application",[166,247,249],{"id":248},"interactive-features","Interactive Features",[174,251,252,258,264,270],{},[177,253,254,257],{},[161,255,256],{},"Real-Time Response",": Instant particle reaction to mouse movement",[177,259,260,263],{},[161,261,262],{},"Natural Physics",": Believable force-based motion following physics principles",[177,265,266,269],{},[161,267,268],{},"Smooth Transitions",": Gradual particle movement creating organic flowing effects",[177,271,272,275],{},[161,273,274],{},"Boundary Handling",": Particles that respect scene boundaries and return to rest positions",[157,277,278],{},"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":280,"searchDepth":281,"depth":281,"links":282},"",2,[283,285,286],{"id":168,"depth":284,"text":169},3,{"id":209,"depth":284,"text":210},{"id":248,"depth":284,"text":249},"2024-02-28","md",{},true,{"title":118,"description":118},[293,294,295],"repulsion","effect","hover","/experiments/repulsion-effect.webp","r2cGQuJDK7lpDyoFw5OB6Fp-Q5QmcwdP1ASYL3IVd0Y",[299,315,330,346,362,380,397,415],{"id":300,"title":301,"avatar":302,"body":303,"description":280,"email":307,"extension":288,"github":308,"meta":309,"name":308,"navigation":290,"path":310,"seo":311,"slug":308,"stem":312,"twitter":308,"website":313,"__hash__":314},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":154,"value":304,"toc":305},[],{"title":280,"searchDepth":281,"depth":281,"links":306},[],"hola@alvarosaburido.dev","alvarosabu",{},"/authors/alvarosabu",{"description":280},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":316,"title":317,"avatar":318,"body":319,"description":280,"email":323,"extension":288,"github":324,"meta":325,"name":324,"navigation":290,"path":326,"seo":327,"slug":324,"stem":328,"twitter":323,"website":323,"__hash__":329},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":154,"value":320,"toc":321},[],{"title":280,"searchDepth":281,"depth":281,"links":322},[],null,"andretchen0",{},"/authors/andretchen0",{"description":280},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":331,"title":332,"avatar":333,"body":334,"description":280,"email":338,"extension":288,"github":152,"meta":339,"name":340,"navigation":290,"path":341,"seo":342,"slug":152,"stem":343,"twitter":344,"website":323,"__hash__":345},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":154,"value":335,"toc":336},[],{"title":280,"searchDepth":281,"depth":281,"links":337},[],"montastier.damien@gmail.com",{},"Damien Montastier","/authors/damienmontastier",{"description":280},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":347,"title":348,"avatar":349,"body":350,"description":280,"email":323,"extension":288,"github":354,"meta":355,"name":356,"navigation":290,"path":357,"seo":358,"slug":354,"stem":359,"twitter":360,"website":323,"__hash__":361},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":154,"value":351,"toc":352},[],{"title":280,"searchDepth":281,"depth":281,"links":353},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":280},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":363,"title":364,"avatar":365,"body":366,"description":280,"email":370,"extension":288,"github":371,"meta":372,"name":364,"navigation":290,"path":373,"seo":374,"slug":375,"stem":376,"twitter":377,"website":378,"__hash__":379},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":154,"value":367,"toc":368},[],{"title":280,"searchDepth":281,"depth":281,"links":369},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":280},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":381,"title":382,"avatar":383,"body":384,"description":280,"email":388,"extension":288,"github":389,"meta":390,"name":391,"navigation":290,"path":392,"seo":393,"slug":391,"stem":394,"twitter":388,"website":395,"__hash__":396},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":154,"value":385,"toc":386},[],{"title":280,"searchDepth":281,"depth":281,"links":387},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":280},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":398,"title":399,"avatar":400,"body":401,"description":280,"email":405,"extension":288,"github":406,"meta":407,"name":408,"navigation":290,"path":409,"seo":410,"slug":406,"stem":411,"twitter":412,"website":413,"__hash__":414},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":154,"value":402,"toc":403},[],{"title":280,"searchDepth":281,"depth":281,"links":404},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":280},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":416,"title":417,"avatar":418,"body":419,"description":280,"email":423,"extension":288,"github":424,"meta":425,"name":417,"navigation":290,"path":426,"seo":427,"slug":424,"stem":428,"twitter":429,"website":430,"__hash__":431},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":154,"value":420,"toc":421},[],{"title":280,"searchDepth":281,"depth":281,"links":422},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":280},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1785417194911]