[{"data":1,"prerenderedAt":443},["ShallowReactive",2],{"navigation":3,"/experiments/brownian-distribution":134,"authors":327},[4],{"title":5,"path":6,"stem":7,"children":8,"page":133},"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],{"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},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"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},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":130,"path":131,"stem":132},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":135,"title":18,"author":136,"body":139,"date":318,"description":319,"extension":320,"featured":321,"lastUpdated":318,"meta":322,"navigation":321,"path":19,"seo":323,"stem":20,"tags":324,"thumbnail":325,"__hash__":326},"experiments/experiments/brownian-distribution.md",[137,138],"andretchen0","alvarosabu",{"type":140,"value":141,"toc":309},"minimark",[142,159,164,171,199,203,206,226,230,233,276,280,306],[143,144,145,146,150,151,158],"p",{},"This experiment demonstrates ",[147,148,149],"strong",{},"spatial object distribution"," using a random walk algorithm inspired by ",[152,153,157],"a",{"href":154,"rel":155},"https://en.wikipedia.org/wiki/Brownian_motion",[156],"nofollow","Brownian motion principles",". Rather than animating particles in motion, this visualization shows how objects can be positioned in 3D space using statistical patterns derived from random walk algorithms.",[160,161,163],"h3",{"id":162},"what-youll-see","What You'll See",[143,165,166,167,170],{},"The scene features ",[147,168,169],{},"2000 geometric objects"," (spheres, cubes, and pyramids) distributed throughout 3D space following a Brownian distribution pattern. Each object:",[172,173,174,181,187,193],"ul",{},[175,176,177,180],"li",{},[147,178,179],{},"Is positioned"," using a random walk algorithm that simulates particle displacement patterns",[175,182,183,186],{},[147,184,185],{},"Changes color on hover"," from the theme color to bright yellow",[175,188,189,192],{},[147,190,191],{},"Resets position"," when moving outside the boundary constraints",[175,194,195,198],{},[147,196,197],{},"Adapts to dark/light mode"," with appropriate color schemes",[160,200,202],{"id":201},"central-animation","Central Animation",[143,204,205],{},"At the center of the chaos, three geometric shapes (pyramid, cube, sphere) perform a synchronized dance:",[172,207,208,214,220],{},[175,209,210,213],{},[147,211,212],{},"Vertical oscillation"," using trigonometric functions",[175,215,216,219],{},[147,217,218],{},"Dynamic scaling"," that pulses with the animation",[175,221,222,225],{},[147,223,224],{},"Phase-shifted timing"," creating a wave-like effect",[160,227,229],{"id":228},"technical-implementation","Technical Implementation",[143,231,232],{},"The experiment showcases several advanced TresJS concepts:",[172,234,235,245,251,257,267],{},[175,236,237,240,241],{},[147,238,239],{},"Instanced Rendering",": Efficiently renders 2000 objects using ",[242,243,244],"code",{},"TresInstancedMesh",[175,246,247,250],{},[147,248,249],{},"Random Walk Distribution",": Implements spatial distribution using random walk patterns with boundary constraints",[175,252,253,256],{},[147,254,255],{},"Interactive Materials",": Hover effects using pointer events",[175,258,259,262,263,266],{},[147,260,261],{},"Loop Integration",": Smooth animations using ",[242,264,265],{},"useLoop"," composable",[175,268,269,272,273],{},[147,270,271],{},"Dark Mode Support",": Reactive color schemes using ",[242,274,275],{},"useDark",[160,277,279],{"id":278},"key-features","Key Features",[172,281,282,288,294,300],{},[175,283,284,287],{},[147,285,286],{},"Performance Optimized",": Uses Three.js instancing for smooth 60fps rendering",[175,289,290,293],{},[147,291,292],{},"Interactive",": Hover over any particle to see it highlight",[175,295,296,299],{},[147,297,298],{},"Responsive",": Adapts to different screen sizes and themes",[175,301,302,305],{},[147,303,304],{},"Statistically Accurate",": Implements random walk distribution patterns based on Brownian motion statistics",[143,307,308],{},"This visualization serves as both an educational tool for understanding random distributions and a performance benchmark for TresJS's capability to handle large numbers of interactive objects.",{"title":310,"searchDepth":311,"depth":311,"links":312},"",2,[313,315,316,317],{"id":162,"depth":314,"text":163},3,{"id":201,"depth":314,"text":202},{"id":228,"depth":314,"text":229},{"id":278,"depth":314,"text":279},"2025-01-01","Basic scene with grouping/parenting and Brownian distribution of instances","md",true,{},{"title":18,"description":319},[265],"/experiments/brownian-distribution.webp","tRCwUVrHBsjX5nw8qy6q40puwFDU1k2GLpVSyu5M144",[328,343,357,374,390,408,425],{"id":329,"title":330,"avatar":331,"body":332,"description":310,"email":336,"extension":320,"github":138,"meta":337,"name":138,"navigation":321,"path":338,"seo":339,"slug":138,"stem":340,"twitter":138,"website":341,"__hash__":342},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":140,"value":333,"toc":334},[],{"title":310,"searchDepth":311,"depth":311,"links":335},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":310},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":344,"title":345,"avatar":346,"body":347,"description":310,"email":351,"extension":320,"github":137,"meta":352,"name":137,"navigation":321,"path":353,"seo":354,"slug":137,"stem":355,"twitter":351,"website":351,"__hash__":356},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":140,"value":348,"toc":349},[],{"title":310,"searchDepth":311,"depth":311,"links":350},[],null,{},"/authors/andretchen0",{"description":310},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":358,"title":359,"avatar":360,"body":361,"description":310,"email":365,"extension":320,"github":366,"meta":367,"name":368,"navigation":321,"path":369,"seo":370,"slug":366,"stem":371,"twitter":372,"website":351,"__hash__":373},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":140,"value":362,"toc":363},[],{"title":310,"searchDepth":311,"depth":311,"links":364},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":310},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":375,"title":376,"avatar":377,"body":378,"description":310,"email":351,"extension":320,"github":382,"meta":383,"name":384,"navigation":321,"path":385,"seo":386,"slug":382,"stem":387,"twitter":388,"website":351,"__hash__":389},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":140,"value":379,"toc":380},[],{"title":310,"searchDepth":311,"depth":311,"links":381},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":310},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":391,"title":392,"avatar":393,"body":394,"description":310,"email":398,"extension":320,"github":399,"meta":400,"name":392,"navigation":321,"path":401,"seo":402,"slug":403,"stem":404,"twitter":405,"website":406,"__hash__":407},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":140,"value":395,"toc":396},[],{"title":310,"searchDepth":311,"depth":311,"links":397},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":310},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":409,"title":410,"avatar":411,"body":412,"description":310,"email":416,"extension":320,"github":417,"meta":418,"name":419,"navigation":321,"path":420,"seo":421,"slug":419,"stem":422,"twitter":416,"website":423,"__hash__":424},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":140,"value":413,"toc":414},[],{"title":310,"searchDepth":311,"depth":311,"links":415},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":310},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":426,"title":427,"avatar":428,"body":429,"description":310,"email":433,"extension":320,"github":434,"meta":435,"name":436,"navigation":321,"path":437,"seo":438,"slug":434,"stem":439,"twitter":440,"website":441,"__hash__":442},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":140,"value":430,"toc":431},[],{"title":310,"searchDepth":311,"depth":311,"links":432},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":310},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1782052341829]