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