[{"data":1,"prerenderedAt":1311},["ShallowReactive",2],{"navigation":3,"/api/controls/transform-controls":498,"/api/controls/transform-controls-surround":1306},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18,22],{"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},"Loading Models","/getting-started/loading-models","1.getting-started/4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","/api","2.api",[31,34,96,126,168,210,308,334,368,418,464],{"title":32,"path":28,"stem":33},"All","2.api/index",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[39,40,44,48,52,56,60,64,68,72,76,80,84,88,92],{"title":35,"path":36,"stem":37},{"title":41,"path":42,"stem":43},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":45,"path":46,"stem":47},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":49,"path":50,"stem":51},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":53,"path":54,"stem":55},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":57,"path":58,"stem":59},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":61,"path":62,"stem":63},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":65,"path":66,"stem":67},"Instances","/api/abstractions/instances","2.api/1.abstractions/instances",{"title":69,"path":70,"stem":71},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":73,"path":74,"stem":75},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":77,"path":78,"stem":79},"Merged","/api/abstractions/merged","2.api/1.abstractions/merged",{"title":81,"path":82,"stem":83},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":85,"path":86,"stem":87},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":89,"path":90,"stem":91},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":93,"path":94,"stem":95},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":97,"path":98,"stem":99,"children":100},"Controls","/api/controls","2.api/2.controls/index",[101,102,106,110,114,118,122],{"title":97,"path":98,"stem":99},{"title":103,"path":104,"stem":105},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":107,"path":108,"stem":109},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":111,"path":112,"stem":113},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":115,"path":116,"stem":117},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":119,"path":120,"stem":121},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":123,"path":124,"stem":125},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":127,"path":128,"stem":129,"children":130},"Loaders","/api/loaders","2.api/3.loaders/index",[131,132,136,140,144,148,152,156,160,164],{"title":127,"path":128,"stem":129},{"title":133,"path":134,"stem":135},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":137,"path":138,"stem":139},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":141,"path":142,"stem":143},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":145,"path":146,"stem":147},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":149,"path":150,"stem":151},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":153,"path":154,"stem":155},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":157,"path":158,"stem":159},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":161,"path":162,"stem":163},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":165,"path":166,"stem":167},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":169,"path":170,"stem":171,"children":172},"Materials","/api/materials","2.api/4.materials/index",[173,174,178,182,186,190,194,198,202,206],{"title":169,"path":170,"stem":171},{"title":175,"path":176,"stem":177},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":179,"path":180,"stem":181},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":183,"path":184,"stem":185},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":187,"path":188,"stem":189},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":191,"path":192,"stem":193},"Mesh Portal Material","/api/materials/mesh-portal-material","2.api/4.materials/mesh-portal-material",{"title":195,"path":196,"stem":197},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":199,"path":200,"stem":201},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":203,"path":204,"stem":205},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":207,"path":208,"stem":209},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":211,"path":212,"stem":213,"children":214},"Shapes","/api/shapes","2.api/5.shapes/index",[215,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304],{"title":211,"path":212,"stem":213},{"title":217,"path":218,"stem":219},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":221,"path":222,"stem":223},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":225,"path":226,"stem":227},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":229,"path":230,"stem":231},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":233,"path":234,"stem":235},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":237,"path":238,"stem":239},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":241,"path":242,"stem":243},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":245,"path":246,"stem":247},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":249,"path":250,"stem":251},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":253,"path":254,"stem":255},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":257,"path":258,"stem":259},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":261,"path":262,"stem":263},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":265,"path":266,"stem":267},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":269,"path":270,"stem":271},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":273,"path":274,"stem":275},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":277,"path":278,"stem":279},"Rounded Plane","/api/shapes/rounded-plane","2.api/5.shapes/rounded-plane",{"title":281,"path":282,"stem":283},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":285,"path":286,"stem":287},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":289,"path":290,"stem":291},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":293,"path":294,"stem":295},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":297,"path":298,"stem":299},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":301,"path":302,"stem":303},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":305,"path":306,"stem":307},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":309,"path":310,"stem":311,"children":312},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[313,314,318,322,326,330],{"title":309,"path":310,"stem":311},{"title":315,"path":316,"stem":317},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":319,"path":320,"stem":321},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":323,"path":324,"stem":325},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":327,"path":328,"stem":329},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":331,"path":332,"stem":333},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":335,"path":336,"stem":337,"children":338},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[339,340,344,348,352,356,360,364],{"title":335,"path":336,"stem":337},{"title":341,"path":342,"stem":343},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":345,"path":346,"stem":347},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":349,"path":350,"stem":351},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":353,"path":354,"stem":355},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":357,"path":358,"stem":359},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":361,"path":362,"stem":363},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":365,"path":366,"stem":367},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":369,"path":370,"stem":371,"children":372},"Staging","/api/staging","2.api/8.staging/index",[373,374,378,382,386,390,394,398,402,406,410,414],{"title":369,"path":370,"stem":371},{"title":375,"path":376,"stem":377},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":379,"path":380,"stem":381},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":383,"path":384,"stem":385},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":387,"path":388,"stem":389},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":391,"path":392,"stem":393},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":395,"path":396,"stem":397},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":399,"path":400,"stem":401},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":403,"path":404,"stem":405},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":407,"path":408,"stem":409},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":411,"path":412,"stem":413},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":415,"path":416,"stem":417},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":419,"path":420,"stem":421,"children":422},"Objects","/api/objects","2.api/9.objects/index",[423,424,428,432,436,440,444,448,452,456,460],{"title":419,"path":420,"stem":421},{"title":425,"path":426,"stem":427},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":429,"path":430,"stem":431},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":433,"path":434,"stem":435},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":437,"path":438,"stem":439},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":441,"path":442,"stem":443},"HTML","/api/objects/html","2.api/9.objects/html",{"title":445,"path":446,"stem":447},"Image","/api/objects/image","2.api/9.objects/image",{"title":449,"path":450,"stem":451},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":453,"path":454,"stem":455},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":457,"path":458,"stem":459},"Refractor","/api/objects/refractor","2.api/9.objects/refractor",{"title":461,"path":462,"stem":463},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":465,"path":466,"stem":467,"children":468},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[469,470,474,478,482,486,490,494],{"title":465,"path":466,"stem":467},{"title":471,"path":472,"stem":473},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":475,"path":476,"stem":477},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":479,"path":480,"stem":481},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":483,"path":484,"stem":485},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":487,"path":488,"stem":489},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":491,"path":492,"stem":493},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":495,"path":496,"stem":497},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":499,"title":123,"body":500,"description":1300,"extension":1301,"links":1302,"meta":1303,"navigation":1285,"path":124,"seo":1304,"stem":125,"__hash__":1305},"docs/2.api/2.controls/transform-controls.md",{"type":501,"value":502,"toc":1290},"minimark",[503,514,520,524,536,789,814,818,821,826,832,835,874,878,883,886,921,925,930,933,968,972,1215,1219,1282,1287],[504,505,506,507,513],"p",{},"The ",[508,509,123],"a",{"href":510,"rel":511},"https://threejs.org/docs/#examples/en/controls/TransformControls",[512],"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",[515,516,517],"scene-controls-wrapper",{},[518,519],"controls-transform-controls",{},[521,522,15],"h2",{"id":523},"usage",[504,525,526,527,531,532,535],{},"To use the Transform Controls, simply add the ",[528,529,530],"code",{},"TransformControls"," component to your scene. You can pass the ",[528,533,534],{},"templateRef","of the instance you want to control as a prop.",[537,538,546],"pre",{"className":539,"code":540,"highlights":541,"language":544,"meta":545,"style":545},"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",[542,543],7,8,"vue","",[528,547,548,568,588,598,608,619,645,659,680,716,738,760,770,780],{"__ignoreMap":545},[549,550,553,557,561,565],"span",{"class":551,"line":552},"line",1,[549,554,556],{"class":555},"sMK4o","\u003C",[549,558,560],{"class":559},"swJcz","script",[549,562,564],{"class":563},"spNyl"," setup",[549,566,567],{"class":555},">\n",[549,569,571,574,578,581,585],{"class":551,"line":570},2,[549,572,573],{"class":563},"const",[549,575,577],{"class":576},"sTEyZ"," boxRef ",[549,579,580],{"class":555},"=",[549,582,584],{"class":583},"s2Zo4"," shallowRef",[549,586,587],{"class":576},"()\n",[549,589,591,594,596],{"class":551,"line":590},3,[549,592,593],{"class":555},"\u003C/",[549,595,560],{"class":559},[549,597,567],{"class":555},[549,599,601,603,606],{"class":551,"line":600},4,[549,602,556],{"class":555},[549,604,605],{"class":559},"template",[549,607,567],{"class":555},[549,609,611,614,617],{"class":551,"line":610},5,[549,612,613],{"class":555},"  \u003C",[549,615,616],{"class":559},"TresCanvas",[549,618,567],{"class":555},[549,620,622,625,628,631,633,636,640,642],{"class":551,"line":621},6,[549,623,624],{"class":555},"    \u003C",[549,626,627],{"class":559},"TresPerspectiveCamera",[549,629,630],{"class":563}," :args",[549,632,580],{"class":555},[549,634,635],{"class":555},"\"",[549,637,639],{"class":638},"sfazB","[45, 1, 0.1, 1000]",[549,641,635],{"class":555},[549,643,644],{"class":555}," />\n",[549,646,649,651,654,657],{"class":647,"line":542},[551,648],"highlight",[549,650,624],{"class":555},[549,652,653],{"class":559},"OrbitControls",[549,655,656],{"class":563}," make-default",[549,658,644],{"class":555},[549,660,662,664,666,669,671,673,676,678],{"class":661,"line":543},[551,648],[549,663,624],{"class":555},[549,665,530],{"class":559},[549,667,668],{"class":563}," :object",[549,670,580],{"class":555},[549,672,635],{"class":555},[549,674,675],{"class":638},"boxRef",[549,677,635],{"class":555},[549,679,644],{"class":555},[549,681,683,685,688,691,693,695,697,699,702,704,706,709,711,714],{"class":551,"line":682},9,[549,684,624],{"class":555},[549,686,687],{"class":559},"TresMesh",[549,689,690],{"class":563}," ref",[549,692,580],{"class":555},[549,694,635],{"class":555},[549,696,675],{"class":638},[549,698,635],{"class":555},[549,700,701],{"class":563}," :position",[549,703,580],{"class":555},[549,705,635],{"class":555},[549,707,708],{"class":638},"[0, 4, 0]",[549,710,635],{"class":555},[549,712,713],{"class":563}," cast-shadow",[549,715,567],{"class":555},[549,717,719,722,725,727,729,731,734,736],{"class":551,"line":718},10,[549,720,721],{"class":555},"      \u003C",[549,723,724],{"class":559},"TresBoxGeometry",[549,726,630],{"class":563},[549,728,580],{"class":555},[549,730,635],{"class":555},[549,732,733],{"class":638},"[1.5, 1.5, 1.5]",[549,735,635],{"class":555},[549,737,644],{"class":555},[549,739,741,743,746,749,751,753,756,758],{"class":551,"line":740},11,[549,742,721],{"class":555},[549,744,745],{"class":559},"TresMeshToonMaterial",[549,747,748],{"class":563}," color",[549,750,580],{"class":555},[549,752,635],{"class":555},[549,754,755],{"class":638},"#4F4F4F",[549,757,635],{"class":555},[549,759,644],{"class":555},[549,761,763,766,768],{"class":551,"line":762},12,[549,764,765],{"class":555},"    \u003C/",[549,767,687],{"class":559},[549,769,567],{"class":555},[549,771,773,776,778],{"class":551,"line":772},13,[549,774,775],{"class":555},"  \u003C/",[549,777,616],{"class":559},[549,779,567],{"class":555},[549,781,783,785,787],{"class":551,"line":782},14,[549,784,593],{"class":555},[549,786,605],{"class":559},[549,788,567],{"class":555},[790,791,792],"prose-warning",{},[504,793,794,795,801,802,805,806,809,810,813],{},"If you are using other controls ",[549,796,798],{"style":797},"background-color:#222;padding:0.25rem;border-radius:4px;",[508,799,653],{"href":116,"style":800},"color:#f7f7f7;text-decoration:none"," they will interfere with each other when dragging. To avoid this, you can set the ",[528,803,804],{},"makeDefault"," prop to ",[528,807,808],{},"true"," on the ",[811,812,653],"strong",{},".",[521,815,817],{"id":816},"modes","Modes",[504,819,820],{},"The Transform Controls can be used in three different modes:",[822,823,825],"h3",{"id":824},"translate","Translate",[504,827,828],{},[829,830],"img",{"alt":825,"src":831},"/cientos/transform-controls-translate.png",[504,833,834],{},"The default mode allows you to move the object around the scene.",[537,836,838],{"className":539,"code":837,"language":544,"meta":545,"style":545},"\u003CTransformControls mode=\"translate\" :object=\"sphereRef\" />\n",[528,839,840],{"__ignoreMap":545},[549,841,842,844,846,849,851,853,855,857,860,863,865,867,870,872],{"class":551,"line":552},[549,843,556],{"class":555},[549,845,530],{"class":559},[549,847,848],{"class":563}," mode",[549,850,580],{"class":555},[549,852,635],{"class":555},[549,854,824],{"class":638},[549,856,635],{"class":555},[549,858,859],{"class":555}," :",[549,861,862],{"class":563},"object",[549,864,580],{"class":555},[549,866,635],{"class":555},[549,868,869],{"class":576},"sphereRef",[549,871,635],{"class":555},[549,873,644],{"class":555},[822,875,877],{"id":876},"rotate","Rotate",[504,879,880],{},[829,881],{"alt":877,"src":882},"/cientos/transform-controls-rotate.png",[504,884,885],{},"The rotate mode allows you to rotate the object around the scene.",[537,887,889],{"className":539,"code":888,"language":544,"meta":545,"style":545},"\u003CTransformControls mode=\"rotate\" :object=\"boxRef\" />\n",[528,890,891],{"__ignoreMap":545},[549,892,893,895,897,899,901,903,905,907,909,911,913,915,917,919],{"class":551,"line":552},[549,894,556],{"class":555},[549,896,530],{"class":559},[549,898,848],{"class":563},[549,900,580],{"class":555},[549,902,635],{"class":555},[549,904,876],{"class":638},[549,906,635],{"class":555},[549,908,859],{"class":555},[549,910,862],{"class":563},[549,912,580],{"class":555},[549,914,635],{"class":555},[549,916,675],{"class":576},[549,918,635],{"class":555},[549,920,644],{"class":555},[822,922,924],{"id":923},"scale","Scale",[504,926,927],{},[829,928],{"alt":924,"src":929},"/cientos/transform-controls-scale.png",[504,931,932],{},"The scale mode allows you to scale the object around the scene.",[537,934,936],{"className":539,"code":935,"language":544,"meta":545,"style":545},"\u003CTransformControls mode=\"scale\" :object=\"sphereRef\" />\n",[528,937,938],{"__ignoreMap":545},[549,939,940,942,944,946,948,950,952,954,956,958,960,962,964,966],{"class":551,"line":552},[549,941,556],{"class":555},[549,943,530],{"class":559},[549,945,848],{"class":563},[549,947,580],{"class":555},[549,949,635],{"class":555},[549,951,923],{"class":638},[549,953,635],{"class":555},[549,955,859],{"class":555},[549,957,862],{"class":563},[549,959,580],{"class":555},[549,961,635],{"class":555},[549,963,869],{"class":576},[549,965,635],{"class":555},[549,967,644],{"class":555},[521,969,971],{"id":970},"props","Props",[973,974,975,992],"table",{},[976,977,978],"thead",{},[979,980,981,986,989],"tr",{},[982,983,985],"th",{"align":984},"left","Prop",[982,987,988],{"align":984},"Description",[982,990,991],{},"Default",[993,994,995,1016,1038,1055,1090,1110,1125,1139,1153,1167,1183,1199],"tbody",{},[979,996,997,1002,1011],{},[998,999,1000],"td",{"align":984},[811,1001,862],{},[998,1003,1004,1005,1010],{"align":984},"The instance ",[508,1006,1009],{"href":1007,"rel":1008},"https://threejs.org/docs/index.html#api/en/core/Object3D",[512],"Object3D"," to control.",[998,1012,1013],{},[528,1014,1015],{},"null",[979,1017,1018,1023,1034],{},[998,1019,1020],{"align":984},[811,1021,1022],{},"mode",[998,1024,1025,1026,1028,1029,1031,1032,813],{"align":984},"The mode of the controls. Can be ",[528,1027,824],{},", ",[528,1030,876],{}," or ",[528,1033,923],{},[998,1035,1036],{},[528,1037,824],{},[979,1039,1040,1045,1051],{},[998,1041,1042],{"align":984},[811,1043,1044],{},"enabled",[998,1046,1047,1048,1050],{"align":984},"If ",[528,1049,808],{},", the controls will be enabled.",[998,1052,1053],{},[528,1054,808],{},[979,1056,1057,1062,1086],{},[998,1058,1059],{"align":984},[811,1060,1061],{},"axis",[998,1063,1064,1065,1028,1068,1028,1071,1028,1074,1028,1077,1028,1080,1028,1083,813],{"align":984},"The axis to use for the controls. Can be ",[528,1066,1067],{},"X",[528,1069,1070],{},"Y",[528,1072,1073],{},"Z",[528,1075,1076],{},"XY",[528,1078,1079],{},"YZ",[528,1081,1082],{},"XZ",[528,1084,1085],{},"XYZ",[998,1087,1088],{},[528,1089,1085],{},[979,1091,1092,1097,1106],{},[998,1093,1094],{"align":984},[811,1095,1096],{},"space",[998,1098,1099,1100,1031,1103,813],{"align":984},"The space to use for the controls. Can be ",[528,1101,1102],{},"local",[528,1104,1105],{},"world",[998,1107,1108],{},[528,1109,1102],{},[979,1111,1112,1117,1120],{},[998,1113,1114],{"align":984},[811,1115,1116],{},"size",[998,1118,1119],{"align":984},"The size of the controls.",[998,1121,1122],{},[528,1123,1124],{},"1",[979,1126,1127,1132,1135],{},[998,1128,1129],{"align":984},[811,1130,1131],{},"translationSnap",[998,1133,1134],{"align":984},"The distance to snap to when translating. (World units)",[998,1136,1137],{},[528,1138,1015],{},[979,1140,1141,1146,1149],{},[998,1142,1143],{"align":984},[811,1144,1145],{},"rotationSnap",[998,1147,1148],{"align":984},"The angle to snap to when rotating. (Radians)",[998,1150,1151],{},[528,1152,1015],{},[979,1154,1155,1160,1163],{},[998,1156,1157],{"align":984},[811,1158,1159],{},"scaleSnap",[998,1161,1162],{"align":984},"The scale to snap to when scaling.",[998,1164,1165],{},[528,1166,1015],{},[979,1168,1169,1174,1179],{},[998,1170,1171],{"align":984},[811,1172,1173],{},"showX",[998,1175,1047,1176,1178],{"align":984},[528,1177,808],{},", the X-axis helper will be shown.",[998,1180,1181],{},[528,1182,808],{},[979,1184,1185,1190,1195],{},[998,1186,1187],{"align":984},[811,1188,1189],{},"showY",[998,1191,1047,1192,1194],{"align":984},[528,1193,808],{},", the Y-axis helper will be shown.",[998,1196,1197],{},[528,1198,808],{},[979,1200,1201,1206,1211],{},[998,1202,1203],{"align":984},[811,1204,1205],{},"showZ",[998,1207,1047,1208,1210],{"align":984},[528,1209,808],{},", the Z-axis helper will be shown.",[998,1212,1213],{},[528,1214,808],{},[521,1216,1218],{"id":1217},"events","Events",[973,1220,1221,1230],{},[976,1222,1223],{},[979,1224,1225,1228],{},[982,1226,1227],{"align":984},"Event",[982,1229,988],{"align":984},[993,1231,1232,1242,1252,1262,1272],{},[979,1233,1234,1239],{},[998,1235,1236],{"align":984},[811,1237,1238],{},"dragging",[998,1240,1241],{"align":984},"Fired when the user starts or stops dragging the controls.",[979,1243,1244,1249],{},[998,1245,1246],{"align":984},[811,1247,1248],{},"change",[998,1250,1251],{"align":984},"Fired when the user changes the controls.",[979,1253,1254,1259],{},[998,1255,1256],{"align":984},[811,1257,1258],{},"mouseDown",[998,1260,1261],{"align":984},"Fired when the user clicks on the controls.",[979,1263,1264,1269],{},[998,1265,1266],{"align":984},[811,1267,1268],{},"mouseUp",[998,1270,1271],{"align":984},"Fired when the user releases the mouse button on the controls.",[979,1273,1274,1279],{},[998,1275,1276],{"align":984},[811,1277,1278],{},"objectChange",[998,1280,1281],{"align":984},"Fired when the user changes the object.",[1283,1284,1286],"style",{"scoped":1285},true,"\nimg {\n    aspect-ratio: 16/9;\n    object-fit: cover;\n    object-position: top;\n    border-radius: 8px;\n}\n",[1283,1288,1289],{},"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 .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":545,"searchDepth":552,"depth":570,"links":1291},[1292,1293,1298,1299],{"id":523,"depth":570,"text":15},{"id":816,"depth":570,"text":817,"children":1294},[1295,1296,1297],{"id":824,"depth":590,"text":825},{"id":876,"depth":590,"text":877},{"id":923,"depth":590,"text":924},{"id":970,"depth":570,"text":971},{"id":1217,"depth":570,"text":1218},"Set of three gizmos that can be used to translate, rotate and scale objects","md",null,{},{"title":123,"description":1300},"rtA5mRjWCioaInPfcKtnEcdh3kG88FfwUz7CBNeBOWs",[1307,1309],{"title":119,"path":120,"stem":121,"description":1308,"children":-1},"Allows you to capture the mouse movement and simulate a first person camera",{"title":127,"path":128,"stem":129,"description":1310,"children":-1},"Asset loading composables for TresJS scenes.",1789116509143]