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