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