[{"data":1,"prerenderedAt":1872},["ShallowReactive",2],{"navigation":3,"/api/controls/camera-controls":466,"/api/controls/camera-controls-surround":1867},[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":87,"body":468,"description":1861,"extension":1862,"links":1863,"meta":1864,"navigation":1374,"path":88,"seo":1865,"stem":89,"__hash__":1866},"docs/2.api/2.controls/camera-controls.md",{"type":469,"value":470,"toc":1852},"minimark",[471,477,492,501,505,796,802,806,809,1277,1280,1309,1480,1484,1612,1622,1625,1748,1752,1808,1848],[472,473,474],"scene-controls-wrapper",{},[475,476],"controls-camera-controls",{},[478,479,480,487,488,491],"p",{},[481,482,486],"a",{"href":483,"rel":484},"https://github.com/yomotsu/camera-controls",[485],"nofollow","CameraControls"," is a camera controller similar to ",[481,489,490],{"href":100},"OrbitControls"," yet supports smooth transitions and more features.",[478,493,494,495,500],{},"However, it is thirty party library for ThreeJS. So to use it you would need to install and import using ",[481,496,499],{"href":497,"rel":498},"https://www.npmjs.com/package/camera-controls",[485],"npm",".",[502,503,15],"h2",{"id":504},"usage",[506,507,514],"pre",{"className":508,"code":509,"highlights":510,"language":512,"meta":513,"style":513},"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",[511],7,"vue","",[515,516,517,537,567,577,587,612,655,665,688,711,721,731,767,777,787],"code",{"__ignoreMap":513},[518,519,522,526,530,534],"span",{"class":520,"line":521},"line",1,[518,523,525],{"class":524},"sMK4o","\u003C",[518,527,529],{"class":528},"swJcz","script",[518,531,533],{"class":532},"spNyl"," setup",[518,535,536],{"class":524},">\n",[518,538,540,544,547,551,554,557,560,564],{"class":520,"line":539},2,[518,541,543],{"class":542},"s7zQu","import",[518,545,546],{"class":524}," {",[518,548,550],{"class":549},"sTEyZ"," CameraControls",[518,552,553],{"class":524}," }",[518,555,556],{"class":542}," from",[518,558,559],{"class":524}," \"",[518,561,563],{"class":562},"sfazB","@tresjs/cientos",[518,565,566],{"class":524},"\"\n",[518,568,570,573,575],{"class":520,"line":569},3,[518,571,572],{"class":524},"\u003C/",[518,574,529],{"class":528},[518,576,536],{"class":524},[518,578,580,582,585],{"class":520,"line":579},4,[518,581,525],{"class":524},[518,583,584],{"class":528},"template",[518,586,536],{"class":524},[518,588,590,593,596,599,602,605,608,610],{"class":520,"line":589},5,[518,591,592],{"class":524},"  \u003C",[518,594,595],{"class":528},"TresCanvas",[518,597,598],{"class":532}," clear-color",[518,600,601],{"class":524},"=",[518,603,604],{"class":524},"\"",[518,606,607],{"class":562},"#82DBC5",[518,609,604],{"class":524},[518,611,536],{"class":524},[518,613,615,618,621,624,627,629,631,634,638,641,643,645,647,650,652],{"class":520,"line":614},6,[518,616,617],{"class":524},"    \u003C",[518,619,620],{"class":528},"TresPerspectiveCamera",[518,622,623],{"class":524}," :",[518,625,626],{"class":532},"position",[518,628,601],{"class":524},[518,630,604],{"class":524},[518,632,633],{"class":524},"[",[518,635,637],{"class":636},"sbssI","3",[518,639,640],{"class":524},", ",[518,642,637],{"class":636},[518,644,640],{"class":524},[518,646,637],{"class":636},[518,648,649],{"class":524},"]",[518,651,604],{"class":524},[518,653,654],{"class":524}," />\n",[518,656,659,661,663],{"class":657,"line":511},[520,658],"highlight",[518,660,617],{"class":524},[518,662,486],{"class":528},[518,664,654],{"class":524},[518,666,668,670,672,674,677,679,681,684,686],{"class":520,"line":667},8,[518,669,617],{"class":524},[518,671,193],{"class":528},[518,673,623],{"class":524},[518,675,676],{"class":532},"scale",[518,678,601],{"class":524},[518,680,604],{"class":524},[518,682,683],{"class":636},"2",[518,685,604],{"class":524},[518,687,536],{"class":524},[518,689,691,694,697,700,702,704,707,709],{"class":520,"line":690},9,[518,692,693],{"class":524},"      \u003C",[518,695,696],{"class":528},"TresMeshToonMaterial",[518,698,699],{"class":532}," color",[518,701,601],{"class":524},[518,703,604],{"class":524},[518,705,706],{"class":562},"orange",[518,708,604],{"class":524},[518,710,654],{"class":524},[518,712,714,717,719],{"class":520,"line":713},10,[518,715,716],{"class":524},"    \u003C/",[518,718,193],{"class":528},[518,720,536],{"class":524},[518,722,724,726,729],{"class":520,"line":723},11,[518,725,617],{"class":524},[518,727,728],{"class":528},"TresAmbientLight",[518,730,654],{"class":524},[518,732,734,736,739,741,743,745,747,749,752,754,756,758,761,763,765],{"class":520,"line":733},12,[518,735,617],{"class":524},[518,737,738],{"class":528},"TresDirectionalLight",[518,740,623],{"class":524},[518,742,626],{"class":532},[518,744,601],{"class":524},[518,746,604],{"class":524},[518,748,633],{"class":524},[518,750,751],{"class":636},"0",[518,753,640],{"class":524},[518,755,683],{"class":636},[518,757,640],{"class":524},[518,759,760],{"class":636},"4",[518,762,649],{"class":524},[518,764,604],{"class":524},[518,766,654],{"class":524},[518,768,770,772,775],{"class":520,"line":769},13,[518,771,617],{"class":524},[518,773,774],{"class":528},"TresGridHelper",[518,776,654],{"class":524},[518,778,780,783,785],{"class":520,"line":779},14,[518,781,782],{"class":524},"  \u003C/",[518,784,595],{"class":528},[518,786,536],{"class":524},[518,788,790,792,794],{"class":520,"line":789},15,[518,791,572],{"class":524},[518,793,584],{"class":528},[518,795,536],{"class":524},[797,798,799],"prose-warning",{},[478,800,801],{},"Is really important that the Perspective camera is set first in the canvas. Otherwise might break.",[502,803,805],{"id":804},"props","Props",[478,807,808],{},"Certainly! Here's the properties of the object in raw markdown table format:",[810,811,812,829],"table",{},[813,814,815],"thead",{},[816,817,818,823,826],"tr",{},[819,820,822],"th",{"align":821},"left","Prop",[819,824,825],{"align":821},"Description",[819,827,828],{},"Default",[830,831,832,849,864,878,892,907,922,937,952,967,981,998,1013,1027,1042,1057,1071,1086,1100,1114,1130,1145,1161,1175,1193,1208,1226,1241,1261],"tbody",{},[816,833,834,841,844],{},[835,836,837],"td",{"align":821},[838,839,840],"strong",{},"makeDefault",[835,842,843],{"align":821},"Whether to make this the default controls.",[835,845,846],{},[515,847,848],{},"false",[816,850,851,856,859],{},[835,852,853],{"align":821},[838,854,855],{},"camera",[835,857,858],{"align":821},"The camera to control.",[835,860,861],{},[515,862,863],{},"undefined",[816,865,866,871,874],{},[835,867,868],{"align":821},[838,869,870],{},"domElement",[835,872,873],{"align":821},"The DOM element to listen to.",[835,875,876],{},[515,877,863],{},[816,879,880,885,888],{},[835,881,882],{"align":821},[838,883,884],{},"minPolarAngle",[835,886,887],{"align":821},"Minimum vertical angle in radians.",[835,889,890],{},[515,891,751],{},[816,893,894,899,902],{},[835,895,896],{"align":821},[838,897,898],{},"maxPolarAngle",[835,900,901],{"align":821},"Maximum vertical angle in radians.",[835,903,904],{},[515,905,906],{},"Math.PI",[816,908,909,914,917],{},[835,910,911],{"align":821},[838,912,913],{},"minAzimuthAngle",[835,915,916],{"align":821},"Minimum horizontal angle in radians.",[835,918,919],{},[515,920,921],{},"-Infinity",[816,923,924,929,932],{},[835,925,926],{"align":821},[838,927,928],{},"maxAzimuthAngle",[835,930,931],{"align":821},"Maximum horizontal angle in radians.",[835,933,934],{},[515,935,936],{},"Infinity",[816,938,939,944,947],{},[835,940,941],{"align":821},[838,942,943],{},"distance",[835,945,946],{"align":821},"Current distance.",[835,948,949],{},[515,950,951],{},"camera.position.z",[816,953,954,959,962],{},[835,955,956],{"align":821},[838,957,958],{},"minDistance",[835,960,961],{"align":821},"Minimum distance for dolly. PerspectiveCamera only.",[835,963,964],{},[515,965,966],{},"Number.EPSILON",[816,968,969,974,977],{},[835,970,971],{"align":821},[838,972,973],{},"maxDistance",[835,975,976],{"align":821},"Maximum distance for dolly. PerspectiveCamera only.",[835,978,979],{},[515,980,936],{},[816,982,983,988,994],{},[835,984,985],{"align":821},[838,986,987],{},"infinityDolly",[835,989,990,993],{"align":821},[515,991,992],{},"true"," to enable Infinity Dolly for wheel and pinch.",[835,995,996],{},[515,997,848],{},[816,999,1000,1005,1008],{},[835,1001,1002],{"align":821},[838,1003,1004],{},"minZoom",[835,1006,1007],{"align":821},"Minimum camera zoom.",[835,1009,1010],{},[515,1011,1012],{},"0.01",[816,1014,1015,1020,1023],{},[835,1016,1017],{"align":821},[838,1018,1019],{},"maxZoom",[835,1021,1022],{"align":821},"Maximum camera zoom.",[835,1024,1025],{},[515,1026,936],{},[816,1028,1029,1034,1037],{},[835,1030,1031],{"align":821},[838,1032,1033],{},"smoothTime",[835,1035,1036],{"align":821},"Approximate time in seconds to reach the target. A smaller value will reach the target faster.",[835,1038,1039],{},[515,1040,1041],{},"0.25",[816,1043,1044,1049,1052],{},[835,1045,1046],{"align":821},[838,1047,1048],{},"draggingSmoothTime",[835,1050,1051],{"align":821},"The smoothTime while dragging.",[835,1053,1054],{},[515,1055,1056],{},"0.125",[816,1058,1059,1064,1067],{},[835,1060,1061],{"align":821},[838,1062,1063],{},"maxSpeed",[835,1065,1066],{"align":821},"Max transition speed in units per second.",[835,1068,1069],{},[515,1070,936],{},[816,1072,1073,1078,1081],{},[835,1074,1075],{"align":821},[838,1076,1077],{},"azimuthRotateSpeed",[835,1079,1080],{"align":821},"Speed of azimuth (horizontal) rotation.",[835,1082,1083],{},[515,1084,1085],{},"1.0",[816,1087,1088,1093,1096],{},[835,1089,1090],{"align":821},[838,1091,1092],{},"polarRotateSpeed",[835,1094,1095],{"align":821},"Speed of polar (vertical) rotation.",[835,1097,1098],{},[515,1099,1085],{},[816,1101,1102,1107,1110],{},[835,1103,1104],{"align":821},[838,1105,1106],{},"dollySpeed",[835,1108,1109],{"align":821},"Speed of mouse-wheel dollying.",[835,1111,1112],{},[515,1113,1085],{},[816,1115,1116,1121,1126],{},[835,1117,1118],{"align":821},[838,1119,1120],{},"dollyDragInverted",[835,1122,1123,1125],{"align":821},[515,1124,992],{}," to invert direction when dollying or zooming via drag.",[835,1127,1128],{},[515,1129,848],{},[816,1131,1132,1137,1140],{},[835,1133,1134],{"align":821},[838,1135,1136],{},"truckSpeed",[835,1138,1139],{"align":821},"Speed of drag for truck and pedestal.",[835,1141,1142],{},[515,1143,1144],{},"2.0",[816,1146,1147,1152,1157],{},[835,1148,1149],{"align":821},[838,1150,1151],{},"dollyToCursor",[835,1153,1154,1156],{"align":821},[515,1155,992],{}," to enable Dolly-in to the mouse cursor coords.",[835,1158,1159],{},[515,1160,848],{},[816,1162,1163,1168,1171],{},[835,1164,1165],{"align":821},[838,1166,1167],{},"dragToOffset",[835,1169,1170],{"align":821},"Whether to drag to offset.",[835,1172,1173],{},[515,1174,848],{},[816,1176,1177,1182,1189],{},[835,1178,1179],{"align":821},[838,1180,1181],{},"verticalDragToForward",[835,1183,1184,1185,1188],{"align":821},"The same as ",[515,1186,1187],{},".screenSpacePanning"," in Three.js's OrbitControls.",[835,1190,1191],{},[515,1192,848],{},[816,1194,1195,1200,1203],{},[835,1196,1197],{"align":821},[838,1198,1199],{},"boundaryFriction",[835,1201,1202],{"align":821},"Friction ratio of the boundary.",[835,1204,1205],{},[515,1206,1207],{},"0.0",[816,1209,1210,1215,1222],{},[835,1211,1212],{"align":821},[838,1213,1214],{},"restThreshold",[835,1216,1217,1218,1221],{"align":821},"Controls how soon the ",[515,1219,1220],{},"rest"," event fires as the camera slows.",[835,1223,1224],{},[515,1225,1012],{},[816,1227,1228,1233,1236],{},[835,1229,1230],{"align":821},[838,1231,1232],{},"colliderMeshes",[835,1234,1235],{"align":821},"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.",[835,1237,1238],{},[515,1239,1240],{},"[]",[816,1242,1243,1248,1251],{},[835,1244,1245],{"align":821},[838,1246,1247],{},"mouseButtons",[835,1249,1250],{"align":821},"Configuration of actions on mouse input.",[835,1252,1253,1254,1260],{},"See ",[481,1255,1257],{"href":1256},"#user-input-config",[515,1258,1259],{},"User input config"," for details",[816,1262,1263,1268,1271],{},[835,1264,1265],{"align":821},[838,1266,1267],{},"touches",[835,1269,1270],{"align":821},"Configuration of actions on touch.",[835,1272,1253,1273,1260],{},[481,1274,1275],{"href":1256},[515,1276,1259],{},[502,1278,1259],{"id":1279},"user-input-config",[478,1281,1282,1283,1285,1286,1288,1289,1297,1298,1300,1301,1304,1305,1308],{},"You can easily override the default user input config by defining ",[515,1284,1247],{}," and/or ",[515,1287,1267],{}," props that correspond to ",[481,1290,1293,1296],{"href":1291,"rel":1292},"https://github.com/yomotsu/camera-controls?#user-input-config",[485],[515,1294,1295],{},"camera-controls"," settings",". For ease of use, we're re-exporting the ",[515,1299,486],{}," class as ",[515,1302,1303],{},"BaseCameraControls"," which gives you access to the ",[515,1306,1307],{},"ACTION"," enum.",[506,1310,1312],{"className":508,"code":1311,"language":512,"meta":513,"style":513},"\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",[515,1313,1314,1336,1362,1370,1376,1384,1389,1396,1431,1463,1468,1472],{"__ignoreMap":513},[518,1315,1316,1318,1320,1323,1325,1327,1330,1332,1334],{"class":520,"line":521},[518,1317,525],{"class":524},[518,1319,529],{"class":528},[518,1321,1322],{"class":532}," lang",[518,1324,601],{"class":524},[518,1326,604],{"class":524},[518,1328,1329],{"class":562},"ts",[518,1331,604],{"class":524},[518,1333,533],{"class":532},[518,1335,536],{"class":524},[518,1337,1338,1340,1342,1345,1348,1350,1352,1354,1357,1359],{"class":520,"line":539},[518,1339,543],{"class":542},[518,1341,546],{"class":524},[518,1343,1344],{"class":549}," BaseCameraControls",[518,1346,1347],{"class":524},",",[518,1349,550],{"class":549},[518,1351,553],{"class":524},[518,1353,556],{"class":542},[518,1355,1356],{"class":524}," '",[518,1358,563],{"class":562},[518,1360,1361],{"class":524},"'\n",[518,1363,1364,1366,1368],{"class":520,"line":569},[518,1365,572],{"class":524},[518,1367,529],{"class":528},[518,1369,536],{"class":524},[518,1371,1372],{"class":520,"line":579},[518,1373,1375],{"emptyLinePlaceholder":1374},true,"\n",[518,1377,1378,1380,1382],{"class":520,"line":589},[518,1379,525],{"class":524},[518,1381,584],{"class":528},[518,1383,536],{"class":524},[518,1385,1386],{"class":520,"line":614},[518,1387,1388],{"class":549},"  ...\n",[518,1390,1391,1393],{"class":520,"line":511},[518,1392,592],{"class":524},[518,1394,1395],{"class":528},"CameraControls\n",[518,1397,1398,1401,1404,1406,1408,1411,1413,1416,1418,1420,1422,1424,1427,1429],{"class":520,"line":667},[518,1399,1400],{"class":524},"    :",[518,1402,1403],{"class":532},"mouse-buttons",[518,1405,601],{"class":524},[518,1407,604],{"class":524},[518,1409,1410],{"class":524},"{ ",[518,1412,821],{"class":528},[518,1414,1415],{"class":524},": ",[518,1417,1303],{"class":549},[518,1419,500],{"class":524},[518,1421,1307],{"class":549},[518,1423,500],{"class":524},[518,1425,1426],{"class":549},"DOLLY",[518,1428,553],{"class":524},[518,1430,566],{"class":524},[518,1432,1433,1435,1437,1439,1441,1443,1446,1448,1450,1452,1454,1456,1459,1461],{"class":520,"line":690},[518,1434,1400],{"class":524},[518,1436,1267],{"class":532},[518,1438,601],{"class":524},[518,1440,604],{"class":524},[518,1442,1410],{"class":524},[518,1444,1445],{"class":528},"one",[518,1447,1415],{"class":524},[518,1449,1303],{"class":549},[518,1451,500],{"class":524},[518,1453,1307],{"class":549},[518,1455,500],{"class":524},[518,1457,1458],{"class":549},"TOUCH_TRUCK",[518,1460,553],{"class":524},[518,1462,566],{"class":524},[518,1464,1465],{"class":520,"line":713},[518,1466,1467],{"class":524},"  />\n",[518,1469,1470],{"class":520,"line":723},[518,1471,1388],{"class":549},[518,1473,1474,1476,1478],{"class":520,"line":733},[518,1475,572],{"class":524},[518,1477,584],{"class":528},[518,1479,536],{"class":524},[1481,1482,1483],"h3",{"id":1403},"Mouse buttons",[810,1485,1486,1498],{},[813,1487,1488],{},[816,1489,1490,1493,1496],{},[819,1491,1492],{},"Button to assign",[819,1494,1495],{},"Options",[819,1497,828],{},[830,1499,1500,1531,1556,1586],{},[816,1501,1502,1507,1527],{},[835,1503,1504],{},[515,1505,1506],{},"mouseButtons.left",[835,1508,1509,1512,1513,1512,1516,1512,1519,1512,1521,1512,1524],{},[515,1510,1511],{},"ROTATE"," | ",[515,1514,1515],{},"TRUCK",[515,1517,1518],{},"OFFSET",[515,1520,1426],{},[515,1522,1523],{},"ZOOM",[515,1525,1526],{},"NONE",[835,1528,1529],{},[515,1530,1511],{},[816,1532,1533,1538,1552],{},[835,1534,1535],{},[515,1536,1537],{},"mouseButtons.right",[835,1539,1540,1512,1542,1512,1544,1512,1546,1512,1548,1512,1550],{},[515,1541,1511],{},[515,1543,1515],{},[515,1545,1518],{},[515,1547,1426],{},[515,1549,1523],{},[515,1551,1526],{},[835,1553,1554],{},[515,1555,1515],{},[816,1557,1558,1564,1578],{},[835,1559,1560,1563],{},[515,1561,1562],{},"mouseButtons.wheel"," ¹",[835,1565,1566,1512,1568,1512,1570,1512,1572,1512,1574,1512,1576],{},[515,1567,1511],{},[515,1569,1515],{},[515,1571,1518],{},[515,1573,1426],{},[515,1575,1523],{},[515,1577,1526],{},[835,1579,1580,1582,1583,1585],{},[515,1581,1426],{}," for Perspective camera, ",[515,1584,1523],{}," for Orthographic camera.",[816,1587,1588,1594,1608],{},[835,1589,1590,1593],{},[515,1591,1592],{},"mouseButtons.middle"," ²",[835,1595,1596,1512,1598,1512,1600,1512,1602,1512,1604,1512,1606],{},[515,1597,1511],{},[515,1599,1515],{},[515,1601,1518],{},[515,1603,1426],{},[515,1605,1523],{},[515,1607,1526],{},[835,1609,1610],{},[515,1611,1426],{},[1613,1614,1615,1619],"ol",{},[1616,1617,1618],"li",{},"Mouse wheel event for scroll \"up/down\", on mac \"up/down/left/right\".",[1616,1620,1621],{},"Mouse wheel \"button\" click event.",[1481,1623,1624],{"id":1267},"Touches",[810,1626,1627,1638],{},[813,1628,1629],{},[816,1630,1631,1634,1636],{},[819,1632,1633],{},"Fingers to assign",[819,1635,1495],{},[819,1637,828],{},[830,1639,1640,1667,1715],{},[816,1641,1642,1647,1663],{},[835,1643,1644],{},[515,1645,1646],{},"touches.one",[835,1648,1649,1512,1652,1512,1654,1512,1657,1512,1659,1512,1661],{},[515,1650,1651],{},"TOUCH_ROTATE",[515,1653,1458],{},[515,1655,1656],{},"TOUCH_OFFSET",[515,1658,1426],{},[515,1660,1523],{},[515,1662,1526],{},[835,1664,1665],{},[515,1666,1651],{},[816,1668,1669,1674,1708],{},[835,1670,1671],{},[515,1672,1673],{},"touches.two",[835,1675,1676,1512,1679,1512,1682,1512,1685,1512,1688,1512,1691,1512,1694,1512,1697,1512,1700,1512,1702,1512,1704,1512,1706],{},[515,1677,1678],{},"TOUCH_DOLLY_TRUCK",[515,1680,1681],{},"TOUCH_DOLLY_OFFSET",[515,1683,1684],{},"TOUCH_DOLLY_ROTATE",[515,1686,1687],{},"TOUCH_ZOOM_TRUCK",[515,1689,1690],{},"TOUCH_ZOOM_OFFSET",[515,1692,1693],{},"TOUCH_ZOOM_ROTATE",[515,1695,1696],{},"TOUCH_DOLLY",[515,1698,1699],{},"TOUCH_ZOOM",[515,1701,1651],{},[515,1703,1458],{},[515,1705,1656],{},[515,1707,1526],{},[835,1709,1710,1582,1712,1714],{},[515,1711,1678],{},[515,1713,1687],{}," for Othographic camera.",[816,1716,1717,1722,1744],{},[835,1718,1719],{},[515,1720,1721],{},"touches.three",[835,1723,1724,1512,1726,1512,1728,1512,1730,1512,1732,1512,1734,1512,1736,1512,1738,1512,1740,1512,1742],{},[515,1725,1678],{},[515,1727,1681],{},[515,1729,1684],{},[515,1731,1687],{},[515,1733,1690],{},[515,1735,1693],{},[515,1737,1651],{},[515,1739,1458],{},[515,1741,1656],{},[515,1743,1526],{},[835,1745,1746],{},[515,1747,1458],{},[502,1749,1751],{"id":1750},"events","Events",[506,1753,1755],{"className":508,"code":1754,"language":512,"meta":513,"style":513},"\u003CCameraControls @change=\"onChange\" @start=\"onStart\" @end=\"onEnd\" />\n",[515,1756,1757],{"__ignoreMap":513},[518,1758,1759,1761,1763,1766,1769,1771,1773,1776,1778,1780,1783,1785,1787,1790,1792,1794,1797,1799,1801,1804,1806],{"class":520,"line":521},[518,1760,525],{"class":524},[518,1762,486],{"class":528},[518,1764,1765],{"class":524}," @",[518,1767,1768],{"class":532},"change",[518,1770,601],{"class":524},[518,1772,604],{"class":524},[518,1774,1775],{"class":549},"onChange",[518,1777,604],{"class":524},[518,1779,1765],{"class":524},[518,1781,1782],{"class":532},"start",[518,1784,601],{"class":524},[518,1786,604],{"class":524},[518,1788,1789],{"class":549},"onStart",[518,1791,604],{"class":524},[518,1793,1765],{"class":524},[518,1795,1796],{"class":532},"end",[518,1798,601],{"class":524},[518,1800,604],{"class":524},[518,1802,1803],{"class":549},"onEnd",[518,1805,604],{"class":524},[518,1807,654],{"class":524},[810,1809,1810,1819],{},[813,1811,1812],{},[816,1813,1814,1817],{},[819,1815,1816],{"align":821},"Event",[819,1818,825],{"align":821},[830,1820,1821,1830,1839],{},[816,1822,1823,1827],{},[835,1824,1825],{"align":821},[838,1826,1782],{},[835,1828,1829],{"align":821},"Dispatched when the control starts to change.",[816,1831,1832,1836],{},[835,1833,1834],{"align":821},[838,1835,1768],{},[835,1837,1838],{"align":821},"Dispatched when the control changes.",[816,1840,1841,1845],{},[835,1842,1843],{"align":821},[838,1844,1796],{},[835,1846,1847],{"align":821},"Dispatched when the control ends to change.",[1849,1850,1851],"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":513,"searchDepth":521,"depth":539,"links":1853},[1854,1855,1856,1860],{"id":504,"depth":539,"text":15},{"id":804,"depth":539,"text":805},{"id":1279,"depth":539,"text":1259,"children":1857},[1858,1859],{"id":1403,"depth":569,"text":1483},{"id":1267,"depth":569,"text":1624},{"id":1750,"depth":539,"text":1751},"Is similar to OrbitControls yet supports smooth transitions and more features.","md",null,{},{"title":87,"description":1861},"Er67NB_D9l-p90cx_F8Ueo3oYf_90DhOHx1q_8YgH3g",[1868,1870],{"title":81,"path":82,"stem":83,"description":1869,"children":-1},"All currently supported controls",{"title":91,"path":92,"stem":93,"description":1871,"children":-1},"WASD on QWERTY keyboards or equivalent keys on non-QWERTY keyboards",1774953653392]