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