[{"data":1,"prerenderedAt":388},["ShallowReactive",2],{"navigation":3,"/experiments/repulsion-effect":122,"authors":270},[4],{"title":5,"path":6,"stem":7,"children":8,"page":121},"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],{"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},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":90,"path":91,"stem":92},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":94,"path":95,"stem":96},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":98,"path":99,"stem":100},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":102,"path":103,"stem":104},"Space Game","/experiments/space-game","experiments/space-game",{"title":106,"path":107,"stem":108},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":110,"path":111,"stem":112},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":114,"path":115,"stem":116},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":118,"path":119,"stem":120},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":123,"title":94,"author":124,"body":125,"date":259,"description":94,"extension":260,"featured":121,"lastUpdated":259,"meta":261,"navigation":262,"path":95,"seo":263,"stem":96,"tags":264,"thumbnail":268,"__hash__":269},"experiments/experiments/repulsion-effect.md","damienmontastier",{"type":126,"value":127,"toc":251},"minimark",[128,137,142,145,179,183,186,218,222,248],[129,130,131,132,136],"p",{},"This experiment demonstrates a ",[133,134,135],"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.",[138,139,141],"h3",{"id":140},"what-youll-see","What You'll See",[129,143,144],{},"An interactive particle field featuring:",[146,147,148,155,161,167,173],"ul",{},[149,150,151,154],"li",{},[133,152,153],{},"Responsive Particles",": Hundreds of particles that dynamically respond to cursor movement",[149,156,157,160],{},[133,158,159],{},"Repulsion Physics",": Realistic force-based particle displacement away from mouse position",[149,162,163,166],{},[133,164,165],{},"Smooth Animations",": Fluid particle movement with natural physics simulation",[149,168,169,172],{},[133,170,171],{},"Interactive Feedback",": Immediate visual response to user input",[149,174,175,178],{},[133,176,177],{},"Performance Optimization",": Efficient rendering of numerous moving particles",[138,180,182],{"id":181},"technical-implementation","Technical Implementation",[129,184,185],{},"This experiment showcases particle system techniques:",[146,187,188,194,200,206,212],{},[149,189,190,193],{},[133,191,192],{},"Force-Based Physics",": Mathematical force calculations for realistic repulsion behavior",[149,195,196,199],{},[133,197,198],{},"Mouse Interaction",": Real-time cursor tracking converted to 3D world coordinates",[149,201,202,205],{},[133,203,204],{},"Particle Management",": Efficient handling of hundreds of individual particle instances",[149,207,208,211],{},[133,209,210],{},"Animation Loop",": Smooth 60fps particle movement using optimized update cycles",[149,213,214,217],{},[133,215,216],{},"Distance Calculations",": Proximity detection for force application",[138,219,221],{"id":220},"interactive-features","Interactive Features",[146,223,224,230,236,242],{},[149,225,226,229],{},[133,227,228],{},"Real-Time Response",": Instant particle reaction to mouse movement",[149,231,232,235],{},[133,233,234],{},"Natural Physics",": Believable force-based motion following physics principles",[149,237,238,241],{},[133,239,240],{},"Smooth Transitions",": Gradual particle movement creating organic flowing effects",[149,243,244,247],{},[133,245,246],{},"Boundary Handling",": Particles that respect scene boundaries and return to rest positions",[129,249,250],{},"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":252,"searchDepth":253,"depth":253,"links":254},"",2,[255,257,258],{"id":140,"depth":256,"text":141},3,{"id":181,"depth":256,"text":182},{"id":220,"depth":256,"text":221},"2024-02-28","md",{},true,{"title":94,"description":94},[265,266,267],"repulsion","effect","hover","/experiments/repulsion-effect.png","PDe5qU3LrCc9y1ljmglPCl7sxmhnmgQxGCKtxZtVSeE",[271,288,303,319,335,353,370],{"id":272,"title":273,"avatar":274,"body":275,"description":252,"email":279,"extension":260,"github":280,"meta":281,"name":282,"navigation":262,"path":283,"seo":284,"slug":280,"stem":285,"twitter":280,"website":286,"__hash__":287},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpg",{"type":126,"value":276,"toc":277},[],{"title":252,"searchDepth":253,"depth":253,"links":278},[],"hola@alvarosaburido.dev","alvarosabu",{},"Alvaro Saburido","/authors/alvarosabu",{"description":252},"authors/alvarosabu","https://alvarosaburido.dev","FWpr6-OcVRzMvvsjRaD8icRidgpKVLCtrKy9-l_5GZM",{"id":289,"title":290,"avatar":291,"body":292,"description":252,"email":296,"extension":260,"github":297,"meta":298,"name":297,"navigation":262,"path":299,"seo":300,"slug":297,"stem":301,"twitter":296,"website":296,"__hash__":302},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":126,"value":293,"toc":294},[],{"title":252,"searchDepth":253,"depth":253,"links":295},[],null,"andretchen0",{},"/authors/andretchen0",{"description":252},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":304,"title":305,"avatar":306,"body":307,"description":252,"email":311,"extension":260,"github":124,"meta":312,"name":313,"navigation":262,"path":314,"seo":315,"slug":124,"stem":316,"twitter":317,"website":296,"__hash__":318},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":126,"value":308,"toc":309},[],{"title":252,"searchDepth":253,"depth":253,"links":310},[],"montastier.damien@gmail.com",{},"Damien Montastier","/authors/damienmontastier",{"description":252},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":320,"title":321,"avatar":322,"body":323,"description":252,"email":296,"extension":260,"github":327,"meta":328,"name":329,"navigation":262,"path":330,"seo":331,"slug":327,"stem":332,"twitter":333,"website":296,"__hash__":334},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":126,"value":324,"toc":325},[],{"title":252,"searchDepth":253,"depth":253,"links":326},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":252},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":336,"title":337,"avatar":338,"body":339,"description":252,"email":343,"extension":260,"github":344,"meta":345,"name":337,"navigation":262,"path":346,"seo":347,"slug":348,"stem":349,"twitter":350,"website":351,"__hash__":352},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":126,"value":340,"toc":341},[],{"title":252,"searchDepth":253,"depth":253,"links":342},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":252},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":354,"title":355,"avatar":356,"body":357,"description":252,"email":361,"extension":260,"github":362,"meta":363,"name":364,"navigation":262,"path":365,"seo":366,"slug":364,"stem":367,"twitter":361,"website":368,"__hash__":369},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":126,"value":358,"toc":359},[],{"title":252,"searchDepth":253,"depth":253,"links":360},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":252},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":371,"title":372,"avatar":373,"body":374,"description":252,"email":378,"extension":260,"github":379,"meta":380,"name":381,"navigation":262,"path":382,"seo":383,"slug":379,"stem":384,"twitter":385,"website":386,"__hash__":387},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":126,"value":375,"toc":376},[],{"title":252,"searchDepth":253,"depth":253,"links":377},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":252},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1768600262103]