[{"data":1,"prerenderedAt":1332},["ShallowReactive",2],{"navigation":3,"/api/controls/transform-controls":466,"/api/controls/transform-controls-surround":1327},[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":107,"body":468,"description":1321,"extension":1322,"links":1323,"meta":1324,"navigation":1306,"path":108,"seo":1325,"stem":109,"__hash__":1326},"docs/2.api/2.controls/transform-controls.md",{"type":469,"value":470,"toc":1311},"minimark",[471,482,488,492,504,814,839,843,846,851,857,860,897,901,906,909,944,948,953,956,991,995,1236,1240,1303,1308],[472,473,474,475,481],"p",{},"The ",[476,477,107],"a",{"href":478,"rel":479},"https://threejs.org/docs/#examples/en/controls/TransformControls",[480],"nofollow"," are a set of three gizmos that can be used to translate, rotate and scale objects in the scene. It adapts a similar interaction model of DCC tools like Blender",[483,484,485],"scene-controls-wrapper",{},[486,487],"controls-transform-controls",{},[489,490,15],"h2",{"id":491},"usage",[472,493,494,495,499,500,503],{},"To use the Transform Controls, simply add the ",[496,497,498],"code",{},"TransformControls"," component to your scene. You can pass the ",[496,501,502],{},"templateRef","of the instance you want to control as a prop.",[505,506,514],"pre",{"className":507,"code":508,"highlights":509,"language":512,"meta":513,"style":513},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nconst boxRef = shallowRef()\n\u003C/script>\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :args=\"[45, 1, 0.1, 1000]\" />\n    \u003COrbitControls make-default />\n    \u003CTransformControls :object=\"boxRef\" />\n    \u003CTresMesh ref=\"boxRef\" :position=\"[0, 4, 0]\" cast-shadow>\n      \u003CTresBoxGeometry :args=\"[1.5, 1.5, 1.5]\" />\n      \u003CTresMeshToonMaterial color=\"#4F4F4F\" />\n    \u003C/TresMesh>\n  \u003C/TresCanvas>\n\u003C/template>\n",[510,511],7,8,"vue","",[496,515,516,536,556,566,576,587,638,652,675,727,763,785,795,805],{"__ignoreMap":513},[517,518,521,525,529,533],"span",{"class":519,"line":520},"line",1,[517,522,524],{"class":523},"sMK4o","\u003C",[517,526,528],{"class":527},"swJcz","script",[517,530,532],{"class":531},"spNyl"," setup",[517,534,535],{"class":523},">\n",[517,537,539,542,546,549,553],{"class":519,"line":538},2,[517,540,541],{"class":531},"const",[517,543,545],{"class":544},"sTEyZ"," boxRef ",[517,547,548],{"class":523},"=",[517,550,552],{"class":551},"s2Zo4"," shallowRef",[517,554,555],{"class":544},"()\n",[517,557,559,562,564],{"class":519,"line":558},3,[517,560,561],{"class":523},"\u003C/",[517,563,528],{"class":527},[517,565,535],{"class":523},[517,567,569,571,574],{"class":519,"line":568},4,[517,570,524],{"class":523},[517,572,573],{"class":527},"template",[517,575,535],{"class":523},[517,577,579,582,585],{"class":519,"line":578},5,[517,580,581],{"class":523},"  \u003C",[517,583,584],{"class":527},"TresCanvas",[517,586,535],{"class":523},[517,588,590,593,596,599,602,604,607,610,614,617,620,622,625,627,630,633,635],{"class":519,"line":589},6,[517,591,592],{"class":523},"    \u003C",[517,594,595],{"class":527},"TresPerspectiveCamera",[517,597,598],{"class":523}," :",[517,600,601],{"class":531},"args",[517,603,548],{"class":523},[517,605,606],{"class":523},"\"",[517,608,609],{"class":523},"[",[517,611,613],{"class":612},"sbssI","45",[517,615,616],{"class":523},", ",[517,618,619],{"class":612},"1",[517,621,616],{"class":523},[517,623,624],{"class":612},"0.1",[517,626,616],{"class":523},[517,628,629],{"class":612},"1000",[517,631,632],{"class":523},"]",[517,634,606],{"class":523},[517,636,637],{"class":523}," />\n",[517,639,642,644,647,650],{"class":640,"line":510},[519,641],"highlight",[517,643,592],{"class":523},[517,645,646],{"class":527},"OrbitControls",[517,648,649],{"class":531}," make-default",[517,651,637],{"class":523},[517,653,655,657,659,661,664,666,668,671,673],{"class":654,"line":511},[519,641],[517,656,592],{"class":523},[517,658,498],{"class":527},[517,660,598],{"class":523},[517,662,663],{"class":531},"object",[517,665,548],{"class":523},[517,667,606],{"class":523},[517,669,670],{"class":544},"boxRef",[517,672,606],{"class":523},[517,674,637],{"class":523},[517,676,678,680,683,686,688,690,693,695,697,700,702,704,706,709,711,714,716,718,720,722,725],{"class":519,"line":677},9,[517,679,592],{"class":523},[517,681,682],{"class":527},"TresMesh",[517,684,685],{"class":531}," ref",[517,687,548],{"class":523},[517,689,606],{"class":523},[517,691,670],{"class":692},"sfazB",[517,694,606],{"class":523},[517,696,598],{"class":523},[517,698,699],{"class":531},"position",[517,701,548],{"class":523},[517,703,606],{"class":523},[517,705,609],{"class":523},[517,707,708],{"class":612},"0",[517,710,616],{"class":523},[517,712,713],{"class":612},"4",[517,715,616],{"class":523},[517,717,708],{"class":612},[517,719,632],{"class":523},[517,721,606],{"class":523},[517,723,724],{"class":531}," cast-shadow",[517,726,535],{"class":523},[517,728,730,733,736,738,740,742,744,746,749,751,753,755,757,759,761],{"class":519,"line":729},10,[517,731,732],{"class":523},"      \u003C",[517,734,735],{"class":527},"TresBoxGeometry",[517,737,598],{"class":523},[517,739,601],{"class":531},[517,741,548],{"class":523},[517,743,606],{"class":523},[517,745,609],{"class":523},[517,747,748],{"class":612},"1.5",[517,750,616],{"class":523},[517,752,748],{"class":612},[517,754,616],{"class":523},[517,756,748],{"class":612},[517,758,632],{"class":523},[517,760,606],{"class":523},[517,762,637],{"class":523},[517,764,766,768,771,774,776,778,781,783],{"class":519,"line":765},11,[517,767,732],{"class":523},[517,769,770],{"class":527},"TresMeshToonMaterial",[517,772,773],{"class":531}," color",[517,775,548],{"class":523},[517,777,606],{"class":523},[517,779,780],{"class":692},"#4F4F4F",[517,782,606],{"class":523},[517,784,637],{"class":523},[517,786,788,791,793],{"class":519,"line":787},12,[517,789,790],{"class":523},"    \u003C/",[517,792,682],{"class":527},[517,794,535],{"class":523},[517,796,798,801,803],{"class":519,"line":797},13,[517,799,800],{"class":523},"  \u003C/",[517,802,584],{"class":527},[517,804,535],{"class":523},[517,806,808,810,812],{"class":519,"line":807},14,[517,809,561],{"class":523},[517,811,573],{"class":527},[517,813,535],{"class":523},[815,816,817],"prose-warning",{},[472,818,819,820,826,827,830,831,834,835,838],{},"If you are using other controls ",[517,821,823],{"style":822},"background-color:#222;padding:0.25rem;border-radius:4px;",[476,824,646],{"href":100,"style":825},"color:#f7f7f7;text-decoration:none"," they will interfere with each other when dragging. To avoid this, you can set the ",[496,828,829],{},"makeDefault"," prop to ",[496,832,833],{},"true"," on the ",[836,837,646],"strong",{},".",[489,840,842],{"id":841},"modes","Modes",[472,844,845],{},"The Transform Controls can be used in three different modes:",[847,848,850],"h3",{"id":849},"translate","Translate",[472,852,853],{},[854,855],"img",{"alt":850,"src":856},"/cientos/transform-controls-translate.png",[472,858,859],{},"The default mode allows you to move the object around the scene.",[505,861,863],{"className":507,"code":862,"language":512,"meta":513,"style":513},"\u003CTransformControls mode=\"translate\" :object=\"sphereRef\" />\n",[496,864,865],{"__ignoreMap":513},[517,866,867,869,871,874,876,878,880,882,884,886,888,890,893,895],{"class":519,"line":520},[517,868,524],{"class":523},[517,870,498],{"class":527},[517,872,873],{"class":531}," mode",[517,875,548],{"class":523},[517,877,606],{"class":523},[517,879,849],{"class":692},[517,881,606],{"class":523},[517,883,598],{"class":523},[517,885,663],{"class":531},[517,887,548],{"class":523},[517,889,606],{"class":523},[517,891,892],{"class":544},"sphereRef",[517,894,606],{"class":523},[517,896,637],{"class":523},[847,898,900],{"id":899},"rotate","Rotate",[472,902,903],{},[854,904],{"alt":900,"src":905},"/cientos/transform-controls-rotate.png",[472,907,908],{},"The rotate mode allows you to rotate the object around the scene.",[505,910,912],{"className":507,"code":911,"language":512,"meta":513,"style":513},"\u003CTransformControls mode=\"rotate\" :object=\"boxRef\" />\n",[496,913,914],{"__ignoreMap":513},[517,915,916,918,920,922,924,926,928,930,932,934,936,938,940,942],{"class":519,"line":520},[517,917,524],{"class":523},[517,919,498],{"class":527},[517,921,873],{"class":531},[517,923,548],{"class":523},[517,925,606],{"class":523},[517,927,899],{"class":692},[517,929,606],{"class":523},[517,931,598],{"class":523},[517,933,663],{"class":531},[517,935,548],{"class":523},[517,937,606],{"class":523},[517,939,670],{"class":544},[517,941,606],{"class":523},[517,943,637],{"class":523},[847,945,947],{"id":946},"scale","Scale",[472,949,950],{},[854,951],{"alt":947,"src":952},"/cientos/transform-controls-scale.png",[472,954,955],{},"The scale mode allows you to scale the object around the scene.",[505,957,959],{"className":507,"code":958,"language":512,"meta":513,"style":513},"\u003CTransformControls mode=\"scale\" :object=\"sphereRef\" />\n",[496,960,961],{"__ignoreMap":513},[517,962,963,965,967,969,971,973,975,977,979,981,983,985,987,989],{"class":519,"line":520},[517,964,524],{"class":523},[517,966,498],{"class":527},[517,968,873],{"class":531},[517,970,548],{"class":523},[517,972,606],{"class":523},[517,974,946],{"class":692},[517,976,606],{"class":523},[517,978,598],{"class":523},[517,980,663],{"class":531},[517,982,548],{"class":523},[517,984,606],{"class":523},[517,986,892],{"class":544},[517,988,606],{"class":523},[517,990,637],{"class":523},[489,992,994],{"id":993},"props","Props",[996,997,998,1015],"table",{},[999,1000,1001],"thead",{},[1002,1003,1004,1009,1012],"tr",{},[1005,1006,1008],"th",{"align":1007},"left","Prop",[1005,1010,1011],{"align":1007},"Description",[1005,1013,1014],{},"Default",[1016,1017,1018,1039,1060,1077,1112,1132,1146,1160,1174,1188,1204,1220],"tbody",{},[1002,1019,1020,1025,1034],{},[1021,1022,1023],"td",{"align":1007},[836,1024,663],{},[1021,1026,1027,1028,1033],{"align":1007},"The instance ",[476,1029,1032],{"href":1030,"rel":1031},"https://threejs.org/docs/index.html#api/en/core/Object3D",[480],"Object3D"," to control.",[1021,1035,1036],{},[496,1037,1038],{},"null",[1002,1040,1041,1046,1056],{},[1021,1042,1043],{"align":1007},[836,1044,1045],{},"mode",[1021,1047,1048,1049,616,1051,1053,1054,838],{"align":1007},"The mode of the controls. Can be ",[496,1050,849],{},[496,1052,899],{}," or ",[496,1055,946],{},[1021,1057,1058],{},[496,1059,849],{},[1002,1061,1062,1067,1073],{},[1021,1063,1064],{"align":1007},[836,1065,1066],{},"enabled",[1021,1068,1069,1070,1072],{"align":1007},"If ",[496,1071,833],{},", the controls will be enabled.",[1021,1074,1075],{},[496,1076,833],{},[1002,1078,1079,1084,1108],{},[1021,1080,1081],{"align":1007},[836,1082,1083],{},"axis",[1021,1085,1086,1087,616,1090,616,1093,616,1096,616,1099,616,1102,616,1105,838],{"align":1007},"The axis to use for the controls. Can be ",[496,1088,1089],{},"X",[496,1091,1092],{},"Y",[496,1094,1095],{},"Z",[496,1097,1098],{},"XY",[496,1100,1101],{},"YZ",[496,1103,1104],{},"XZ",[496,1106,1107],{},"XYZ",[1021,1109,1110],{},[496,1111,1107],{},[1002,1113,1114,1119,1128],{},[1021,1115,1116],{"align":1007},[836,1117,1118],{},"space",[1021,1120,1121,1122,1053,1125,838],{"align":1007},"The space to use for the controls. Can be ",[496,1123,1124],{},"local",[496,1126,1127],{},"world",[1021,1129,1130],{},[496,1131,1124],{},[1002,1133,1134,1139,1142],{},[1021,1135,1136],{"align":1007},[836,1137,1138],{},"size",[1021,1140,1141],{"align":1007},"The size of the controls.",[1021,1143,1144],{},[496,1145,619],{},[1002,1147,1148,1153,1156],{},[1021,1149,1150],{"align":1007},[836,1151,1152],{},"translationSnap",[1021,1154,1155],{"align":1007},"The distance to snap to when translating. (World units)",[1021,1157,1158],{},[496,1159,1038],{},[1002,1161,1162,1167,1170],{},[1021,1163,1164],{"align":1007},[836,1165,1166],{},"rotationSnap",[1021,1168,1169],{"align":1007},"The angle to snap to when rotating. (Radians)",[1021,1171,1172],{},[496,1173,1038],{},[1002,1175,1176,1181,1184],{},[1021,1177,1178],{"align":1007},[836,1179,1180],{},"scaleSnap",[1021,1182,1183],{"align":1007},"The scale to snap to when scaling.",[1021,1185,1186],{},[496,1187,1038],{},[1002,1189,1190,1195,1200],{},[1021,1191,1192],{"align":1007},[836,1193,1194],{},"showX",[1021,1196,1069,1197,1199],{"align":1007},[496,1198,833],{},", the X-axis helper will be shown.",[1021,1201,1202],{},[496,1203,833],{},[1002,1205,1206,1211,1216],{},[1021,1207,1208],{"align":1007},[836,1209,1210],{},"showY",[1021,1212,1069,1213,1215],{"align":1007},[496,1214,833],{},", the Y-axis helper will be shown.",[1021,1217,1218],{},[496,1219,833],{},[1002,1221,1222,1227,1232],{},[1021,1223,1224],{"align":1007},[836,1225,1226],{},"showZ",[1021,1228,1069,1229,1231],{"align":1007},[496,1230,833],{},", the Z-axis helper will be shown.",[1021,1233,1234],{},[496,1235,833],{},[489,1237,1239],{"id":1238},"events","Events",[996,1241,1242,1251],{},[999,1243,1244],{},[1002,1245,1246,1249],{},[1005,1247,1248],{"align":1007},"Event",[1005,1250,1011],{"align":1007},[1016,1252,1253,1263,1273,1283,1293],{},[1002,1254,1255,1260],{},[1021,1256,1257],{"align":1007},[836,1258,1259],{},"dragging",[1021,1261,1262],{"align":1007},"Fired when the user starts or stops dragging the controls.",[1002,1264,1265,1270],{},[1021,1266,1267],{"align":1007},[836,1268,1269],{},"change",[1021,1271,1272],{"align":1007},"Fired when the user changes the controls.",[1002,1274,1275,1280],{},[1021,1276,1277],{"align":1007},[836,1278,1279],{},"mouseDown",[1021,1281,1282],{"align":1007},"Fired when the user clicks on the controls.",[1002,1284,1285,1290],{},[1021,1286,1287],{"align":1007},[836,1288,1289],{},"mouseUp",[1021,1291,1292],{"align":1007},"Fired when the user releases the mouse button on the controls.",[1002,1294,1295,1300],{},[1021,1296,1297],{"align":1007},[836,1298,1299],{},"objectChange",[1021,1301,1302],{"align":1007},"Fired when the user changes the object.",[1304,1305,1307],"style",{"scoped":1306},true,"\nimg {\n    aspect-ratio: 16/9;\n    object-fit: cover;\n    object-position: top;\n    border-radius: 8px;\n}\n",[1304,1309,1310],{},"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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":513,"searchDepth":520,"depth":538,"links":1312},[1313,1314,1319,1320],{"id":491,"depth":538,"text":15},{"id":841,"depth":538,"text":842,"children":1315},[1316,1317,1318],{"id":849,"depth":558,"text":850},{"id":899,"depth":558,"text":900},{"id":946,"depth":558,"text":947},{"id":993,"depth":538,"text":994},{"id":1238,"depth":538,"text":1239},"Set of three gizmos that can be used to translate, rotate and scale objects","md",null,{},{"title":107,"description":1321},"_oLjZPc3YQUArU7wqNKfUEMez4NtYo2Rc8q7SCJPpVI",[1328,1330],{"title":103,"path":104,"stem":105,"description":1329,"children":-1},"Allows you to capture the mouse movement and simulate a first person camera",{"title":111,"path":112,"stem":113,"description":1331,"children":-1},"Asset loading composables for TresJS scenes.",1774953653394]