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