[{"data":1,"prerenderedAt":436},["ShallowReactive",2],{"navigation":3,"/experiments/repulsion-effect":154,"authors":302},[4],{"title":5,"path":6,"stem":7,"children":8,"page":153},"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,149],{"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",{"title":150,"path":151,"stem":152},"World Walker","/experiments/world-walker","experiments/world-walker",false,{"id":155,"title":118,"author":156,"body":157,"date":291,"description":118,"extension":292,"featured":153,"lastUpdated":291,"meta":293,"navigation":294,"path":119,"seo":295,"stem":120,"tags":296,"thumbnail":300,"__hash__":301},"experiments/experiments/repulsion-effect.md","damienmontastier",{"type":158,"value":159,"toc":283},"minimark",[160,169,174,177,211,215,218,250,254,280],[161,162,163,164,168],"p",{},"This experiment demonstrates a ",[165,166,167],"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.",[170,171,173],"h3",{"id":172},"what-youll-see","What You'll See",[161,175,176],{},"An interactive particle field featuring:",[178,179,180,187,193,199,205],"ul",{},[181,182,183,186],"li",{},[165,184,185],{},"Responsive Particles",": Hundreds of particles that dynamically respond to cursor movement",[181,188,189,192],{},[165,190,191],{},"Repulsion Physics",": Realistic force-based particle displacement away from mouse position",[181,194,195,198],{},[165,196,197],{},"Smooth Animations",": Fluid particle movement with natural physics simulation",[181,200,201,204],{},[165,202,203],{},"Interactive Feedback",": Immediate visual response to user input",[181,206,207,210],{},[165,208,209],{},"Performance Optimization",": Efficient rendering of numerous moving particles",[170,212,214],{"id":213},"technical-implementation","Technical Implementation",[161,216,217],{},"This experiment showcases particle system techniques:",[178,219,220,226,232,238,244],{},[181,221,222,225],{},[165,223,224],{},"Force-Based Physics",": Mathematical force calculations for realistic repulsion behavior",[181,227,228,231],{},[165,229,230],{},"Mouse Interaction",": Real-time cursor tracking converted to 3D world coordinates",[181,233,234,237],{},[165,235,236],{},"Particle Management",": Efficient handling of hundreds of individual particle instances",[181,239,240,243],{},[165,241,242],{},"Animation Loop",": Smooth 60fps particle movement using optimized update cycles",[181,245,246,249],{},[165,247,248],{},"Distance Calculations",": Proximity detection for force application",[170,251,253],{"id":252},"interactive-features","Interactive Features",[178,255,256,262,268,274],{},[181,257,258,261],{},[165,259,260],{},"Real-Time Response",": Instant particle reaction to mouse movement",[181,263,264,267],{},[165,265,266],{},"Natural Physics",": Believable force-based motion following physics principles",[181,269,270,273],{},[165,271,272],{},"Smooth Transitions",": Gradual particle movement creating organic flowing effects",[181,275,276,279],{},[165,277,278],{},"Boundary Handling",": Particles that respect scene boundaries and return to rest positions",[161,281,282],{},"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":284,"searchDepth":285,"depth":285,"links":286},"",2,[287,289,290],{"id":172,"depth":288,"text":173},3,{"id":213,"depth":288,"text":214},{"id":252,"depth":288,"text":253},"2024-02-28","md",{},true,{"title":118,"description":118},[297,298,299],"repulsion","effect","hover","/experiments/repulsion-effect.webp","r2cGQuJDK7lpDyoFw5OB6Fp-Q5QmcwdP1ASYL3IVd0Y",[303,319,334,350,366,384,401,419],{"id":304,"title":305,"avatar":306,"body":307,"description":284,"email":311,"extension":292,"github":312,"meta":313,"name":312,"navigation":294,"path":314,"seo":315,"slug":312,"stem":316,"twitter":312,"website":317,"__hash__":318},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":158,"value":308,"toc":309},[],{"title":284,"searchDepth":285,"depth":285,"links":310},[],"hola@alvarosaburido.dev","alvarosabu",{},"/authors/alvarosabu",{"description":284},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":320,"title":321,"avatar":322,"body":323,"description":284,"email":327,"extension":292,"github":328,"meta":329,"name":328,"navigation":294,"path":330,"seo":331,"slug":328,"stem":332,"twitter":327,"website":327,"__hash__":333},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":158,"value":324,"toc":325},[],{"title":284,"searchDepth":285,"depth":285,"links":326},[],null,"andretchen0",{},"/authors/andretchen0",{"description":284},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":335,"title":336,"avatar":337,"body":338,"description":284,"email":342,"extension":292,"github":156,"meta":343,"name":344,"navigation":294,"path":345,"seo":346,"slug":156,"stem":347,"twitter":348,"website":327,"__hash__":349},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":158,"value":339,"toc":340},[],{"title":284,"searchDepth":285,"depth":285,"links":341},[],"montastier.damien@gmail.com",{},"Damien Montastier","/authors/damienmontastier",{"description":284},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":351,"title":352,"avatar":353,"body":354,"description":284,"email":327,"extension":292,"github":358,"meta":359,"name":360,"navigation":294,"path":361,"seo":362,"slug":358,"stem":363,"twitter":364,"website":327,"__hash__":365},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":158,"value":355,"toc":356},[],{"title":284,"searchDepth":285,"depth":285,"links":357},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":284},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":367,"title":368,"avatar":369,"body":370,"description":284,"email":374,"extension":292,"github":375,"meta":376,"name":368,"navigation":294,"path":377,"seo":378,"slug":379,"stem":380,"twitter":381,"website":382,"__hash__":383},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":158,"value":371,"toc":372},[],{"title":284,"searchDepth":285,"depth":285,"links":373},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":284},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":385,"title":386,"avatar":387,"body":388,"description":284,"email":392,"extension":292,"github":393,"meta":394,"name":395,"navigation":294,"path":396,"seo":397,"slug":395,"stem":398,"twitter":392,"website":399,"__hash__":400},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":158,"value":389,"toc":390},[],{"title":284,"searchDepth":285,"depth":285,"links":391},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":284},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":402,"title":403,"avatar":404,"body":405,"description":284,"email":409,"extension":292,"github":410,"meta":411,"name":412,"navigation":294,"path":413,"seo":414,"slug":410,"stem":415,"twitter":416,"website":417,"__hash__":418},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":158,"value":406,"toc":407},[],{"title":284,"searchDepth":285,"depth":285,"links":408},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":284},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":420,"title":421,"avatar":422,"body":423,"description":284,"email":427,"extension":292,"github":428,"meta":429,"name":421,"navigation":294,"path":430,"seo":431,"slug":428,"stem":432,"twitter":433,"website":434,"__hash__":435},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":158,"value":424,"toc":425},[],{"title":284,"searchDepth":285,"depth":285,"links":426},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":284},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1787004691221]