[{"data":1,"prerenderedAt":1880},["ShallowReactive",2],{"navigation":3,"/api/controls/camera-controls":474,"/api/controls/camera-controls-surround":1875},[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,190,284,310,344,394,440],{"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],{"title":157,"path":158,"stem":159},{"title":163,"path":164,"stem":165},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":167,"path":168,"stem":169},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":171,"path":172,"stem":173},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":175,"path":176,"stem":177},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":179,"path":180,"stem":181},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":183,"path":184,"stem":185},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":187,"path":188,"stem":189},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":191,"path":192,"stem":193,"children":194},"Shapes","/api/shapes","2.api/5.shapes/index",[195,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280],{"title":191,"path":192,"stem":193},{"title":197,"path":198,"stem":199},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":201,"path":202,"stem":203},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":205,"path":206,"stem":207},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":209,"path":210,"stem":211},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":213,"path":214,"stem":215},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":217,"path":218,"stem":219},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":221,"path":222,"stem":223},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":225,"path":226,"stem":227},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":229,"path":230,"stem":231},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":233,"path":234,"stem":235},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":237,"path":238,"stem":239},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":241,"path":242,"stem":243},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":245,"path":246,"stem":247},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":249,"path":250,"stem":251},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":253,"path":254,"stem":255},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":257,"path":258,"stem":259},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":261,"path":262,"stem":263},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":265,"path":266,"stem":267},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":269,"path":270,"stem":271},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":273,"path":274,"stem":275},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":277,"path":278,"stem":279},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":281,"path":282,"stem":283},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":285,"path":286,"stem":287,"children":288},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[289,290,294,298,302,306],{"title":285,"path":286,"stem":287},{"title":291,"path":292,"stem":293},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":295,"path":296,"stem":297},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":299,"path":300,"stem":301},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":303,"path":304,"stem":305},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":307,"path":308,"stem":309},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":311,"path":312,"stem":313,"children":314},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[315,316,320,324,328,332,336,340],{"title":311,"path":312,"stem":313},{"title":317,"path":318,"stem":319},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":321,"path":322,"stem":323},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":325,"path":326,"stem":327},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":329,"path":330,"stem":331},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":333,"path":334,"stem":335},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":337,"path":338,"stem":339},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":341,"path":342,"stem":343},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":345,"path":346,"stem":347,"children":348},"Staging","/api/staging","2.api/8.staging/index",[349,350,354,358,362,366,370,374,378,382,386,390],{"title":345,"path":346,"stem":347},{"title":351,"path":352,"stem":353},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":355,"path":356,"stem":357},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":359,"path":360,"stem":361},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":363,"path":364,"stem":365},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":367,"path":368,"stem":369},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":371,"path":372,"stem":373},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":375,"path":376,"stem":377},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":379,"path":380,"stem":381},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":383,"path":384,"stem":385},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":387,"path":388,"stem":389},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":391,"path":392,"stem":393},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":395,"path":396,"stem":397,"children":398},"Objects","/api/objects","2.api/9.objects/index",[399,400,404,408,412,416,420,424,428,432,436],{"title":395,"path":396,"stem":397},{"title":401,"path":402,"stem":403},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":405,"path":406,"stem":407},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":409,"path":410,"stem":411},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":413,"path":414,"stem":415},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":417,"path":418,"stem":419},"HTML","/api/objects/html","2.api/9.objects/html",{"title":421,"path":422,"stem":423},"Image","/api/objects/image","2.api/9.objects/image",{"title":425,"path":426,"stem":427},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":429,"path":430,"stem":431},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":433,"path":434,"stem":435},"Refractor","/api/objects/refractor","2.api/9.objects/refractor",{"title":437,"path":438,"stem":439},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":441,"path":442,"stem":443,"children":444},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[445,446,450,454,458,462,466,470],{"title":441,"path":442,"stem":443},{"title":447,"path":448,"stem":449},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":451,"path":452,"stem":453},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":455,"path":456,"stem":457},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":459,"path":460,"stem":461},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":463,"path":464,"stem":465},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":467,"path":468,"stem":469},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":471,"path":472,"stem":473},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":475,"title":91,"body":476,"description":1869,"extension":1870,"links":1871,"meta":1872,"navigation":1382,"path":92,"seo":1873,"stem":93,"__hash__":1874},"docs/2.api/2.controls/camera-controls.md",{"type":477,"value":478,"toc":1860},"minimark",[479,485,500,509,513,804,810,814,817,1285,1288,1317,1488,1492,1620,1630,1633,1756,1760,1816,1856],[480,481,482],"scene-controls-wrapper",{},[483,484],"controls-camera-controls",{},[486,487,488,495,496,499],"p",{},[489,490,494],"a",{"href":491,"rel":492},"https://github.com/yomotsu/camera-controls",[493],"nofollow","CameraControls"," is a camera controller similar to ",[489,497,498],{"href":104},"OrbitControls"," yet supports smooth transitions and more features.",[486,501,502,503,508],{},"However, it is thirty party library for ThreeJS. So to use it you would need to install and import using ",[489,504,507],{"href":505,"rel":506},"https://www.npmjs.com/package/camera-controls",[493],"npm",".",[510,511,15],"h2",{"id":512},"usage",[514,515,522],"pre",{"className":516,"code":517,"highlights":518,"language":520,"meta":521,"style":521},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { CameraControls } from \"@tresjs/cientos\"\n\u003C/script>\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CCameraControls />\n    \u003CBox :scale=\"2\">\n      \u003CTresMeshToonMaterial color=\"orange\" />\n    \u003C/Box>\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n    \u003CTresGridHelper />\n  \u003C/TresCanvas>\n\u003C/template>\n",[519],7,"vue","",[523,524,525,545,575,585,595,620,663,673,696,719,729,739,775,785,795],"code",{"__ignoreMap":521},[526,527,530,534,538,542],"span",{"class":528,"line":529},"line",1,[526,531,533],{"class":532},"sMK4o","\u003C",[526,535,537],{"class":536},"swJcz","script",[526,539,541],{"class":540},"spNyl"," setup",[526,543,544],{"class":532},">\n",[526,546,548,552,555,559,562,565,568,572],{"class":528,"line":547},2,[526,549,551],{"class":550},"s7zQu","import",[526,553,554],{"class":532}," {",[526,556,558],{"class":557},"sTEyZ"," CameraControls",[526,560,561],{"class":532}," }",[526,563,564],{"class":550}," from",[526,566,567],{"class":532}," \"",[526,569,571],{"class":570},"sfazB","@tresjs/cientos",[526,573,574],{"class":532},"\"\n",[526,576,578,581,583],{"class":528,"line":577},3,[526,579,580],{"class":532},"\u003C/",[526,582,537],{"class":536},[526,584,544],{"class":532},[526,586,588,590,593],{"class":528,"line":587},4,[526,589,533],{"class":532},[526,591,592],{"class":536},"template",[526,594,544],{"class":532},[526,596,598,601,604,607,610,613,616,618],{"class":528,"line":597},5,[526,599,600],{"class":532},"  \u003C",[526,602,603],{"class":536},"TresCanvas",[526,605,606],{"class":540}," clear-color",[526,608,609],{"class":532},"=",[526,611,612],{"class":532},"\"",[526,614,615],{"class":570},"#82DBC5",[526,617,612],{"class":532},[526,619,544],{"class":532},[526,621,623,626,629,632,635,637,639,642,646,649,651,653,655,658,660],{"class":528,"line":622},6,[526,624,625],{"class":532},"    \u003C",[526,627,628],{"class":536},"TresPerspectiveCamera",[526,630,631],{"class":532}," :",[526,633,634],{"class":540},"position",[526,636,609],{"class":532},[526,638,612],{"class":532},[526,640,641],{"class":532},"[",[526,643,645],{"class":644},"sbssI","3",[526,647,648],{"class":532},", ",[526,650,645],{"class":644},[526,652,648],{"class":532},[526,654,645],{"class":644},[526,656,657],{"class":532},"]",[526,659,612],{"class":532},[526,661,662],{"class":532}," />\n",[526,664,667,669,671],{"class":665,"line":519},[528,666],"highlight",[526,668,625],{"class":532},[526,670,494],{"class":536},[526,672,662],{"class":532},[526,674,676,678,680,682,685,687,689,692,694],{"class":528,"line":675},8,[526,677,625],{"class":532},[526,679,197],{"class":536},[526,681,631],{"class":532},[526,683,684],{"class":540},"scale",[526,686,609],{"class":532},[526,688,612],{"class":532},[526,690,691],{"class":644},"2",[526,693,612],{"class":532},[526,695,544],{"class":532},[526,697,699,702,705,708,710,712,715,717],{"class":528,"line":698},9,[526,700,701],{"class":532},"      \u003C",[526,703,704],{"class":536},"TresMeshToonMaterial",[526,706,707],{"class":540}," color",[526,709,609],{"class":532},[526,711,612],{"class":532},[526,713,714],{"class":570},"orange",[526,716,612],{"class":532},[526,718,662],{"class":532},[526,720,722,725,727],{"class":528,"line":721},10,[526,723,724],{"class":532},"    \u003C/",[526,726,197],{"class":536},[526,728,544],{"class":532},[526,730,732,734,737],{"class":528,"line":731},11,[526,733,625],{"class":532},[526,735,736],{"class":536},"TresAmbientLight",[526,738,662],{"class":532},[526,740,742,744,747,749,751,753,755,757,760,762,764,766,769,771,773],{"class":528,"line":741},12,[526,743,625],{"class":532},[526,745,746],{"class":536},"TresDirectionalLight",[526,748,631],{"class":532},[526,750,634],{"class":540},[526,752,609],{"class":532},[526,754,612],{"class":532},[526,756,641],{"class":532},[526,758,759],{"class":644},"0",[526,761,648],{"class":532},[526,763,691],{"class":644},[526,765,648],{"class":532},[526,767,768],{"class":644},"4",[526,770,657],{"class":532},[526,772,612],{"class":532},[526,774,662],{"class":532},[526,776,778,780,783],{"class":528,"line":777},13,[526,779,625],{"class":532},[526,781,782],{"class":536},"TresGridHelper",[526,784,662],{"class":532},[526,786,788,791,793],{"class":528,"line":787},14,[526,789,790],{"class":532},"  \u003C/",[526,792,603],{"class":536},[526,794,544],{"class":532},[526,796,798,800,802],{"class":528,"line":797},15,[526,799,580],{"class":532},[526,801,592],{"class":536},[526,803,544],{"class":532},[805,806,807],"prose-warning",{},[486,808,809],{},"Is really important that the Perspective camera is set first in the canvas. Otherwise might break.",[510,811,813],{"id":812},"props","Props",[486,815,816],{},"Certainly! Here's the properties of the object in raw markdown table format:",[818,819,820,837],"table",{},[821,822,823],"thead",{},[824,825,826,831,834],"tr",{},[827,828,830],"th",{"align":829},"left","Prop",[827,832,833],{"align":829},"Description",[827,835,836],{},"Default",[838,839,840,857,872,886,900,915,930,945,960,975,989,1006,1021,1035,1050,1065,1079,1094,1108,1122,1138,1153,1169,1183,1201,1216,1234,1249,1269],"tbody",{},[824,841,842,849,852],{},[843,844,845],"td",{"align":829},[846,847,848],"strong",{},"makeDefault",[843,850,851],{"align":829},"Whether to make this the default controls.",[843,853,854],{},[523,855,856],{},"false",[824,858,859,864,867],{},[843,860,861],{"align":829},[846,862,863],{},"camera",[843,865,866],{"align":829},"The camera to control.",[843,868,869],{},[523,870,871],{},"undefined",[824,873,874,879,882],{},[843,875,876],{"align":829},[846,877,878],{},"domElement",[843,880,881],{"align":829},"The DOM element to listen to.",[843,883,884],{},[523,885,871],{},[824,887,888,893,896],{},[843,889,890],{"align":829},[846,891,892],{},"minPolarAngle",[843,894,895],{"align":829},"Minimum vertical angle in radians.",[843,897,898],{},[523,899,759],{},[824,901,902,907,910],{},[843,903,904],{"align":829},[846,905,906],{},"maxPolarAngle",[843,908,909],{"align":829},"Maximum vertical angle in radians.",[843,911,912],{},[523,913,914],{},"Math.PI",[824,916,917,922,925],{},[843,918,919],{"align":829},[846,920,921],{},"minAzimuthAngle",[843,923,924],{"align":829},"Minimum horizontal angle in radians.",[843,926,927],{},[523,928,929],{},"-Infinity",[824,931,932,937,940],{},[843,933,934],{"align":829},[846,935,936],{},"maxAzimuthAngle",[843,938,939],{"align":829},"Maximum horizontal angle in radians.",[843,941,942],{},[523,943,944],{},"Infinity",[824,946,947,952,955],{},[843,948,949],{"align":829},[846,950,951],{},"distance",[843,953,954],{"align":829},"Current distance.",[843,956,957],{},[523,958,959],{},"camera.position.z",[824,961,962,967,970],{},[843,963,964],{"align":829},[846,965,966],{},"minDistance",[843,968,969],{"align":829},"Minimum distance for dolly. PerspectiveCamera only.",[843,971,972],{},[523,973,974],{},"Number.EPSILON",[824,976,977,982,985],{},[843,978,979],{"align":829},[846,980,981],{},"maxDistance",[843,983,984],{"align":829},"Maximum distance for dolly. PerspectiveCamera only.",[843,986,987],{},[523,988,944],{},[824,990,991,996,1002],{},[843,992,993],{"align":829},[846,994,995],{},"infinityDolly",[843,997,998,1001],{"align":829},[523,999,1000],{},"true"," to enable Infinity Dolly for wheel and pinch.",[843,1003,1004],{},[523,1005,856],{},[824,1007,1008,1013,1016],{},[843,1009,1010],{"align":829},[846,1011,1012],{},"minZoom",[843,1014,1015],{"align":829},"Minimum camera zoom.",[843,1017,1018],{},[523,1019,1020],{},"0.01",[824,1022,1023,1028,1031],{},[843,1024,1025],{"align":829},[846,1026,1027],{},"maxZoom",[843,1029,1030],{"align":829},"Maximum camera zoom.",[843,1032,1033],{},[523,1034,944],{},[824,1036,1037,1042,1045],{},[843,1038,1039],{"align":829},[846,1040,1041],{},"smoothTime",[843,1043,1044],{"align":829},"Approximate time in seconds to reach the target. A smaller value will reach the target faster.",[843,1046,1047],{},[523,1048,1049],{},"0.25",[824,1051,1052,1057,1060],{},[843,1053,1054],{"align":829},[846,1055,1056],{},"draggingSmoothTime",[843,1058,1059],{"align":829},"The smoothTime while dragging.",[843,1061,1062],{},[523,1063,1064],{},"0.125",[824,1066,1067,1072,1075],{},[843,1068,1069],{"align":829},[846,1070,1071],{},"maxSpeed",[843,1073,1074],{"align":829},"Max transition speed in units per second.",[843,1076,1077],{},[523,1078,944],{},[824,1080,1081,1086,1089],{},[843,1082,1083],{"align":829},[846,1084,1085],{},"azimuthRotateSpeed",[843,1087,1088],{"align":829},"Speed of azimuth (horizontal) rotation.",[843,1090,1091],{},[523,1092,1093],{},"1.0",[824,1095,1096,1101,1104],{},[843,1097,1098],{"align":829},[846,1099,1100],{},"polarRotateSpeed",[843,1102,1103],{"align":829},"Speed of polar (vertical) rotation.",[843,1105,1106],{},[523,1107,1093],{},[824,1109,1110,1115,1118],{},[843,1111,1112],{"align":829},[846,1113,1114],{},"dollySpeed",[843,1116,1117],{"align":829},"Speed of mouse-wheel dollying.",[843,1119,1120],{},[523,1121,1093],{},[824,1123,1124,1129,1134],{},[843,1125,1126],{"align":829},[846,1127,1128],{},"dollyDragInverted",[843,1130,1131,1133],{"align":829},[523,1132,1000],{}," to invert direction when dollying or zooming via drag.",[843,1135,1136],{},[523,1137,856],{},[824,1139,1140,1145,1148],{},[843,1141,1142],{"align":829},[846,1143,1144],{},"truckSpeed",[843,1146,1147],{"align":829},"Speed of drag for truck and pedestal.",[843,1149,1150],{},[523,1151,1152],{},"2.0",[824,1154,1155,1160,1165],{},[843,1156,1157],{"align":829},[846,1158,1159],{},"dollyToCursor",[843,1161,1162,1164],{"align":829},[523,1163,1000],{}," to enable Dolly-in to the mouse cursor coords.",[843,1166,1167],{},[523,1168,856],{},[824,1170,1171,1176,1179],{},[843,1172,1173],{"align":829},[846,1174,1175],{},"dragToOffset",[843,1177,1178],{"align":829},"Whether to drag to offset.",[843,1180,1181],{},[523,1182,856],{},[824,1184,1185,1190,1197],{},[843,1186,1187],{"align":829},[846,1188,1189],{},"verticalDragToForward",[843,1191,1192,1193,1196],{"align":829},"The same as ",[523,1194,1195],{},".screenSpacePanning"," in Three.js's OrbitControls.",[843,1198,1199],{},[523,1200,856],{},[824,1202,1203,1208,1211],{},[843,1204,1205],{"align":829},[846,1206,1207],{},"boundaryFriction",[843,1209,1210],{"align":829},"Friction ratio of the boundary.",[843,1212,1213],{},[523,1214,1215],{},"0.0",[824,1217,1218,1223,1230],{},[843,1219,1220],{"align":829},[846,1221,1222],{},"restThreshold",[843,1224,1225,1226,1229],{"align":829},"Controls how soon the ",[523,1227,1228],{},"rest"," event fires as the camera slows.",[843,1231,1232],{},[523,1233,1020],{},[824,1235,1236,1241,1244],{},[843,1237,1238],{"align":829},[846,1239,1240],{},"colliderMeshes",[843,1242,1243],{"align":829},"An array of Meshes to collide with the camera. Be aware colliderMeshes may decrease performance. The collision test uses 4 raycasters from the camera since the near plane has 4 corners.",[843,1245,1246],{},[523,1247,1248],{},"[]",[824,1250,1251,1256,1259],{},[843,1252,1253],{"align":829},[846,1254,1255],{},"mouseButtons",[843,1257,1258],{"align":829},"Configuration of actions on mouse input.",[843,1260,1261,1262,1268],{},"See ",[489,1263,1265],{"href":1264},"#user-input-config",[523,1266,1267],{},"User input config"," for details",[824,1270,1271,1276,1279],{},[843,1272,1273],{"align":829},[846,1274,1275],{},"touches",[843,1277,1278],{"align":829},"Configuration of actions on touch.",[843,1280,1261,1281,1268],{},[489,1282,1283],{"href":1264},[523,1284,1267],{},[510,1286,1267],{"id":1287},"user-input-config",[486,1289,1290,1291,1293,1294,1296,1297,1305,1306,1308,1309,1312,1313,1316],{},"You can easily override the default user input config by defining ",[523,1292,1255],{}," and/or ",[523,1295,1275],{}," props that correspond to ",[489,1298,1301,1304],{"href":1299,"rel":1300},"https://github.com/yomotsu/camera-controls?#user-input-config",[493],[523,1302,1303],{},"camera-controls"," settings",". For ease of use, we're re-exporting the ",[523,1307,494],{}," class as ",[523,1310,1311],{},"BaseCameraControls"," which gives you access to the ",[523,1314,1315],{},"ACTION"," enum.",[514,1318,1320],{"className":516,"code":1319,"language":520,"meta":521,"style":521},"\u003Cscript lang=\"ts\" setup>\nimport { BaseCameraControls, CameraControls } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  ...\n  \u003CCameraControls\n    :mouse-buttons=\"{ left: BaseCameraControls.ACTION.DOLLY }\"\n    :touches=\"{ one: BaseCameraControls.ACTION.TOUCH_TRUCK }\"\n  />\n  ...\n\u003C/template>\n",[523,1321,1322,1344,1370,1378,1384,1392,1397,1404,1439,1471,1476,1480],{"__ignoreMap":521},[526,1323,1324,1326,1328,1331,1333,1335,1338,1340,1342],{"class":528,"line":529},[526,1325,533],{"class":532},[526,1327,537],{"class":536},[526,1329,1330],{"class":540}," lang",[526,1332,609],{"class":532},[526,1334,612],{"class":532},[526,1336,1337],{"class":570},"ts",[526,1339,612],{"class":532},[526,1341,541],{"class":540},[526,1343,544],{"class":532},[526,1345,1346,1348,1350,1353,1356,1358,1360,1362,1365,1367],{"class":528,"line":547},[526,1347,551],{"class":550},[526,1349,554],{"class":532},[526,1351,1352],{"class":557}," BaseCameraControls",[526,1354,1355],{"class":532},",",[526,1357,558],{"class":557},[526,1359,561],{"class":532},[526,1361,564],{"class":550},[526,1363,1364],{"class":532}," '",[526,1366,571],{"class":570},[526,1368,1369],{"class":532},"'\n",[526,1371,1372,1374,1376],{"class":528,"line":577},[526,1373,580],{"class":532},[526,1375,537],{"class":536},[526,1377,544],{"class":532},[526,1379,1380],{"class":528,"line":587},[526,1381,1383],{"emptyLinePlaceholder":1382},true,"\n",[526,1385,1386,1388,1390],{"class":528,"line":597},[526,1387,533],{"class":532},[526,1389,592],{"class":536},[526,1391,544],{"class":532},[526,1393,1394],{"class":528,"line":622},[526,1395,1396],{"class":557},"  ...\n",[526,1398,1399,1401],{"class":528,"line":519},[526,1400,600],{"class":532},[526,1402,1403],{"class":536},"CameraControls\n",[526,1405,1406,1409,1412,1414,1416,1419,1421,1424,1426,1428,1430,1432,1435,1437],{"class":528,"line":675},[526,1407,1408],{"class":532},"    :",[526,1410,1411],{"class":540},"mouse-buttons",[526,1413,609],{"class":532},[526,1415,612],{"class":532},[526,1417,1418],{"class":532},"{ ",[526,1420,829],{"class":536},[526,1422,1423],{"class":532},": ",[526,1425,1311],{"class":557},[526,1427,508],{"class":532},[526,1429,1315],{"class":557},[526,1431,508],{"class":532},[526,1433,1434],{"class":557},"DOLLY",[526,1436,561],{"class":532},[526,1438,574],{"class":532},[526,1440,1441,1443,1445,1447,1449,1451,1454,1456,1458,1460,1462,1464,1467,1469],{"class":528,"line":698},[526,1442,1408],{"class":532},[526,1444,1275],{"class":540},[526,1446,609],{"class":532},[526,1448,612],{"class":532},[526,1450,1418],{"class":532},[526,1452,1453],{"class":536},"one",[526,1455,1423],{"class":532},[526,1457,1311],{"class":557},[526,1459,508],{"class":532},[526,1461,1315],{"class":557},[526,1463,508],{"class":532},[526,1465,1466],{"class":557},"TOUCH_TRUCK",[526,1468,561],{"class":532},[526,1470,574],{"class":532},[526,1472,1473],{"class":528,"line":721},[526,1474,1475],{"class":532},"  />\n",[526,1477,1478],{"class":528,"line":731},[526,1479,1396],{"class":557},[526,1481,1482,1484,1486],{"class":528,"line":741},[526,1483,580],{"class":532},[526,1485,592],{"class":536},[526,1487,544],{"class":532},[1489,1490,1491],"h3",{"id":1411},"Mouse buttons",[818,1493,1494,1506],{},[821,1495,1496],{},[824,1497,1498,1501,1504],{},[827,1499,1500],{},"Button to assign",[827,1502,1503],{},"Options",[827,1505,836],{},[838,1507,1508,1539,1564,1594],{},[824,1509,1510,1515,1535],{},[843,1511,1512],{},[523,1513,1514],{},"mouseButtons.left",[843,1516,1517,1520,1521,1520,1524,1520,1527,1520,1529,1520,1532],{},[523,1518,1519],{},"ROTATE"," | ",[523,1522,1523],{},"TRUCK",[523,1525,1526],{},"OFFSET",[523,1528,1434],{},[523,1530,1531],{},"ZOOM",[523,1533,1534],{},"NONE",[843,1536,1537],{},[523,1538,1519],{},[824,1540,1541,1546,1560],{},[843,1542,1543],{},[523,1544,1545],{},"mouseButtons.right",[843,1547,1548,1520,1550,1520,1552,1520,1554,1520,1556,1520,1558],{},[523,1549,1519],{},[523,1551,1523],{},[523,1553,1526],{},[523,1555,1434],{},[523,1557,1531],{},[523,1559,1534],{},[843,1561,1562],{},[523,1563,1523],{},[824,1565,1566,1572,1586],{},[843,1567,1568,1571],{},[523,1569,1570],{},"mouseButtons.wheel"," ¹",[843,1573,1574,1520,1576,1520,1578,1520,1580,1520,1582,1520,1584],{},[523,1575,1519],{},[523,1577,1523],{},[523,1579,1526],{},[523,1581,1434],{},[523,1583,1531],{},[523,1585,1534],{},[843,1587,1588,1590,1591,1593],{},[523,1589,1434],{}," for Perspective camera, ",[523,1592,1531],{}," for Orthographic camera.",[824,1595,1596,1602,1616],{},[843,1597,1598,1601],{},[523,1599,1600],{},"mouseButtons.middle"," ²",[843,1603,1604,1520,1606,1520,1608,1520,1610,1520,1612,1520,1614],{},[523,1605,1519],{},[523,1607,1523],{},[523,1609,1526],{},[523,1611,1434],{},[523,1613,1531],{},[523,1615,1534],{},[843,1617,1618],{},[523,1619,1434],{},[1621,1622,1623,1627],"ol",{},[1624,1625,1626],"li",{},"Mouse wheel event for scroll \"up/down\", on mac \"up/down/left/right\".",[1624,1628,1629],{},"Mouse wheel \"button\" click event.",[1489,1631,1632],{"id":1275},"Touches",[818,1634,1635,1646],{},[821,1636,1637],{},[824,1638,1639,1642,1644],{},[827,1640,1641],{},"Fingers to assign",[827,1643,1503],{},[827,1645,836],{},[838,1647,1648,1675,1723],{},[824,1649,1650,1655,1671],{},[843,1651,1652],{},[523,1653,1654],{},"touches.one",[843,1656,1657,1520,1660,1520,1662,1520,1665,1520,1667,1520,1669],{},[523,1658,1659],{},"TOUCH_ROTATE",[523,1661,1466],{},[523,1663,1664],{},"TOUCH_OFFSET",[523,1666,1434],{},[523,1668,1531],{},[523,1670,1534],{},[843,1672,1673],{},[523,1674,1659],{},[824,1676,1677,1682,1716],{},[843,1678,1679],{},[523,1680,1681],{},"touches.two",[843,1683,1684,1520,1687,1520,1690,1520,1693,1520,1696,1520,1699,1520,1702,1520,1705,1520,1708,1520,1710,1520,1712,1520,1714],{},[523,1685,1686],{},"TOUCH_DOLLY_TRUCK",[523,1688,1689],{},"TOUCH_DOLLY_OFFSET",[523,1691,1692],{},"TOUCH_DOLLY_ROTATE",[523,1694,1695],{},"TOUCH_ZOOM_TRUCK",[523,1697,1698],{},"TOUCH_ZOOM_OFFSET",[523,1700,1701],{},"TOUCH_ZOOM_ROTATE",[523,1703,1704],{},"TOUCH_DOLLY",[523,1706,1707],{},"TOUCH_ZOOM",[523,1709,1659],{},[523,1711,1466],{},[523,1713,1664],{},[523,1715,1534],{},[843,1717,1718,1590,1720,1722],{},[523,1719,1686],{},[523,1721,1695],{}," for Othographic camera.",[824,1724,1725,1730,1752],{},[843,1726,1727],{},[523,1728,1729],{},"touches.three",[843,1731,1732,1520,1734,1520,1736,1520,1738,1520,1740,1520,1742,1520,1744,1520,1746,1520,1748,1520,1750],{},[523,1733,1686],{},[523,1735,1689],{},[523,1737,1692],{},[523,1739,1695],{},[523,1741,1698],{},[523,1743,1701],{},[523,1745,1659],{},[523,1747,1466],{},[523,1749,1664],{},[523,1751,1534],{},[843,1753,1754],{},[523,1755,1466],{},[510,1757,1759],{"id":1758},"events","Events",[514,1761,1763],{"className":516,"code":1762,"language":520,"meta":521,"style":521},"\u003CCameraControls @change=\"onChange\" @start=\"onStart\" @end=\"onEnd\" />\n",[523,1764,1765],{"__ignoreMap":521},[526,1766,1767,1769,1771,1774,1777,1779,1781,1784,1786,1788,1791,1793,1795,1798,1800,1802,1805,1807,1809,1812,1814],{"class":528,"line":529},[526,1768,533],{"class":532},[526,1770,494],{"class":536},[526,1772,1773],{"class":532}," @",[526,1775,1776],{"class":540},"change",[526,1778,609],{"class":532},[526,1780,612],{"class":532},[526,1782,1783],{"class":557},"onChange",[526,1785,612],{"class":532},[526,1787,1773],{"class":532},[526,1789,1790],{"class":540},"start",[526,1792,609],{"class":532},[526,1794,612],{"class":532},[526,1796,1797],{"class":557},"onStart",[526,1799,612],{"class":532},[526,1801,1773],{"class":532},[526,1803,1804],{"class":540},"end",[526,1806,609],{"class":532},[526,1808,612],{"class":532},[526,1810,1811],{"class":557},"onEnd",[526,1813,612],{"class":532},[526,1815,662],{"class":532},[818,1817,1818,1827],{},[821,1819,1820],{},[824,1821,1822,1825],{},[827,1823,1824],{"align":829},"Event",[827,1826,833],{"align":829},[838,1828,1829,1838,1847],{},[824,1830,1831,1835],{},[843,1832,1833],{"align":829},[846,1834,1790],{},[843,1836,1837],{"align":829},"Dispatched when the control starts to change.",[824,1839,1840,1844],{},[843,1841,1842],{"align":829},[846,1843,1776],{},[843,1845,1846],{"align":829},"Dispatched when the control changes.",[824,1848,1849,1853],{},[843,1850,1851],{"align":829},[846,1852,1804],{},[843,1854,1855],{"align":829},"Dispatched when the control ends to change.",[1857,1858,1859],"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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":521,"searchDepth":529,"depth":547,"links":1861},[1862,1863,1864,1868],{"id":512,"depth":547,"text":15},{"id":812,"depth":547,"text":813},{"id":1287,"depth":547,"text":1267,"children":1865},[1866,1867],{"id":1411,"depth":577,"text":1491},{"id":1275,"depth":577,"text":1632},{"id":1758,"depth":547,"text":1759},"Is similar to OrbitControls yet supports smooth transitions and more features.","md",null,{},{"title":91,"description":1869},"Er67NB_D9l-p90cx_F8Ueo3oYf_90DhOHx1q_8YgH3g",[1876,1878],{"title":85,"path":86,"stem":87,"description":1877,"children":-1},"All currently supported controls",{"title":95,"path":96,"stem":97,"description":1879,"children":-1},"WASD on QWERTY keyboards or equivalent keys on non-QWERTY keyboards",1781273436213]