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