[{"data":1,"prerenderedAt":1530},["ShallowReactive",2],{"navigation":3,"\u002Fapi\u002Fabstractions\u002Fsampler":498,"\u002Fapi\u002Fabstractions\u002Fsampler-surround":1525},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10,14,18,22],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":19,"path":20,"stem":21},"Loading Models","\u002Fgetting-started\u002Floading-models","1.getting-started\u002F4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","\u002Fgetting-started\u002Fupgrade-guide","1.getting-started\u002F5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","\u002Fapi","2.api",[31,34,96,126,168,210,308,334,368,418,464],{"title":32,"path":28,"stem":33},"All","2.api\u002Findex",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","\u002Fapi\u002Fabstractions","2.api\u002F1.abstractions\u002Findex",[39,40,44,48,52,56,60,64,68,72,76,80,84,88,92],{"title":35,"path":36,"stem":37},{"title":41,"path":42,"stem":43},"Align","\u002Fapi\u002Fabstractions\u002Falign","2.api\u002F1.abstractions\u002Falign",{"title":45,"path":46,"stem":47},"Billboard","\u002Fapi\u002Fabstractions\u002Fbillboard","2.api\u002F1.abstractions\u002Fbillboard",{"title":49,"path":50,"stem":51},"Camera Shake","\u002Fapi\u002Fabstractions\u002Fcamera-shake","2.api\u002F1.abstractions\u002Fcamera-shake",{"title":53,"path":54,"stem":55},"Decal","\u002Fapi\u002Fabstractions\u002Fdecal","2.api\u002F1.abstractions\u002Fdecal",{"title":57,"path":58,"stem":59},"Edges","\u002Fapi\u002Fabstractions\u002Fedges","2.api\u002F1.abstractions\u002Fedges",{"title":61,"path":62,"stem":63},"Fit","\u002Fapi\u002Fabstractions\u002Ffit","2.api\u002F1.abstractions\u002Ffit",{"title":65,"path":66,"stem":67},"Instances","\u002Fapi\u002Fabstractions\u002Finstances","2.api\u002F1.abstractions\u002Finstances",{"title":69,"path":70,"stem":71},"Levioso (Float)","\u002Fapi\u002Fabstractions\u002Flevioso","2.api\u002F1.abstractions\u002Flevioso",{"title":73,"path":74,"stem":75},"Mask","\u002Fapi\u002Fabstractions\u002Fmask","2.api\u002F1.abstractions\u002Fmask",{"title":77,"path":78,"stem":79},"Merged","\u002Fapi\u002Fabstractions\u002Fmerged","2.api\u002F1.abstractions\u002Fmerged",{"title":81,"path":82,"stem":83},"Outline","\u002Fapi\u002Fabstractions\u002Foutline","2.api\u002F1.abstractions\u002Foutline",{"title":85,"path":86,"stem":87},"Sampler","\u002Fapi\u002Fabstractions\u002Fsampler","2.api\u002F1.abstractions\u002Fsampler",{"title":89,"path":90,"stem":91},"ScreenSizer","\u002Fapi\u002Fabstractions\u002Fscreen-sizer","2.api\u002F1.abstractions\u002Fscreen-sizer",{"title":93,"path":94,"stem":95},"ScreenSpace","\u002Fapi\u002Fabstractions\u002Fscreen-space","2.api\u002F1.abstractions\u002Fscreen-space",{"title":97,"path":98,"stem":99,"children":100},"Controls","\u002Fapi\u002Fcontrols","2.api\u002F2.controls\u002Findex",[101,102,106,110,114,118,122],{"title":97,"path":98,"stem":99},{"title":103,"path":104,"stem":105},"Camera Controls","\u002Fapi\u002Fcontrols\u002Fcamera-controls","2.api\u002F2.controls\u002Fcamera-controls",{"title":107,"path":108,"stem":109},"Keyboard Controls","\u002Fapi\u002Fcontrols\u002Fkeyboard-controls","2.api\u002F2.controls\u002Fkeyboard-controls",{"title":111,"path":112,"stem":113},"Map Controls","\u002Fapi\u002Fcontrols\u002Fmap-controls","2.api\u002F2.controls\u002Fmap-controls",{"title":115,"path":116,"stem":117},"Orbit Controls","\u002Fapi\u002Fcontrols\u002Forbit-controls","2.api\u002F2.controls\u002Forbit-controls",{"title":119,"path":120,"stem":121},"PointerLock Controls","\u002Fapi\u002Fcontrols\u002Fpointer-lock-controls","2.api\u002F2.controls\u002Fpointer-lock-controls",{"title":123,"path":124,"stem":125},"Transform Controls","\u002Fapi\u002Fcontrols\u002Ftransform-controls","2.api\u002F2.controls\u002Ftransform-controls",{"title":127,"path":128,"stem":129,"children":130},"Loaders","\u002Fapi\u002Floaders","2.api\u002F3.loaders\u002Findex",[131,132,136,140,144,148,152,156,160,164],{"title":127,"path":128,"stem":129},{"title":133,"path":134,"stem":135},"useGLTF","\u002Fapi\u002Floaders\u002Fuse-gltf","2.api\u002F3.loaders\u002F1.use-gltf",{"title":137,"path":138,"stem":139},"GLTFModel","\u002Fapi\u002Floaders\u002Fgltf-model","2.api\u002F3.loaders\u002F2.gltf-model",{"title":141,"path":142,"stem":143},"useFBX","\u002Fapi\u002Floaders\u002Fuse-fbx","2.api\u002F3.loaders\u002F3.use-fbx",{"title":145,"path":146,"stem":147},"FBXModel","\u002Fapi\u002Floaders\u002Ffbx-model","2.api\u002F3.loaders\u002F4.fbx-model",{"title":149,"path":150,"stem":151},"useTexture","\u002Fapi\u002Floaders\u002Fuse-texture","2.api\u002F3.loaders\u002F5.use-texture",{"title":153,"path":154,"stem":155},"useTextures","\u002Fapi\u002Floaders\u002Fuse-textures","2.api\u002F3.loaders\u002F6.use-textures",{"title":157,"path":158,"stem":159},"useSVG","\u002Fapi\u002Floaders\u002Fuse-svg","2.api\u002F3.loaders\u002F7.use-svg",{"title":161,"path":162,"stem":163},"useProgress","\u002Fapi\u002Floaders\u002Fuse-progress","2.api\u002F3.loaders\u002Fuse-progress",{"title":165,"path":166,"stem":167},"useVideoTexture","\u002Fapi\u002Floaders\u002Fuse-video-texture","2.api\u002F3.loaders\u002Fuse-video-texture",{"title":169,"path":170,"stem":171,"children":172},"Materials","\u002Fapi\u002Fmaterials","2.api\u002F4.materials\u002Findex",[173,174,178,182,186,190,194,198,202,206],{"title":169,"path":170,"stem":171},{"title":175,"path":176,"stem":177},"Custom Shader Material","\u002Fapi\u002Fmaterials\u002Fcustom-shader-material","2.api\u002F4.materials\u002Fcustom-shader-material",{"title":179,"path":180,"stem":181},"Mesh Glass Material","\u002Fapi\u002Fmaterials\u002Fglass-material","2.api\u002F4.materials\u002Fglass-material",{"title":183,"path":184,"stem":185},"Holographic Material","\u002Fapi\u002Fmaterials\u002Fholographic-material","2.api\u002F4.materials\u002Fholographic-material",{"title":187,"path":188,"stem":189},"Mesh Discard Material","\u002Fapi\u002Fmaterials\u002Fmesh-discard-material","2.api\u002F4.materials\u002Fmesh-discard-material",{"title":191,"path":192,"stem":193},"Mesh Portal Material","\u002Fapi\u002Fmaterials\u002Fmesh-portal-material","2.api\u002F4.materials\u002Fmesh-portal-material",{"title":195,"path":196,"stem":197},"Mesh Reflection Material","\u002Fapi\u002Fmaterials\u002Fmesh-reflection-material","2.api\u002F4.materials\u002Fmesh-reflection-material",{"title":199,"path":200,"stem":201},"Mesh Transmission Material","\u002Fapi\u002Fmaterials\u002Fmesh-transmission-material","2.api\u002F4.materials\u002Fmesh-transmission-material",{"title":203,"path":204,"stem":205},"Point Material","\u002Fapi\u002Fmaterials\u002Fpoint-material","2.api\u002F4.materials\u002Fpoint-material",{"title":207,"path":208,"stem":209},"Wobble Material","\u002Fapi\u002Fmaterials\u002Fwobble-material","2.api\u002F4.materials\u002Fwobble-material",{"title":211,"path":212,"stem":213,"children":214},"Shapes","\u002Fapi\u002Fshapes","2.api\u002F5.shapes\u002Findex",[215,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304],{"title":211,"path":212,"stem":213},{"title":217,"path":218,"stem":219},"Box","\u002Fapi\u002Fshapes\u002Fbox","2.api\u002F5.shapes\u002Fbox",{"title":221,"path":222,"stem":223},"CatmullRomCurve3","\u002Fapi\u002Fshapes\u002Fcatmullromcurve3","2.api\u002F5.shapes\u002Fcatmullromcurve3",{"title":225,"path":226,"stem":227},"Circle","\u002Fapi\u002Fshapes\u002Fcircle","2.api\u002F5.shapes\u002Fcircle",{"title":229,"path":230,"stem":231},"Cone","\u002Fapi\u002Fshapes\u002Fcone","2.api\u002F5.shapes\u002Fcone",{"title":233,"path":234,"stem":235},"Cubic Bezier Line","\u002Fapi\u002Fshapes\u002Fcubic-bezier-line","2.api\u002F5.shapes\u002Fcubic-bezier-line",{"title":237,"path":238,"stem":239},"Cylinder","\u002Fapi\u002Fshapes\u002Fcylinder","2.api\u002F5.shapes\u002Fcylinder",{"title":241,"path":242,"stem":243},"Dodecahedron","\u002Fapi\u002Fshapes\u002Fdodecahedron","2.api\u002F5.shapes\u002Fdodecahedron",{"title":245,"path":246,"stem":247},"Grid","\u002Fapi\u002Fshapes\u002Fgrid","2.api\u002F5.shapes\u002Fgrid",{"title":249,"path":250,"stem":251},"Icosahedron","\u002Fapi\u002Fshapes\u002Ficosahedron","2.api\u002F5.shapes\u002Ficosahedron",{"title":253,"path":254,"stem":255},"Line2","\u002Fapi\u002Fshapes\u002Fline2","2.api\u002F5.shapes\u002Fline2",{"title":257,"path":258,"stem":259},"Octahedron","\u002Fapi\u002Fshapes\u002Foctahedron","2.api\u002F5.shapes\u002Foctahedron",{"title":261,"path":262,"stem":263},"Plane","\u002Fapi\u002Fshapes\u002Fplane","2.api\u002F5.shapes\u002Fplane",{"title":265,"path":266,"stem":267},"Quadratic Bezier Line","\u002Fapi\u002Fshapes\u002Fquadratic-bezier-line","2.api\u002F5.shapes\u002Fquadratic-bezier-line",{"title":269,"path":270,"stem":271},"Ring","\u002Fapi\u002Fshapes\u002Fring","2.api\u002F5.shapes\u002Fring",{"title":273,"path":274,"stem":275},"Rounded Box","\u002Fapi\u002Fshapes\u002Frounded-box","2.api\u002F5.shapes\u002Frounded-box",{"title":277,"path":278,"stem":279},"Rounded Plane","\u002Fapi\u002Fshapes\u002Frounded-plane","2.api\u002F5.shapes\u002Frounded-plane",{"title":281,"path":282,"stem":283},"Screen Quad","\u002Fapi\u002Fshapes\u002Fscreen-quad","2.api\u002F5.shapes\u002Fscreen-quad",{"title":285,"path":286,"stem":287},"Sphere","\u002Fapi\u002Fshapes\u002Fsphere","2.api\u002F5.shapes\u002Fsphere",{"title":289,"path":290,"stem":291},"Superformula","\u002Fapi\u002Fshapes\u002Fsuperformula","2.api\u002F5.shapes\u002Fsuperformula",{"title":293,"path":294,"stem":295},"Tetrahedron","\u002Fapi\u002Fshapes\u002Ftetrahedron","2.api\u002F5.shapes\u002Ftetrahedron",{"title":297,"path":298,"stem":299},"Torus","\u002Fapi\u002Fshapes\u002Ftorus","2.api\u002F5.shapes\u002Ftorus",{"title":301,"path":302,"stem":303},"Torus Knot","\u002Fapi\u002Fshapes\u002Ftorus-knot","2.api\u002F5.shapes\u002Ftorus-knot",{"title":305,"path":306,"stem":307},"Tube","\u002Fapi\u002Fshapes\u002Ftube","2.api\u002F5.shapes\u002Ftube",{"title":309,"path":310,"stem":311,"children":312},"Debug\u002FPerformance","\u002Fapi\u002Fdebug-performance","2.api\u002F6.debug-performance\u002Findex",[313,314,318,322,326,330],{"title":309,"path":310,"stem":311},{"title":315,"path":316,"stem":317},"Helper","\u002Fapi\u002Fdebug-performance\u002Fhelper","2.api\u002F6.debug-performance\u002Fhelper",{"title":319,"path":320,"stem":321},"LOD","\u002Fapi\u002Fdebug-performance\u002Flod","2.api\u002F6.debug-performance\u002Flod",{"title":323,"path":324,"stem":325},"Stats","\u002Fapi\u002Fdebug-performance\u002Fstats","2.api\u002F6.debug-performance\u002Fstats",{"title":327,"path":328,"stem":329},"StatsGl","\u002Fapi\u002Fdebug-performance\u002Fstats-gl","2.api\u002F6.debug-performance\u002Fstats-gl",{"title":331,"path":332,"stem":333},"useBVH","\u002Fapi\u002Fdebug-performance\u002Fuse-bvh","2.api\u002F6.debug-performance\u002Fuse-bvh",{"title":335,"path":336,"stem":337,"children":338},"Light\u002FShadow","\u002Fapi\u002Flight-shadow","2.api\u002F7.light-shadow\u002Findex",[339,340,344,348,352,356,360,364],{"title":335,"path":336,"stem":337},{"title":341,"path":342,"stem":343},"Accumulative Shadows","\u002Fapi\u002Flight-shadow\u002Faccumulative-shadows","2.api\u002F7.light-shadow\u002Faccumulative-shadows",{"title":345,"path":346,"stem":347},"Bake Shadows","\u002Fapi\u002Flight-shadow\u002Fbake-shadows","2.api\u002F7.light-shadow\u002Fbake-shadows",{"title":349,"path":350,"stem":351},"Circle Shadow","\u002Fapi\u002Flight-shadow\u002Fcircle-shadow","2.api\u002F7.light-shadow\u002Fcircle-shadow",{"title":353,"path":354,"stem":355},"Contact Shadows","\u002Fapi\u002Flight-shadow\u002Fcontact-shadows","2.api\u002F7.light-shadow\u002Fcontact-shadows",{"title":357,"path":358,"stem":359},"Lensflare","\u002Fapi\u002Flight-shadow\u002Flensflare","2.api\u002F7.light-shadow\u002Flensflare",{"title":361,"path":362,"stem":363},"Randomized Lights","\u002Fapi\u002Flight-shadow\u002Frandomized-lights","2.api\u002F7.light-shadow\u002Frandomized-lights",{"title":365,"path":366,"stem":367},"Soft Shadows","\u002Fapi\u002Flight-shadow\u002Fsoft-shadows","2.api\u002F7.light-shadow\u002Fsoft-shadows",{"title":369,"path":370,"stem":371,"children":372},"Staging","\u002Fapi\u002Fstaging","2.api\u002F8.staging\u002Findex",[373,374,378,382,386,390,394,398,402,406,410,414],{"title":369,"path":370,"stem":371},{"title":375,"path":376,"stem":377},"Environment","\u002Fapi\u002Fstaging\u002Fenvironment","2.api\u002F8.staging\u002F1.environment",{"title":379,"path":380,"stem":381},"useEnvironment","\u002Fapi\u002Fstaging\u002Fuse-environment","2.api\u002F8.staging\u002F2.use-environment",{"title":383,"path":384,"stem":385},"Lightformer","\u002Fapi\u002Fstaging\u002Flightformer","2.api\u002F8.staging\u002F3.lightformer",{"title":387,"path":388,"stem":389},"Backdrop","\u002Fapi\u002Fstaging\u002Fbackdrop","2.api\u002F8.staging\u002Fbackdrop",{"title":391,"path":392,"stem":393},"Ocean","\u002Fapi\u002Fstaging\u002Focean","2.api\u002F8.staging\u002Focean",{"title":395,"path":396,"stem":397},"Precipitation","\u002Fapi\u002Fstaging\u002Fprecipitation","2.api\u002F8.staging\u002Fprecipitation",{"title":399,"path":400,"stem":401},"Sky","\u002Fapi\u002Fstaging\u002Fsky","2.api\u002F8.staging\u002Fsky",{"title":403,"path":404,"stem":405},"Smoke","\u002Fapi\u002Fstaging\u002Fsmoke","2.api\u002F8.staging\u002Fsmoke",{"title":407,"path":408,"stem":409},"Sparkles","\u002Fapi\u002Fstaging\u002Fsparkles","2.api\u002F8.staging\u002Fsparkles",{"title":411,"path":412,"stem":413},"Stage","\u002Fapi\u002Fstaging\u002Fstage","2.api\u002F8.staging\u002Fstage",{"title":415,"path":416,"stem":417},"Stars","\u002Fapi\u002Fstaging\u002Fstars","2.api\u002F8.staging\u002Fstars",{"title":419,"path":420,"stem":421,"children":422},"Objects","\u002Fapi\u002Fobjects","2.api\u002F9.objects\u002Findex",[423,424,428,432,436,440,444,448,452,456,460],{"title":419,"path":420,"stem":421},{"title":425,"path":426,"stem":427},"AnimatedSprite","\u002Fapi\u002Fobjects\u002Fanimated-sprite","2.api\u002F9.objects\u002Fanimated-sprite",{"title":429,"path":430,"stem":431},"CubeCamera","\u002Fapi\u002Fobjects\u002Fcube-camera","2.api\u002F9.objects\u002Fcube-camera",{"title":433,"path":434,"stem":435},"Fbo","\u002Fapi\u002Fobjects\u002Ffbo","2.api\u002F9.objects\u002Ffbo",{"title":437,"path":438,"stem":439},"GradientTexture","\u002Fapi\u002Fobjects\u002Fgradient-texture","2.api\u002F9.objects\u002Fgradient-texture",{"title":441,"path":442,"stem":443},"HTML","\u002Fapi\u002Fobjects\u002Fhtml","2.api\u002F9.objects\u002Fhtml",{"title":445,"path":446,"stem":447},"Image","\u002Fapi\u002Fobjects\u002Fimage","2.api\u002F9.objects\u002Fimage",{"title":449,"path":450,"stem":451},"MarchingCubes","\u002Fapi\u002Fobjects\u002Fmarching-cubes","2.api\u002F9.objects\u002Fmarching-cubes",{"title":453,"path":454,"stem":455},"Reflector","\u002Fapi\u002Fobjects\u002Freflector","2.api\u002F9.objects\u002Freflector",{"title":457,"path":458,"stem":459},"Refractor","\u002Fapi\u002Fobjects\u002Frefractor","2.api\u002F9.objects\u002Frefractor",{"title":461,"path":462,"stem":463},"Text3D","\u002Fapi\u002Fobjects\u002Ftext-3d","2.api\u002F9.objects\u002Ftext-3d",{"title":465,"path":466,"stem":467,"children":468},"Miscellaneous","\u002Fapi\u002Fmiscellaneous","2.api\u002Fmiscellaneous\u002Findex",[469,470,474,478,482,486,490,494],{"title":465,"path":466,"stem":467},{"title":471,"path":472,"stem":473},"Bounds","\u002Fapi\u002Fmiscellaneous\u002Fbounds","2.api\u002Fmiscellaneous\u002Fbounds",{"title":475,"path":476,"stem":477},"GlobalAudio","\u002Fapi\u002Fmiscellaneous\u002Fglobal-audio","2.api\u002Fmiscellaneous\u002Fglobal-audio",{"title":479,"path":480,"stem":481},"MouseParallax","\u002Fapi\u002Fmiscellaneous\u002Fmouse-parallax","2.api\u002Fmiscellaneous\u002Fmouse-parallax",{"title":483,"path":484,"stem":485},"PositionalAudio","\u002Fapi\u002Fmiscellaneous\u002Fpositional-audio","2.api\u002Fmiscellaneous\u002Fpositional-audio",{"title":487,"path":488,"stem":489},"useAnimations","\u002Fapi\u002Fmiscellaneous\u002Fuse-animations","2.api\u002Fmiscellaneous\u002Fuse-animations",{"title":491,"path":492,"stem":493},"useGLTFExporter","\u002Fapi\u002Fmiscellaneous\u002Fuse-gltf-exporter","2.api\u002Fmiscellaneous\u002Fuse-gltf-exporter",{"title":495,"path":496,"stem":497},"useIntersect","\u002Fapi\u002Fmiscellaneous\u002Fuse-intersect","2.api\u002Fmiscellaneous\u002Fuse-intersect",{"id":499,"title":85,"body":500,"description":1519,"extension":1520,"links":1521,"meta":1522,"navigation":646,"path":86,"seo":1523,"stem":87,"__hash__":1524},"docs\u002F2.api\u002F1.abstractions\u002Fsampler.md",{"type":501,"value":502,"toc":1514},"minimark",[503,509,513,517,944,948,1022,1026,1033,1510],[504,505,506],"scene-controls-wrapper",{},[507,508],"abstractions-sampler",{},[510,511,512],"p",{},"Declarative abstraction around MeshSurfaceSampler & InstancedMesh. It samples points from the passed mesh and transforms an InstancedMesh's matrix to distribute instances on the points.",[514,515,15],"h2",{"id":516},"usage",[518,519,536],"pre",{"className":520,"code":521,"highlights":522,"language":534,"meta":535,"style":535},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { OrbitControls, Sampler } from '@tresjs\u002Fcientos'\nimport { TresCanvas } from '@tresjs\u002Fcore'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera :position=\"[0, 0.5, 5]\" \u002F>\n    \u003COrbitControls \u002F>\n\n    \u003CSampler :count=\"50\">\n      \u003CTresMesh>\n        \u003CTresTorusGeometry \u002F>\n      \u003C\u002FTresMesh>\n\n      \u003CTresInstancedMesh :args=\"[null!, null!, 1000]\">\n        \u003CTresBoxGeometry :args=\"[0.1, 0.1, 0.1]\" \u002F>\n        \u003CTresMeshNormalMaterial \u002F>\n      \u003C\u002FTresInstancedMesh>\n    \u003C\u002FSampler>\n    \u003CTresGridHelper :args=\"[10, 10]\" \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n\n",[523,524,525,526,527,528,529,530,531,532,533],2,11,12,13,14,15,16,17,18,19,20,"vue","",[537,538,539,574,610,631,641,648,658,681,726,736,741,764,775,786,796,801,830,865,875,884,894,925,935],"code",{"__ignoreMap":535},[540,541,544,548,552,556,559,562,565,569,571],"span",{"class":542,"line":543},"line",1,[540,545,547],{"class":546},"sMK4o","\u003C",[540,549,551],{"class":550},"swJcz","script",[540,553,555],{"class":554},"spNyl"," setup",[540,557,558],{"class":554}," lang",[540,560,561],{"class":546},"=",[540,563,564],{"class":546},"\"",[540,566,568],{"class":567},"sfazB","ts",[540,570,564],{"class":546},[540,572,573],{"class":546},">\n",[540,575,578,582,585,589,592,595,598,601,604,607],{"class":576,"line":523},[542,577],"highlight",[540,579,581],{"class":580},"s7zQu","import",[540,583,584],{"class":546}," {",[540,586,588],{"class":587},"sTEyZ"," OrbitControls",[540,590,591],{"class":546},",",[540,593,594],{"class":587}," Sampler",[540,596,597],{"class":546}," }",[540,599,600],{"class":580}," from",[540,602,603],{"class":546}," '",[540,605,606],{"class":567},"@tresjs\u002Fcientos",[540,608,609],{"class":546},"'\n",[540,611,613,615,617,620,622,624,626,629],{"class":542,"line":612},3,[540,614,581],{"class":580},[540,616,584],{"class":546},[540,618,619],{"class":587}," TresCanvas",[540,621,597],{"class":546},[540,623,600],{"class":580},[540,625,603],{"class":546},[540,627,628],{"class":567},"@tresjs\u002Fcore",[540,630,609],{"class":546},[540,632,634,637,639],{"class":542,"line":633},4,[540,635,636],{"class":546},"\u003C\u002F",[540,638,551],{"class":550},[540,640,573],{"class":546},[540,642,644],{"class":542,"line":643},5,[540,645,647],{"emptyLinePlaceholder":646},true,"\n",[540,649,651,653,656],{"class":542,"line":650},6,[540,652,547],{"class":546},[540,654,655],{"class":550},"template",[540,657,573],{"class":546},[540,659,661,664,667,670,672,674,677,679],{"class":542,"line":660},7,[540,662,663],{"class":546},"  \u003C",[540,665,666],{"class":550},"TresCanvas",[540,668,669],{"class":554}," clear-color",[540,671,561],{"class":546},[540,673,564],{"class":546},[540,675,676],{"class":567},"#82DBC5",[540,678,564],{"class":546},[540,680,573],{"class":546},[540,682,684,687,690,693,696,698,700,703,707,710,713,715,718,721,723],{"class":542,"line":683},8,[540,685,686],{"class":546},"    \u003C",[540,688,689],{"class":550},"TresPerspectiveCamera",[540,691,692],{"class":546}," :",[540,694,695],{"class":554},"position",[540,697,561],{"class":546},[540,699,564],{"class":546},[540,701,702],{"class":546},"[",[540,704,706],{"class":705},"sbssI","0",[540,708,709],{"class":546},", ",[540,711,712],{"class":705},"0.5",[540,714,709],{"class":546},[540,716,717],{"class":705},"5",[540,719,720],{"class":546},"]",[540,722,564],{"class":546},[540,724,725],{"class":546}," \u002F>\n",[540,727,729,731,734],{"class":542,"line":728},9,[540,730,686],{"class":546},[540,732,733],{"class":550},"OrbitControls",[540,735,725],{"class":546},[540,737,739],{"class":542,"line":738},10,[540,740,647],{"emptyLinePlaceholder":646},[540,742,744,746,748,750,753,755,757,760,762],{"class":743,"line":524},[542,577],[540,745,686],{"class":546},[540,747,85],{"class":550},[540,749,692],{"class":546},[540,751,752],{"class":554},"count",[540,754,561],{"class":546},[540,756,564],{"class":546},[540,758,759],{"class":705},"50",[540,761,564],{"class":546},[540,763,573],{"class":546},[540,765,767,770,773],{"class":766,"line":525},[542,577],[540,768,769],{"class":546},"      \u003C",[540,771,772],{"class":550},"TresMesh",[540,774,573],{"class":546},[540,776,778,781,784],{"class":777,"line":526},[542,577],[540,779,780],{"class":546},"        \u003C",[540,782,783],{"class":550},"TresTorusGeometry",[540,785,725],{"class":546},[540,787,789,792,794],{"class":788,"line":527},[542,577],[540,790,791],{"class":546},"      \u003C\u002F",[540,793,772],{"class":550},[540,795,573],{"class":546},[540,797,799],{"class":798,"line":528},[542,577],[540,800,647],{"emptyLinePlaceholder":646},[540,802,804,806,809,811,814,816,818,821,824,826,828],{"class":803,"line":529},[542,577],[540,805,769],{"class":546},[540,807,808],{"class":550},"TresInstancedMesh",[540,810,692],{"class":546},[540,812,813],{"class":554},"args",[540,815,561],{"class":546},[540,817,564],{"class":546},[540,819,820],{"class":546},"[null!, null!, ",[540,822,823],{"class":705},"1000",[540,825,720],{"class":546},[540,827,564],{"class":546},[540,829,573],{"class":546},[540,831,833,835,838,840,842,844,846,848,851,853,855,857,859,861,863],{"class":832,"line":530},[542,577],[540,834,780],{"class":546},[540,836,837],{"class":550},"TresBoxGeometry",[540,839,692],{"class":546},[540,841,813],{"class":554},[540,843,561],{"class":546},[540,845,564],{"class":546},[540,847,702],{"class":546},[540,849,850],{"class":705},"0.1",[540,852,709],{"class":546},[540,854,850],{"class":705},[540,856,709],{"class":546},[540,858,850],{"class":705},[540,860,720],{"class":546},[540,862,564],{"class":546},[540,864,725],{"class":546},[540,866,868,870,873],{"class":867,"line":531},[542,577],[540,869,780],{"class":546},[540,871,872],{"class":550},"TresMeshNormalMaterial",[540,874,725],{"class":546},[540,876,878,880,882],{"class":877,"line":532},[542,577],[540,879,791],{"class":546},[540,881,808],{"class":550},[540,883,573],{"class":546},[540,885,887,890,892],{"class":886,"line":533},[542,577],[540,888,889],{"class":546},"    \u003C\u002F",[540,891,85],{"class":550},[540,893,573],{"class":546},[540,895,897,899,902,904,906,908,910,912,915,917,919,921,923],{"class":542,"line":896},21,[540,898,686],{"class":546},[540,900,901],{"class":550},"TresGridHelper",[540,903,692],{"class":546},[540,905,813],{"class":554},[540,907,561],{"class":546},[540,909,564],{"class":546},[540,911,702],{"class":546},[540,913,914],{"class":705},"10",[540,916,709],{"class":546},[540,918,914],{"class":705},[540,920,720],{"class":546},[540,922,564],{"class":546},[540,924,725],{"class":546},[540,926,928,931,933],{"class":542,"line":927},22,[540,929,930],{"class":546},"  \u003C\u002F",[540,932,666],{"class":550},[540,934,573],{"class":546},[540,936,938,940,942],{"class":542,"line":937},23,[540,939,636],{"class":546},[540,941,655],{"class":550},[540,943,573],{"class":546},[514,945,947],{"id":946},"props","Props",[949,950,951,963],"table",{},[952,953,954],"thead",{},[955,956,957,960],"tr",{},[958,959,947],"th",{},[958,961,962],{},"Description",[964,965,966,979,989,1000,1011],"tbody",{},[955,967,968,972],{},[969,970,971],"td",{},"mesh",[969,973,974,978],{},[975,976,977],"strong",{},"Mesh"," Surface mesh from which to sample",[955,980,981,983],{},[969,982,752],{},[969,984,985,988],{},[975,986,987],{},"Number"," Number of samples",[955,990,991,994],{},[969,992,993],{},"instanceMesh",[969,995,996,999],{},[975,997,998],{},"InstanceMesh"," InstanceMesh to scatter",[955,1001,1002,1005],{},[969,1003,1004],{},"weight",[969,1006,1007,1010],{},[975,1008,1009],{},"String"," A vertex attribute to be used as a weight when sampling",[955,1012,1013,1016],{},[969,1014,1015],{},"transform",[969,1017,1018,1021],{},[975,1019,1020],{},"Function"," A function that can be used as a custom sampling",[514,1023,1025],{"id":1024},"usesurfacesampler","useSurfaceSampler",[510,1027,1028,1029],{},"A hook to obtain the result of the ",[1030,1031,1032],"sampler",{}," as a buffer. Useful for driving anything other than InstancedMesh via the Sampler.",[518,1034,1037],{"className":520,"code":1035,"highlights":1036,"language":534,"meta":535,"style":535},"\u003Cscript setup lang=\"ts\">\nimport { OrbitControls, useSurfaceSampler } from '@tresjs\u002Fcientos'\nimport { TresCanvas } from '@tresjs\u002Fcore'\nimport { ref, watch } from 'vue'\n\nconst torusRef = ref()\nconst instancesRef = ref()\n\nwatch(torusRef, (value) => {\n  useSurfaceSampler(value, 50, instancesRef.value, 'color')\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera :position=\"[0, 0.5, 5]\" \u002F>\n    \u003COrbitControls \u002F>\n\n    \u003CTresMesh ref=\"torusRef\">\n      \u003CTresTorusGeometry \u002F>\n    \u003C\u002FTresMesh>\n\n    \u003CTresInstancedMesh\n      ref=\"instancesRef\"\n      :args=\"[null!, null!, 1_000]\"\n    >\n      \u003CTresSphereGeometry :args=\"[0.1, 32, 32]\" \u002F>\n      \u003CTresMeshNormalMaterial \u002F>\n    \u003C\u002FTresInstancedMesh>\n\n    \u003CTresGridHelper :args=\"[10, 10]\" \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n",[523,738],[537,1038,1039,1059,1083,1101,1125,1129,1145,1158,1162,1188,1227,1234,1242,1246,1254,1272,1304,1312,1316,1335,1343,1351,1355,1362,1378,1399,1405,1440,1449,1458,1463,1492,1501],{"__ignoreMap":535},[540,1040,1041,1043,1045,1047,1049,1051,1053,1055,1057],{"class":542,"line":543},[540,1042,547],{"class":546},[540,1044,551],{"class":550},[540,1046,555],{"class":554},[540,1048,558],{"class":554},[540,1050,561],{"class":546},[540,1052,564],{"class":546},[540,1054,568],{"class":567},[540,1056,564],{"class":546},[540,1058,573],{"class":546},[540,1060,1062,1064,1066,1068,1070,1073,1075,1077,1079,1081],{"class":1061,"line":523},[542,577],[540,1063,581],{"class":580},[540,1065,584],{"class":546},[540,1067,588],{"class":587},[540,1069,591],{"class":546},[540,1071,1072],{"class":587}," useSurfaceSampler",[540,1074,597],{"class":546},[540,1076,600],{"class":580},[540,1078,603],{"class":546},[540,1080,606],{"class":567},[540,1082,609],{"class":546},[540,1084,1085,1087,1089,1091,1093,1095,1097,1099],{"class":542,"line":612},[540,1086,581],{"class":580},[540,1088,584],{"class":546},[540,1090,619],{"class":587},[540,1092,597],{"class":546},[540,1094,600],{"class":580},[540,1096,603],{"class":546},[540,1098,628],{"class":567},[540,1100,609],{"class":546},[540,1102,1103,1105,1107,1110,1112,1115,1117,1119,1121,1123],{"class":542,"line":633},[540,1104,581],{"class":580},[540,1106,584],{"class":546},[540,1108,1109],{"class":587}," ref",[540,1111,591],{"class":546},[540,1113,1114],{"class":587}," watch",[540,1116,597],{"class":546},[540,1118,600],{"class":580},[540,1120,603],{"class":546},[540,1122,534],{"class":567},[540,1124,609],{"class":546},[540,1126,1127],{"class":542,"line":643},[540,1128,647],{"emptyLinePlaceholder":646},[540,1130,1131,1134,1137,1139,1142],{"class":542,"line":650},[540,1132,1133],{"class":554},"const",[540,1135,1136],{"class":587}," torusRef ",[540,1138,561],{"class":546},[540,1140,1109],{"class":1141},"s2Zo4",[540,1143,1144],{"class":587},"()\n",[540,1146,1147,1149,1152,1154,1156],{"class":542,"line":660},[540,1148,1133],{"class":554},[540,1150,1151],{"class":587}," instancesRef ",[540,1153,561],{"class":546},[540,1155,1109],{"class":1141},[540,1157,1144],{"class":587},[540,1159,1160],{"class":542,"line":683},[540,1161,647],{"emptyLinePlaceholder":646},[540,1163,1164,1167,1170,1172,1175,1179,1182,1185],{"class":542,"line":728},[540,1165,1166],{"class":1141},"watch",[540,1168,1169],{"class":587},"(torusRef",[540,1171,591],{"class":546},[540,1173,1174],{"class":546}," (",[540,1176,1178],{"class":1177},"sHdIc","value",[540,1180,1181],{"class":546},")",[540,1183,1184],{"class":554}," =>",[540,1186,1187],{"class":546}," {\n",[540,1189,1191,1194,1197,1199,1201,1204,1206,1209,1212,1214,1216,1218,1221,1224],{"class":1190,"line":738},[542,577],[540,1192,1193],{"class":1141},"  useSurfaceSampler",[540,1195,1196],{"class":550},"(",[540,1198,1178],{"class":587},[540,1200,591],{"class":546},[540,1202,1203],{"class":705}," 50",[540,1205,591],{"class":546},[540,1207,1208],{"class":587}," instancesRef",[540,1210,1211],{"class":546},".",[540,1213,1178],{"class":587},[540,1215,591],{"class":546},[540,1217,603],{"class":546},[540,1219,1220],{"class":567},"color",[540,1222,1223],{"class":546},"'",[540,1225,1226],{"class":550},")\n",[540,1228,1229,1232],{"class":542,"line":524},[540,1230,1231],{"class":546},"}",[540,1233,1226],{"class":587},[540,1235,1236,1238,1240],{"class":542,"line":525},[540,1237,636],{"class":546},[540,1239,551],{"class":550},[540,1241,573],{"class":546},[540,1243,1244],{"class":542,"line":526},[540,1245,647],{"emptyLinePlaceholder":646},[540,1247,1248,1250,1252],{"class":542,"line":527},[540,1249,547],{"class":546},[540,1251,655],{"class":550},[540,1253,573],{"class":546},[540,1255,1256,1258,1260,1262,1264,1266,1268,1270],{"class":542,"line":528},[540,1257,663],{"class":546},[540,1259,666],{"class":550},[540,1261,669],{"class":554},[540,1263,561],{"class":546},[540,1265,564],{"class":546},[540,1267,676],{"class":567},[540,1269,564],{"class":546},[540,1271,573],{"class":546},[540,1273,1274,1276,1278,1280,1282,1284,1286,1288,1290,1292,1294,1296,1298,1300,1302],{"class":542,"line":529},[540,1275,686],{"class":546},[540,1277,689],{"class":550},[540,1279,692],{"class":546},[540,1281,695],{"class":554},[540,1283,561],{"class":546},[540,1285,564],{"class":546},[540,1287,702],{"class":546},[540,1289,706],{"class":705},[540,1291,709],{"class":546},[540,1293,712],{"class":705},[540,1295,709],{"class":546},[540,1297,717],{"class":705},[540,1299,720],{"class":546},[540,1301,564],{"class":546},[540,1303,725],{"class":546},[540,1305,1306,1308,1310],{"class":542,"line":530},[540,1307,686],{"class":546},[540,1309,733],{"class":550},[540,1311,725],{"class":546},[540,1313,1314],{"class":542,"line":531},[540,1315,647],{"emptyLinePlaceholder":646},[540,1317,1318,1320,1322,1324,1326,1328,1331,1333],{"class":542,"line":532},[540,1319,686],{"class":546},[540,1321,772],{"class":550},[540,1323,1109],{"class":554},[540,1325,561],{"class":546},[540,1327,564],{"class":546},[540,1329,1330],{"class":567},"torusRef",[540,1332,564],{"class":546},[540,1334,573],{"class":546},[540,1336,1337,1339,1341],{"class":542,"line":533},[540,1338,769],{"class":546},[540,1340,783],{"class":550},[540,1342,725],{"class":546},[540,1344,1345,1347,1349],{"class":542,"line":896},[540,1346,889],{"class":546},[540,1348,772],{"class":550},[540,1350,573],{"class":546},[540,1352,1353],{"class":542,"line":927},[540,1354,647],{"emptyLinePlaceholder":646},[540,1356,1357,1359],{"class":542,"line":937},[540,1358,686],{"class":546},[540,1360,1361],{"class":550},"TresInstancedMesh\n",[540,1363,1365,1368,1370,1372,1375],{"class":542,"line":1364},24,[540,1366,1367],{"class":554},"      ref",[540,1369,561],{"class":546},[540,1371,564],{"class":546},[540,1373,1374],{"class":567},"instancesRef",[540,1376,1377],{"class":546},"\"\n",[540,1379,1381,1384,1386,1388,1390,1392,1395,1397],{"class":542,"line":1380},25,[540,1382,1383],{"class":546},"      :",[540,1385,813],{"class":554},[540,1387,561],{"class":546},[540,1389,564],{"class":546},[540,1391,820],{"class":546},[540,1393,1394],{"class":705},"1_000",[540,1396,720],{"class":546},[540,1398,1377],{"class":546},[540,1400,1402],{"class":542,"line":1401},26,[540,1403,1404],{"class":546},"    >\n",[540,1406,1408,1410,1413,1415,1417,1419,1421,1423,1425,1427,1430,1432,1434,1436,1438],{"class":542,"line":1407},27,[540,1409,769],{"class":546},[540,1411,1412],{"class":550},"TresSphereGeometry",[540,1414,692],{"class":546},[540,1416,813],{"class":554},[540,1418,561],{"class":546},[540,1420,564],{"class":546},[540,1422,702],{"class":546},[540,1424,850],{"class":705},[540,1426,709],{"class":546},[540,1428,1429],{"class":705},"32",[540,1431,709],{"class":546},[540,1433,1429],{"class":705},[540,1435,720],{"class":546},[540,1437,564],{"class":546},[540,1439,725],{"class":546},[540,1441,1443,1445,1447],{"class":542,"line":1442},28,[540,1444,769],{"class":546},[540,1446,872],{"class":550},[540,1448,725],{"class":546},[540,1450,1452,1454,1456],{"class":542,"line":1451},29,[540,1453,889],{"class":546},[540,1455,808],{"class":550},[540,1457,573],{"class":546},[540,1459,1461],{"class":542,"line":1460},30,[540,1462,647],{"emptyLinePlaceholder":646},[540,1464,1466,1468,1470,1472,1474,1476,1478,1480,1482,1484,1486,1488,1490],{"class":542,"line":1465},31,[540,1467,686],{"class":546},[540,1469,901],{"class":550},[540,1471,692],{"class":546},[540,1473,813],{"class":554},[540,1475,561],{"class":546},[540,1477,564],{"class":546},[540,1479,702],{"class":546},[540,1481,914],{"class":705},[540,1483,709],{"class":546},[540,1485,914],{"class":705},[540,1487,720],{"class":546},[540,1489,564],{"class":546},[540,1491,725],{"class":546},[540,1493,1495,1497,1499],{"class":542,"line":1494},32,[540,1496,930],{"class":546},[540,1498,666],{"class":550},[540,1500,573],{"class":546},[540,1502,1504,1506,1508],{"class":542,"line":1503},33,[540,1505,636],{"class":546},[540,1507,655],{"class":550},[540,1509,573],{"class":546},[1511,1512,1513],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":535,"searchDepth":543,"depth":523,"links":1515},[1516,1517,1518],{"id":516,"depth":523,"text":15},{"id":946,"depth":523,"text":947},{"id":1024,"depth":523,"text":1025},"Distribute instances on mesh surfaces using MeshSurfaceSampler.","md",null,{},{"title":85,"description":1519},"tp0RMAouxWdIwvGbhPWEaPk4Au2TU5HY1qCtuO9XCUA",[1526,1528],{"title":81,"path":82,"stem":83,"description":1527,"children":-1},"Create inverted-hull outlines using parent geometry.",{"title":89,"path":90,"stem":91,"description":1529,"children":-1},"Scale objects to screen space where 1 unit equals 1 pixel.",1791549572383]