[{"data":1,"prerenderedAt":1557},["ShallowReactive",2],{"navigation":3,"/api/objects/text":478,"/api/objects/text-surround":1552},[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,84,114,156,194,288,314,348,398,444],{"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,80],{"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},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":53,"path":54,"stem":55},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":57,"path":58,"stem":59},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":61,"path":62,"stem":63},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":65,"path":66,"stem":67},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":69,"path":70,"stem":71},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":73,"path":74,"stem":75},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":77,"path":78,"stem":79},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":81,"path":82,"stem":83},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":85,"path":86,"stem":87,"children":88},"Controls","/api/controls","2.api/2.controls/index",[89,90,94,98,102,106,110],{"title":85,"path":86,"stem":87},{"title":91,"path":92,"stem":93},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-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,190],{"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},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":187,"path":188,"stem":189},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":191,"path":192,"stem":193},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":195,"path":196,"stem":197,"children":198},"Shapes","/api/shapes","2.api/5.shapes/index",[199,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284],{"title":195,"path":196,"stem":197},{"title":201,"path":202,"stem":203},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":205,"path":206,"stem":207},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":209,"path":210,"stem":211},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":213,"path":214,"stem":215},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":217,"path":218,"stem":219},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":221,"path":222,"stem":223},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":225,"path":226,"stem":227},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":229,"path":230,"stem":231},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":233,"path":234,"stem":235},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":237,"path":238,"stem":239},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":241,"path":242,"stem":243},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":245,"path":246,"stem":247},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":249,"path":250,"stem":251},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":253,"path":254,"stem":255},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":257,"path":258,"stem":259},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":261,"path":262,"stem":263},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":265,"path":266,"stem":267},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":269,"path":270,"stem":271},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":273,"path":274,"stem":275},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":277,"path":278,"stem":279},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":281,"path":282,"stem":283},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":285,"path":286,"stem":287},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":289,"path":290,"stem":291,"children":292},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[293,294,298,302,306,310],{"title":289,"path":290,"stem":291},{"title":295,"path":296,"stem":297},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":299,"path":300,"stem":301},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":303,"path":304,"stem":305},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":307,"path":308,"stem":309},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":311,"path":312,"stem":313},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":315,"path":316,"stem":317,"children":318},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[319,320,324,328,332,336,340,344],{"title":315,"path":316,"stem":317},{"title":321,"path":322,"stem":323},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":325,"path":326,"stem":327},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":329,"path":330,"stem":331},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":333,"path":334,"stem":335},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":337,"path":338,"stem":339},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":341,"path":342,"stem":343},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":345,"path":346,"stem":347},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":349,"path":350,"stem":351,"children":352},"Staging","/api/staging","2.api/8.staging/index",[353,354,358,362,366,370,374,378,382,386,390,394],{"title":349,"path":350,"stem":351},{"title":355,"path":356,"stem":357},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":359,"path":360,"stem":361},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":363,"path":364,"stem":365},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":367,"path":368,"stem":369},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":371,"path":372,"stem":373},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":375,"path":376,"stem":377},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":379,"path":380,"stem":381},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":383,"path":384,"stem":385},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":387,"path":388,"stem":389},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":391,"path":392,"stem":393},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":395,"path":396,"stem":397},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":399,"path":400,"stem":401,"children":402},"Objects","/api/objects","2.api/9.objects/index",[403,404,408,412,416,420,424,428,432,436,440],{"title":399,"path":400,"stem":401},{"title":405,"path":406,"stem":407},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":409,"path":410,"stem":411},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":413,"path":414,"stem":415},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":417,"path":418,"stem":419},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":421,"path":422,"stem":423},"HTML","/api/objects/html","2.api/9.objects/html",{"title":425,"path":426,"stem":427},"Image","/api/objects/image","2.api/9.objects/image",{"title":429,"path":430,"stem":431},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":433,"path":434,"stem":435},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":437,"path":438,"stem":439},"Text","/api/objects/text","2.api/9.objects/text",{"title":441,"path":442,"stem":443},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":445,"path":446,"stem":447,"children":448},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[449,450,454,458,462,466,470,474],{"title":445,"path":446,"stem":447},{"title":451,"path":452,"stem":453},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":455,"path":456,"stem":457},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":459,"path":460,"stem":461},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":463,"path":464,"stem":465},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":467,"path":468,"stem":469},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":471,"path":472,"stem":473},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":475,"path":476,"stem":477},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":479,"title":437,"body":480,"description":1546,"extension":1547,"links":1548,"meta":1549,"navigation":783,"path":438,"seo":1550,"stem":439,"__hash__":1551},"docs/2.api/9.objects/text.md",{"type":481,"value":482,"toc":1540},"minimark",[483,489,525,539,544,567,667,670,687,695,984,998,1002,1032,1036,1519,1536],[484,485,486],"scene-controls-wrapper",{},[487,488],"objects-sdf-text",{},[490,491,492,496,497,504,505,512,513,516,517,520,521,524],"p",{},[493,494,495],"code",{},"\u003CText />"," renders crisp, scalable text using ",[498,499,503],"a",{"href":500,"rel":501},"https://en.wikipedia.org/wiki/Signed_distance_function",[502],"nofollow","SDF (signed distance field)"," glyphs, wrapping ",[498,506,509],{"href":507,"rel":508},"https://github.com/protectwise/troika/tree/main/packages/troika-three-text",[502],[493,510,511],{},"troika-three-text",". It consumes real ",[493,514,515],{},".ttf",", ",[493,518,519],{},".otf"," and ",[493,522,523],{},".woff"," font files at runtime and supports kerning, ligatures, RTL/bidi and unicode fallback.",[490,526,527,528,530,531,534,535,538],{},"The component owns the underlying troika ",[493,529,437],{}," instance: it calls ",[493,532,533],{},".sync()"," whenever props change and disposes of the instance automatically when unmounted, so you never need the manual ",[493,536,537],{},"\u003Cprimitive>"," wiring.",[540,541,543],"h2",{"id":542},"text3d-vs-text-which-do-i-use","Text3D vs Text — which do I use?",[545,546,547],"prose-note",{},[490,548,549,550,556,557,560,561,566],{},"Use ",[551,552,553],"strong",{},[493,554,555],{},"\u003CText3D>"," for chunky, extruded 3D titles from a pre-baked ",[493,558,559],{},"typeface.json"," font. Use ",[551,562,563],{},[493,564,565],{},"\u003CText>"," for labels, UI, body copy and multilingual content where kerning, wrapping and unicode fallback matter.",[568,569,570,588],"table",{},[571,572,573],"thead",{},[574,575,576,580,584],"tr",{},[577,578],"th",{"align":579},"left",[577,581,582],{"align":579},[493,583,555],{},[577,585,586],{"align":579},[493,587,565],{},[589,590,591,608,630,643,654],"tbody",{},[574,592,593,599,605],{},[594,595,596],"td",{"align":579},[551,597,598],{},"Technique",[594,600,601,602],{"align":579},"Extruded ",[493,603,604],{},"TextGeometry",[594,606,607],{"align":579},"SDF, runtime-generated",[574,609,610,615,620],{},[594,611,612],{"align":579},[551,613,614],{},"Font input",[594,616,617,618],{"align":579},"pre-baked ",[493,619,559],{},[594,621,622,623,625,626,625,628],{"align":579},"real ",[493,624,515],{}," / ",[493,627,519],{},[493,629,523],{},[574,631,632,637,640],{},[594,633,634],{"align":579},[551,635,636],{},"Kerning / ligatures / RTL",[594,638,639],{"align":579},"✗",[594,641,642],{"align":579},"✓",[574,644,645,650,652],{},[594,646,647],{"align":579},[551,648,649],{},"Unicode fallback",[594,651,639],{"align":579},[594,653,642],{"align":579},[574,655,656,661,664],{},[594,657,658],{"align":579},[551,659,660],{},"Best for",[594,662,663],{"align":579},"3D titles",[594,665,666],{"align":579},"labels, UI, multilingual",[540,668,15],{"id":669},"usage",[490,671,672,673,676,677,682,683,686],{},"The text can be provided through the ",[493,674,675],{},"text"," prop or the default slot. By default the ",[498,678,681],{"href":679,"rel":680},"https://fonts.google.com/specimen/Roboto",[502],"Roboto"," font is loaded from Google Fonts; pass the ",[493,684,685],{},"font"," prop to use your own font file.",[545,688,689],{},[490,690,691,692,694],{},"For dynamic or reactive content, prefer the ",[493,693,675],{}," prop. The default slot is best for static strings, since reactive values interpolated into the slot may not always re-trigger an update.",[696,697,702],"pre",{"className":698,"code":699,"language":700,"meta":701,"style":701},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Text } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 6]\" />\n    \u003CText\n      text=\"Hello TresJS\"\n      font=\"/fonts/Inter.woff\"\n      :font-size=\"0.5\"\n      color=\"#ffffff\"\n      anchor-x=\"center\"\n      anchor-y=\"middle\"\n      :max-width=\"4\"\n      @sync=\"onSync\"\n    />\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[493,703,704,739,768,778,785,795,806,830,838,854,869,884,899,914,929,944,959,965,975],{"__ignoreMap":701},[705,706,709,713,717,721,724,727,730,734,736],"span",{"class":707,"line":708},"line",1,[705,710,712],{"class":711},"sMK4o","\u003C",[705,714,716],{"class":715},"swJcz","script",[705,718,720],{"class":719},"spNyl"," setup",[705,722,723],{"class":719}," lang",[705,725,726],{"class":711},"=",[705,728,729],{"class":711},"\"",[705,731,733],{"class":732},"sfazB","ts",[705,735,729],{"class":711},[705,737,738],{"class":711},">\n",[705,740,742,746,749,753,756,759,762,765],{"class":707,"line":741},2,[705,743,745],{"class":744},"s7zQu","import",[705,747,748],{"class":711}," {",[705,750,752],{"class":751},"sTEyZ"," Text",[705,754,755],{"class":711}," }",[705,757,758],{"class":744}," from",[705,760,761],{"class":711}," '",[705,763,764],{"class":732},"@tresjs/cientos",[705,766,767],{"class":711},"'\n",[705,769,771,774,776],{"class":707,"line":770},3,[705,772,773],{"class":711},"\u003C/",[705,775,716],{"class":715},[705,777,738],{"class":711},[705,779,781],{"class":707,"line":780},4,[705,782,784],{"emptyLinePlaceholder":783},true,"\n",[705,786,788,790,793],{"class":707,"line":787},5,[705,789,712],{"class":711},[705,791,792],{"class":715},"template",[705,794,738],{"class":711},[705,796,798,801,804],{"class":707,"line":797},6,[705,799,800],{"class":711},"  \u003C",[705,802,803],{"class":715},"TresCanvas",[705,805,738],{"class":711},[705,807,809,812,815,818,820,822,825,827],{"class":707,"line":808},7,[705,810,811],{"class":711},"    \u003C",[705,813,814],{"class":715},"TresPerspectiveCamera",[705,816,817],{"class":719}," :position",[705,819,726],{"class":711},[705,821,729],{"class":711},[705,823,824],{"class":732},"[0, 0, 6]",[705,826,729],{"class":711},[705,828,829],{"class":711}," />\n",[705,831,833,835],{"class":707,"line":832},8,[705,834,811],{"class":711},[705,836,837],{"class":715},"Text\n",[705,839,841,844,846,848,851],{"class":707,"line":840},9,[705,842,843],{"class":719},"      text",[705,845,726],{"class":711},[705,847,729],{"class":711},[705,849,850],{"class":732},"Hello TresJS",[705,852,853],{"class":711},"\"\n",[705,855,857,860,862,864,867],{"class":707,"line":856},10,[705,858,859],{"class":719},"      font",[705,861,726],{"class":711},[705,863,729],{"class":711},[705,865,866],{"class":732},"/fonts/Inter.woff",[705,868,853],{"class":711},[705,870,872,875,877,879,882],{"class":707,"line":871},11,[705,873,874],{"class":719},"      :font-size",[705,876,726],{"class":711},[705,878,729],{"class":711},[705,880,881],{"class":732},"0.5",[705,883,853],{"class":711},[705,885,887,890,892,894,897],{"class":707,"line":886},12,[705,888,889],{"class":719},"      color",[705,891,726],{"class":711},[705,893,729],{"class":711},[705,895,896],{"class":732},"#ffffff",[705,898,853],{"class":711},[705,900,902,905,907,909,912],{"class":707,"line":901},13,[705,903,904],{"class":719},"      anchor-x",[705,906,726],{"class":711},[705,908,729],{"class":711},[705,910,911],{"class":732},"center",[705,913,853],{"class":711},[705,915,917,920,922,924,927],{"class":707,"line":916},14,[705,918,919],{"class":719},"      anchor-y",[705,921,726],{"class":711},[705,923,729],{"class":711},[705,925,926],{"class":732},"middle",[705,928,853],{"class":711},[705,930,932,935,937,939,942],{"class":707,"line":931},15,[705,933,934],{"class":719},"      :max-width",[705,936,726],{"class":711},[705,938,729],{"class":711},[705,940,941],{"class":732},"4",[705,943,853],{"class":711},[705,945,947,950,952,954,957],{"class":707,"line":946},16,[705,948,949],{"class":719},"      @sync",[705,951,726],{"class":711},[705,953,729],{"class":711},[705,955,956],{"class":732},"onSync",[705,958,853],{"class":711},[705,960,962],{"class":707,"line":961},17,[705,963,964],{"class":711},"    />\n",[705,966,968,971,973],{"class":707,"line":967},18,[705,969,970],{"class":711},"  \u003C/",[705,972,803],{"class":715},[705,974,738],{"class":711},[705,976,978,980,982],{"class":707,"line":977},19,[705,979,773],{"class":711},[705,981,792],{"class":715},[705,983,738],{"class":711},[490,985,986,987,516,990,993,994,997],{},"Any extra props (such as ",[493,988,989],{},"position",[493,991,992],{},"rotation"," or ",[493,995,996],{},"scale",") are forwarded to the underlying object.",[540,999,1001],{"id":1000},"events","Events",[568,1003,1004,1014],{},[571,1005,1006],{},[574,1007,1008,1011],{},[577,1009,1010],{"align":579},"Event",[577,1012,1013],{"align":579},"Description",[589,1015,1016],{},[574,1017,1018,1023],{},[594,1019,1020],{"align":579},[551,1021,1022],{},"sync",[594,1024,1025,1026,1028,1029,1031],{"align":579},"Fires after the text layout has completed (",[493,1027,533],{},"). The troika ",[493,1030,437],{}," instance is emitted.",[540,1033,1035],{"id":1034},"props","Props",[568,1037,1038,1050],{},[571,1039,1040],{},[574,1041,1042,1045,1047],{},[577,1043,1044],{"align":579},"Prop",[577,1046,1013],{"align":579},[577,1048,1049],{},"Default",[589,1051,1052,1063,1078,1091,1106,1121,1141,1156,1172,1187,1211,1229,1244,1259,1277,1291,1314,1333,1352,1366,1380,1394,1408,1421,1435,1449,1462,1476,1490,1505],{},[574,1053,1054,1058,1061],{},[594,1055,1056],{"align":579},[551,1057,675],{},[594,1059,1060],{"align":579},"The string of text to render. Can also be provided via the default slot.",[594,1062],{},[574,1064,1065,1070,1073],{},[594,1066,1067],{"align":579},[551,1068,1069],{},"characters",[594,1071,1072],{"align":579},"The set of characters to pre-generate SDF glyphs for.",[594,1074,1075],{},[493,1076,1077],{},"null",[574,1079,1080,1085,1088],{},[594,1081,1082],{"align":579},[551,1083,1084],{},"color",[594,1086,1087],{"align":579},"The color of the text.",[594,1089,1090],{},"white",[574,1092,1093,1098,1101],{},[594,1094,1095],{"align":579},[551,1096,1097],{},"fontSize",[594,1099,1100],{"align":579},"The em-height at which to render the font, in local world units.",[594,1102,1103],{},[493,1104,1105],{},"1",[574,1107,1108,1113,1116],{},[594,1109,1110],{"align":579},[551,1111,1112],{},"fontWeight",[594,1114,1115],{"align":579},"The weight of the font (variable fonts only).",[594,1117,1118],{},[493,1119,1120],{},"normal",[574,1122,1123,1128,1137],{},[594,1124,1125],{"align":579},[551,1126,1127],{},"fontStyle",[594,1129,1130,1131,993,1133,1136],{"align":579},"The style of the font, ",[493,1132,1120],{},[493,1134,1135],{},"italic",".",[594,1138,1139],{},[493,1140,1120],{},[574,1142,1143,1148,1151],{},[594,1144,1145],{"align":579},[551,1146,1147],{},"maxWidth",[594,1149,1150],{"align":579},"The maximum width of the text block, above which lines wrap.",[594,1152,1153],{},[493,1154,1155],{},"Infinity",[574,1157,1158,1163,1168],{},[594,1159,1160],{"align":579},[551,1161,1162],{},"lineHeight",[594,1164,1165,1166,1136],{"align":579},"The height of each line of text, as a multiple of ",[493,1167,1097],{},[594,1169,1170],{},[493,1171,1120],{},[574,1173,1174,1179,1182],{},[594,1175,1176],{"align":579},[551,1177,1178],{},"letterSpacing",[594,1180,1181],{"align":579},"Spacing between letters after layout, in local world units.",[594,1183,1184],{},[493,1185,1186],{},"0",[574,1188,1189,1194,1207],{},[594,1190,1191],{"align":579},[551,1192,1193],{},"textAlign",[594,1195,1196,1197,516,1199,516,1202,993,1204,1136],{"align":579},"Horizontal alignment: ",[493,1198,579],{},[493,1200,1201],{},"right",[493,1203,911],{},[493,1205,1206],{},"justify",[594,1208,1209],{},[493,1210,579],{},[574,1212,1213,1217,1227],{},[594,1214,1215],{"align":579},[551,1216,685],{},[594,1218,1219,1220,516,1222,516,1224,1226],{"align":579},"URL of a custom font file (",[493,1221,515],{},[493,1223,519],{},[493,1225,523],{},").",[594,1228,681],{},[574,1230,1231,1236,1239],{},[594,1232,1233],{"align":579},[551,1234,1235],{},"anchorX",[594,1237,1238],{"align":579},"Horizontal position in the text block that lines up with the local origin.",[594,1240,1241],{},[493,1242,1243],{},"'center'",[574,1245,1246,1251,1254],{},[594,1247,1248],{"align":579},[551,1249,1250],{},"anchorY",[594,1252,1253],{"align":579},"Vertical position in the text block that lines up with the local origin.",[594,1255,1256],{},[493,1257,1258],{},"'middle'",[574,1260,1261,1266,1273],{},[594,1262,1263],{"align":579},[551,1264,1265],{},"clipRect",[594,1267,1268,1269,1272],{"align":579},"Clipping region ",[493,1270,1271],{},"[minX, minY, maxX, maxY]"," in local units.",[594,1274,1275],{},[493,1276,1077],{},[574,1278,1279,1284,1287],{},[594,1280,1281],{"align":579},[551,1282,1283],{},"depthOffset",[594,1285,1286],{"align":579},"Fixed offset added to the text's rendered z-depth (helps prevent z-fighting).",[594,1288,1289],{},[493,1290,1186],{},[574,1292,1293,1298,1310],{},[594,1294,1295],{"align":579},[551,1296,1297],{},"direction",[594,1299,1300,1301,516,1304,993,1307,1136],{"align":579},"Base text direction: ",[493,1302,1303],{},"auto",[493,1305,1306],{},"ltr",[493,1308,1309],{},"rtl",[594,1311,1312],{},[493,1313,1303],{},[574,1315,1316,1321,1329],{},[594,1317,1318],{"align":579},[551,1319,1320],{},"overflowWrap",[594,1322,1323,1324,993,1326,1136],{"align":579},"How text wraps when a word is too long: ",[493,1325,1120],{},[493,1327,1328],{},"break-word",[594,1330,1331],{},[493,1332,1120],{},[574,1334,1335,1340,1348],{},[594,1336,1337],{"align":579},[551,1338,1339],{},"whiteSpace",[594,1341,1342,1343,993,1345,1136],{"align":579},"Whitespace handling: ",[493,1344,1120],{},[493,1346,1347],{},"nowrap",[594,1349,1350],{},[493,1351,1120],{},[574,1353,1354,1359,1362],{},[594,1355,1356],{"align":579},[551,1357,1358],{},"outlineWidth",[594,1360,1361],{"align":579},"Width of an outline/halo drawn around each glyph.",[594,1363,1364],{},[493,1365,1186],{},[574,1367,1368,1373,1376],{},[594,1369,1370],{"align":579},[551,1371,1372],{},"outlineOffsetX",[594,1374,1375],{"align":579},"Horizontal offset of the text outline.",[594,1377,1378],{},[493,1379,1186],{},[574,1381,1382,1387,1390],{},[594,1383,1384],{"align":579},[551,1385,1386],{},"outlineOffsetY",[594,1388,1389],{"align":579},"Vertical offset of the text outline.",[594,1391,1392],{},[493,1393,1186],{},[574,1395,1396,1401,1404],{},[594,1397,1398],{"align":579},[551,1399,1400],{},"outlineBlur",[594,1402,1403],{"align":579},"Blur radius applied to the text outline.",[594,1405,1406],{},[493,1407,1186],{},[574,1409,1410,1415,1418],{},[594,1411,1412],{"align":579},[551,1413,1414],{},"outlineColor",[594,1416,1417],{"align":579},"Color of the text outline.",[594,1419,1420],{},"black",[574,1422,1423,1428,1431],{},[594,1424,1425],{"align":579},[551,1426,1427],{},"outlineOpacity",[594,1429,1430],{"align":579},"Opacity of the text outline.",[594,1432,1433],{},[493,1434,1105],{},[574,1436,1437,1442,1445],{},[594,1438,1439],{"align":579},[551,1440,1441],{},"strokeWidth",[594,1443,1444],{"align":579},"Width of an inner stroke drawn on each glyph.",[594,1446,1447],{},[493,1448,1186],{},[574,1450,1451,1456,1459],{},[594,1452,1453],{"align":579},[551,1454,1455],{},"strokeColor",[594,1457,1458],{"align":579},"Color of the glyph stroke.",[594,1460,1461],{},"grey",[574,1463,1464,1469,1472],{},[594,1465,1466],{"align":579},[551,1467,1468],{},"strokeOpacity",[594,1470,1471],{"align":579},"Opacity of the glyph stroke.",[594,1473,1474],{},[493,1475,1105],{},[574,1477,1478,1483,1486],{},[594,1479,1480],{"align":579},[551,1481,1482],{},"fillOpacity",[594,1484,1485],{"align":579},"Opacity of the glyph fill.",[594,1487,1488],{},[493,1489,1105],{},[574,1491,1492,1497,1500],{},[594,1493,1494],{"align":579},[551,1495,1496],{},"sdfGlyphSize",[594,1498,1499],{"align":579},"The size of each glyph's SDF texture, in pixels.",[594,1501,1502],{},[493,1503,1504],{},"64",[574,1506,1507,1512,1515],{},[594,1508,1509],{"align":579},[551,1510,1511],{},"glyphGeometryDetail",[594,1513,1514],{"align":579},"The level of detail of each glyph's geometry tessellation.",[594,1516,1517],{},[493,1518,1105],{},[545,1520,1521],{},[490,1522,1523,1524,516,1526,516,1528,520,1530,1532,1533,1535],{},"Only ",[493,1525,1097],{},[493,1527,1235],{},[493,1529,1250],{},[493,1531,1496],{}," are defaulted by the component. All other defaults are applied by ",[493,1534,511],{}," itself, so the values above reflect troika's behaviour when the prop is left unset.",[1537,1538,1539],"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 .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);}",{"title":701,"searchDepth":708,"depth":741,"links":1541},[1542,1543,1544,1545],{"id":542,"depth":741,"text":543},{"id":669,"depth":741,"text":15},{"id":1000,"depth":741,"text":1001},{"id":1034,"depth":741,"text":1035},"Render high-quality SDF text from real font files using troika-three-text.","md",null,{},{"title":437,"description":1546},"BMYiLiRNYCu_1pIo7EPvIyNo19CSoOthV_K98j7oyC0",[1553,1555],{"title":433,"path":434,"stem":435,"description":1554,"children":-1},"Create real-time reflections of your scene.",{"title":441,"path":442,"stem":443,"description":1556,"children":-1},"Render text in 3D using TextGeometry.",1782052435139]