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