[{"data":1,"prerenderedAt":6982},["ShallowReactive",2],{"navigation":3,"/api/shapes":466,"/api/shapes-surround":487,"shape-list":492},[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":187,"body":468,"description":480,"extension":481,"links":482,"meta":483,"navigation":484,"path":188,"seo":485,"stem":189,"__hash__":486},"docs/2.api/5.shapes/index.md",{"type":469,"value":470,"toc":475},"minimark",[471],[472,473],"api-list",{"list-name":474},"shape-list",{"title":476,"searchDepth":477,"depth":478,"links":479},"",1,2,[],"All shapes","md",null,{},true,{"title":187,"description":480},"ML4BUiJNvnI0MtFtA_2PQ96_hhOXzVzpILgttE-vCIY",[488,490],{"title":183,"path":184,"stem":185,"description":489,"children":-1},"Makes a geometry wobble and wave around with customizable speed and factor.",{"title":193,"path":194,"stem":195,"description":491,"children":-1},"Short-cut for a BoxGeometry and a MeshBasicMaterial with a Mesh object.",[493,723,1364,1534,1712,2189,2429,2599,3199,3367,4037,4204,4379,4810,4987,5150,5350,5526,5985,6153,6348,6538],{"id":494,"title":193,"body":495,"description":491,"extension":481,"links":482,"meta":720,"navigation":484,"path":194,"seo":721,"stem":195,"__hash__":722},"docs/2.api/5.shapes/box.md",{"type":469,"value":496,"toc":717},[497,503,520,529,538,542,713],[498,499,500],"scene-controls-wrapper",{},[501,502],"shapes-box",{},[504,505,506,507,511,512,515,516,519],"p",{},"The ",[508,509,510],"code",{},"cientos"," package provides a ",[508,513,514],{},"\u003CBox />"," component that serves as a short-cut for a ",[508,517,518],{},"BoxGeometry",".",[521,522,527],"pre",{"className":523,"code":525,"language":526},[524],"language-text","args: [\n  width: number,\n  height: number,\n  depth: number,\n  widthSegments: number,\n  heightSegments: number,\n  depthSegments: number\n]\n","text",[508,528,525],{"__ignoreMap":476},[504,530,531,532],{},"Reference: ",[533,534,518],"a",{"href":535,"rel":536},"https://threejs.org/docs/?q=box#api/en/geometries/BoxGeometry",[537],"nofollow",[539,540,15],"h2",{"id":541},"usage",[521,543,547],{"className":544,"code":545,"language":546,"meta":476,"style":476},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBox :args=\"[1, 1, 1]\" color=\"orange\" />\n\n// Box with a custom material transformations\n\u003CBox ref=\"boxRef\" :args=\"[1, 1, 1]\" :position=\"[0, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Box>\n","vue",[508,548,549,612,617,623,697,703],{"__ignoreMap":476},[550,551,553,557,560,563,567,570,573,577,581,584,587,589,591,594,596,599,601,603,607,609],"span",{"class":552,"line":477},"line",[550,554,556],{"class":555},"sMK4o","\u003C",[550,558,193],{"class":559},"swJcz",[550,561,562],{"class":555}," :",[550,564,566],{"class":565},"spNyl","args",[550,568,569],{"class":555},"=",[550,571,572],{"class":555},"\"",[550,574,576],{"class":575},"sTEyZ","[",[550,578,580],{"class":579},"sbssI","1",[550,582,583],{"class":555},",",[550,585,586],{"class":579}," 1",[550,588,583],{"class":555},[550,590,586],{"class":579},[550,592,593],{"class":575},"]",[550,595,572],{"class":555},[550,597,598],{"class":565}," color",[550,600,569],{"class":555},[550,602,572],{"class":555},[550,604,606],{"class":605},"sfazB","orange",[550,608,572],{"class":555},[550,610,611],{"class":555}," />\n",[550,613,614],{"class":552,"line":478},[550,615,616],{"emptyLinePlaceholder":484},"\n",[550,618,620],{"class":552,"line":619},3,[550,621,622],{"class":575},"// Box with a custom material transformations\n",[550,624,626,628,630,633,635,637,640,642,644,646,648,650,652,654,656,658,660,662,664,666,668,671,673,675,677,680,682,685,687,690,692,694],{"class":552,"line":625},4,[550,627,556],{"class":555},[550,629,193],{"class":559},[550,631,632],{"class":565}," ref",[550,634,569],{"class":555},[550,636,572],{"class":555},[550,638,639],{"class":605},"boxRef",[550,641,572],{"class":555},[550,643,562],{"class":555},[550,645,566],{"class":565},[550,647,569],{"class":555},[550,649,572],{"class":555},[550,651,576],{"class":575},[550,653,580],{"class":579},[550,655,583],{"class":555},[550,657,586],{"class":579},[550,659,583],{"class":555},[550,661,586],{"class":579},[550,663,593],{"class":575},[550,665,572],{"class":555},[550,667,562],{"class":555},[550,669,670],{"class":565},"position",[550,672,569],{"class":555},[550,674,572],{"class":555},[550,676,576],{"class":575},[550,678,679],{"class":579},"0",[550,681,583],{"class":555},[550,683,684],{"class":579}," 4",[550,686,583],{"class":555},[550,688,689],{"class":579}," 0",[550,691,593],{"class":575},[550,693,572],{"class":555},[550,695,696],{"class":555},">\n",[550,698,700],{"class":552,"line":699},5,[550,701,702],{"class":575},"  \u003CTresMeshToonMaterial color=\"orange\" />\n",[550,704,706,709,711],{"class":552,"line":705},6,[550,707,708],{"class":555},"\u003C/",[550,710,193],{"class":559},[550,712,696],{"class":555},[714,715,716],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":476,"searchDepth":477,"depth":478,"links":718},[719],{"id":541,"depth":478,"text":15},{},{"title":193,"description":491},"EvaXEC2iSPj1-74ZRQEV-iGoScGBI5kq_mAZQoDjltE",{"id":724,"title":197,"body":725,"description":1360,"extension":481,"links":482,"meta":1361,"navigation":484,"path":198,"seo":1362,"stem":199,"__hash__":1363},"docs/2.api/5.shapes/catmullromcurve3.md",{"type":469,"value":726,"toc":1356},[727,733,741,764,766,1103,1107,1353],[728,729,730],"scene-wrapper",{},[731,732],"shapes-catmull-rom-curve3",{},[504,734,506,735,511,737,740],{},[508,736,510],{},[508,738,739],{},"\u003CCatmullRomCurve3 />"," component that allows you to make smooth(ish) 3D lines.",[504,742,743,745,746,753,754,757,758],{},[508,744,739],{}," wraps ",[533,747,750,751],{"href":748,"rel":749},"https://threejs.org/docs/index.html?q=catmu#api/en/extras/curves/CatmullRomCurve3",[537],"Three.js's ",[508,752,197],{}," functionality, but applies it to Cientos' ",[508,755,756],{},"\u003CLine2 />"," under the hood, meaning you can use ",[533,759,761,762,519],{"href":760},"line2#props","all the props from ",[508,763,756],{},[539,765,15],{"id":541},[521,767,775],{"className":544,"code":768,"highlights":769,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { CatmullRomCurve3 } from '@tresjs/cientos'\nimport { Vector3 } from 'three'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CCatmullRomCurve3\n      :points=\"[new Vector3(-1, 0, 0), new Vector3(0, 1, 0), new Vector3(1, 0, 0)]\"\n      :segments=\"50\"\n      color=\"orange\"\n      :line-width=\"3\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[619,770,771,772,773,774],10,11,12,13,14,[508,776,777,801,828,850,870,878,882,892,903,940,948,1021,1038,1052,1068,1074,1084,1094],{"__ignoreMap":476},[550,778,779,781,784,787,790,792,794,797,799],{"class":552,"line":477},[550,780,556],{"class":555},[550,782,783],{"class":559},"script",[550,785,786],{"class":565}," setup",[550,788,789],{"class":565}," lang",[550,791,569],{"class":555},[550,793,572],{"class":555},[550,795,796],{"class":605},"ts",[550,798,572],{"class":555},[550,800,696],{"class":555},[550,802,803,807,810,813,816,819,822,825],{"class":552,"line":478},[550,804,806],{"class":805},"s7zQu","import",[550,808,809],{"class":555}," {",[550,811,812],{"class":575}," TresCanvas",[550,814,815],{"class":555}," }",[550,817,818],{"class":805}," from",[550,820,821],{"class":555}," '",[550,823,824],{"class":605},"@tresjs/core",[550,826,827],{"class":555},"'\n",[550,829,832,834,836,839,841,843,845,848],{"class":830,"line":619},[552,831],"highlight",[550,833,806],{"class":805},[550,835,809],{"class":555},[550,837,838],{"class":575}," CatmullRomCurve3",[550,840,815],{"class":555},[550,842,818],{"class":805},[550,844,821],{"class":555},[550,846,847],{"class":605},"@tresjs/cientos",[550,849,827],{"class":555},[550,851,852,854,856,859,861,863,865,868],{"class":552,"line":625},[550,853,806],{"class":805},[550,855,809],{"class":555},[550,857,858],{"class":575}," Vector3",[550,860,815],{"class":555},[550,862,818],{"class":805},[550,864,821],{"class":555},[550,866,867],{"class":605},"three",[550,869,827],{"class":555},[550,871,872,874,876],{"class":552,"line":699},[550,873,708],{"class":555},[550,875,783],{"class":559},[550,877,696],{"class":555},[550,879,880],{"class":552,"line":705},[550,881,616],{"emptyLinePlaceholder":484},[550,883,885,887,890],{"class":552,"line":884},7,[550,886,556],{"class":555},[550,888,889],{"class":559},"template",[550,891,696],{"class":555},[550,893,895,898,901],{"class":552,"line":894},8,[550,896,897],{"class":555},"  \u003C",[550,899,900],{"class":559},"TresCanvas",[550,902,696],{"class":555},[550,904,906,909,912,914,916,918,920,922,925,928,930,932,934,936,938],{"class":552,"line":905},9,[550,907,908],{"class":555},"    \u003C",[550,910,911],{"class":559},"TresPerspectiveCamera",[550,913,562],{"class":555},[550,915,670],{"class":565},[550,917,569],{"class":555},[550,919,572],{"class":555},[550,921,576],{"class":555},[550,923,924],{"class":579},"3",[550,926,927],{"class":555},", ",[550,929,924],{"class":579},[550,931,927],{"class":555},[550,933,924],{"class":579},[550,935,593],{"class":555},[550,937,572],{"class":555},[550,939,611],{"class":555},[550,941,943,945],{"class":942,"line":770},[552,831],[550,944,908],{"class":555},[550,946,947],{"class":559},"CatmullRomCurve3\n",[550,949,951,954,957,959,961,964,968,971,973,975,977,979,981,984,986,989,991,993,995,997,999,1001,1003,1005,1007,1009,1011,1013,1015,1018],{"class":950,"line":771},[552,831],[550,952,953],{"class":555},"      :",[550,955,956],{"class":565},"points",[550,958,569],{"class":555},[550,960,572],{"class":555},[550,962,963],{"class":555},"[new ",[550,965,967],{"class":966},"s2Zo4","Vector3",[550,969,970],{"class":555},"(-",[550,972,580],{"class":579},[550,974,927],{"class":555},[550,976,679],{"class":579},[550,978,927],{"class":555},[550,980,679],{"class":579},[550,982,983],{"class":555},"), new ",[550,985,967],{"class":966},[550,987,988],{"class":555},"(",[550,990,679],{"class":579},[550,992,927],{"class":555},[550,994,580],{"class":579},[550,996,927],{"class":555},[550,998,679],{"class":579},[550,1000,983],{"class":555},[550,1002,967],{"class":966},[550,1004,988],{"class":555},[550,1006,580],{"class":579},[550,1008,927],{"class":555},[550,1010,679],{"class":579},[550,1012,927],{"class":555},[550,1014,679],{"class":579},[550,1016,1017],{"class":555},")]",[550,1019,1020],{"class":555},"\"\n",[550,1022,1024,1026,1029,1031,1033,1036],{"class":1023,"line":772},[552,831],[550,1025,953],{"class":555},[550,1027,1028],{"class":565},"segments",[550,1030,569],{"class":555},[550,1032,572],{"class":555},[550,1034,1035],{"class":579},"50",[550,1037,1020],{"class":555},[550,1039,1041,1044,1046,1048,1050],{"class":1040,"line":773},[552,831],[550,1042,1043],{"class":565},"      color",[550,1045,569],{"class":555},[550,1047,572],{"class":555},[550,1049,606],{"class":605},[550,1051,1020],{"class":555},[550,1053,1055,1057,1060,1062,1064,1066],{"class":1054,"line":774},[552,831],[550,1056,953],{"class":555},[550,1058,1059],{"class":565},"line-width",[550,1061,569],{"class":555},[550,1063,572],{"class":555},[550,1065,924],{"class":579},[550,1067,1020],{"class":555},[550,1069,1071],{"class":552,"line":1070},15,[550,1072,1073],{"class":555},"    />\n",[550,1075,1077,1079,1082],{"class":552,"line":1076},16,[550,1078,908],{"class":555},[550,1080,1081],{"class":559},"TresAmbientLight",[550,1083,611],{"class":555},[550,1085,1087,1090,1092],{"class":552,"line":1086},17,[550,1088,1089],{"class":555},"  \u003C/",[550,1091,900],{"class":559},[550,1093,696],{"class":555},[550,1095,1097,1099,1101],{"class":552,"line":1096},18,[550,1098,708],{"class":555},[550,1100,889],{"class":559},[550,1102,696],{"class":555},[539,1104,1106],{"id":1105},"props","Props",[1108,1109,1110,1129],"table",{},[1111,1112,1113],"thead",{},[1114,1115,1116,1120,1123,1126],"tr",{},[1117,1118,1119],"th",{},"Prop",[1117,1121,1122],{},"Type",[1117,1124,1125],{},"Description",[1117,1127,1128],{},"Default",[1130,1131,1132,1147,1162,1178,1194,1209,1225,1241,1255,1269,1283,1297,1311,1325,1339],"tbody",{},[1114,1133,1134,1137,1142,1145],{},[1135,1136,956],"td",{},[1135,1138,1139],{},[508,1140,1141],{},"Array\u003CVector3 | [number, number, number]>",[1135,1143,1144],{},"Curve's control points",[1135,1146],{},[1114,1148,1149,1151,1156,1159],{},[1135,1150,1028],{},[1135,1152,1153],{},[508,1154,1155],{},"number",[1135,1157,1158],{},"Number of segments in the resulting curve (higher = smoother)",[1135,1160,1161],{},"20",[1114,1163,1164,1167,1172,1175],{},[1135,1165,1166],{},"closed",[1135,1168,1169],{},[508,1170,1171],{},"boolean",[1135,1173,1174],{},"The curve will loop back onto itself when this is true.",[1135,1176,1177],{},"false",[1114,1179,1180,1183,1188,1191],{},[1135,1181,1182],{},"curveType",[1135,1184,1185],{},[508,1186,1187],{},"'centripetal' | 'chordal' | 'catmullrom'",[1135,1189,1190],{},"Curve type",[1135,1192,1193],{},"'centripetal'",[1114,1195,1196,1199,1203,1206],{},[1135,1197,1198],{},"tension",[1135,1200,1201],{},[508,1202,1155],{},[1135,1204,1205],{},"Catmullrom's tension, when curveType is 'catmullrom'",[1135,1207,1208],{},"0.5",[1114,1210,1211,1214,1219,1222],{},[1135,1212,1213],{},"vertexColors",[1135,1215,1216],{},[508,1217,1218],{},"TresColor[]",[1135,1220,1221],{},"Vertex colors, if using",[1135,1223,1224],{},"null",[1114,1226,1227,1230,1235,1238],{},[1135,1228,1229],{},"color",[1135,1231,1232],{},[508,1233,1234],{},"TresColor",[1135,1236,1237],{},"Color for the line – multiplies vertex colors",[1135,1239,1240],{},"'white'",[1114,1242,1243,1246,1250,1253],{},[1135,1244,1245],{},"lineWidth",[1135,1247,1248],{},[508,1249,1155],{},[1135,1251,1252],{},"Width of the line – in world units with size attenuation, pixels otherwise",[1135,1254,580],{},[1114,1256,1257,1260,1264,1267],{},[1135,1258,1259],{},"worldUnits",[1135,1261,1262],{},[508,1263,1171],{},[1135,1265,1266],{},"Whether the line width is in world units or pixels",[1135,1268,1177],{},[1114,1270,1271,1274,1278,1281],{},[1135,1272,1273],{},"alphaToCoverage",[1135,1275,1276],{},[508,1277,1171],{},[1135,1279,1280],{},"Enables alpha to coverage. Can only be used with MSAA-enabled contexts (meaning when the renderer was created with antialias parameter set to true).",[1135,1282,1177],{},[1114,1284,1285,1288,1292,1295],{},[1135,1286,1287],{},"dashed",[1135,1289,1290],{},[508,1291,1171],{},[1135,1293,1294],{},"Whether the line is dashed",[1135,1296,1177],{},[1114,1298,1299,1302,1306,1309],{},[1135,1300,1301],{},"dashSize",[1135,1303,1304],{},[508,1305,1155],{},[1135,1307,1308],{},"Dash size",[1135,1310,580],{},[1114,1312,1313,1316,1320,1323],{},[1135,1314,1315],{},"gapSize",[1135,1317,1318],{},[508,1319,1155],{},[1135,1321,1322],{},"Gap size in dashed line",[1135,1324,580],{},[1114,1326,1327,1330,1334,1337],{},[1135,1328,1329],{},"dashScale",[1135,1331,1332],{},[508,1333,1155],{},[1135,1335,1336],{},"Scale of the dashes/gaps",[1135,1338,580],{},[1114,1340,1341,1344,1348,1351],{},[1135,1342,1343],{},"dashOffset",[1135,1345,1346],{},[508,1347,1155],{},[1135,1349,1350],{},"Dash offset",[1135,1352,679],{},[714,1354,1355],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":476,"searchDepth":477,"depth":478,"links":1357},[1358,1359],{"id":541,"depth":478,"text":15},{"id":1105,"depth":478,"text":1106},"Allows you to make smooth 3D lines using Catmull-Rom curves.",{},{"title":197,"description":1360},"pYOe6asnxM2yBwZJgT-M4NxxwDh-pE8XXsD--fBVLqo",{"id":1365,"title":201,"body":1366,"description":1530,"extension":481,"links":482,"meta":1531,"navigation":484,"path":202,"seo":1532,"stem":203,"__hash__":1533},"docs/2.api/5.shapes/circle.md",{"type":469,"value":1367,"toc":1527},[1368,1373,1383,1389,1395,1397,1525],[498,1369,1370],{},[1371,1372],"shapes-circle",{},[504,1374,506,1375,511,1377,515,1380,519],{},[508,1376,510],{},[508,1378,1379],{},"\u003CCircle />",[508,1381,1382],{},"CircleGeometry",[521,1384,1387],{"className":1385,"code":1386,"language":526},[524],"args: [radius: number, segments: number, thetaStart: number, thetaLength: number]\n",[508,1388,1386],{"__ignoreMap":476},[504,1390,531,1391],{},[533,1392,1382],{"href":1393,"rel":1394},"https://threejs.org/docs/?q=circle#api/en/geometries/CircleGeometry",[537],[539,1396,15],{"id":541},[521,1398,1400],{"className":544,"code":1399,"language":546,"meta":476,"style":476},"\u003CCircle :args=\"[1, 32]\" color=\"orange\" />\n\n// Circle with a custom material transformations\n\u003CCircle ref=\"circleRef\" :args=\"[1, 32]\" :position=\"[0, 0, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Circle>\n",[508,1401,1402,1441,1445,1450,1513,1517],{"__ignoreMap":476},[550,1403,1404,1406,1408,1410,1412,1414,1416,1418,1420,1422,1425,1427,1429,1431,1433,1435,1437,1439],{"class":552,"line":477},[550,1405,556],{"class":555},[550,1407,201],{"class":559},[550,1409,562],{"class":555},[550,1411,566],{"class":565},[550,1413,569],{"class":555},[550,1415,572],{"class":555},[550,1417,576],{"class":575},[550,1419,580],{"class":579},[550,1421,583],{"class":555},[550,1423,1424],{"class":579}," 32",[550,1426,593],{"class":575},[550,1428,572],{"class":555},[550,1430,598],{"class":565},[550,1432,569],{"class":555},[550,1434,572],{"class":555},[550,1436,606],{"class":605},[550,1438,572],{"class":555},[550,1440,611],{"class":555},[550,1442,1443],{"class":552,"line":478},[550,1444,616],{"emptyLinePlaceholder":484},[550,1446,1447],{"class":552,"line":619},[550,1448,1449],{"class":575},"// Circle with a custom material transformations\n",[550,1451,1452,1454,1456,1458,1460,1462,1465,1467,1469,1471,1473,1475,1477,1479,1481,1483,1485,1487,1489,1491,1493,1495,1497,1499,1501,1503,1505,1507,1509,1511],{"class":552,"line":625},[550,1453,556],{"class":555},[550,1455,201],{"class":559},[550,1457,632],{"class":565},[550,1459,569],{"class":555},[550,1461,572],{"class":555},[550,1463,1464],{"class":605},"circleRef",[550,1466,572],{"class":555},[550,1468,562],{"class":555},[550,1470,566],{"class":565},[550,1472,569],{"class":555},[550,1474,572],{"class":555},[550,1476,576],{"class":575},[550,1478,580],{"class":579},[550,1480,583],{"class":555},[550,1482,1424],{"class":579},[550,1484,593],{"class":575},[550,1486,572],{"class":555},[550,1488,562],{"class":555},[550,1490,670],{"class":565},[550,1492,569],{"class":555},[550,1494,572],{"class":555},[550,1496,576],{"class":575},[550,1498,679],{"class":579},[550,1500,583],{"class":555},[550,1502,689],{"class":579},[550,1504,583],{"class":555},[550,1506,689],{"class":579},[550,1508,593],{"class":575},[550,1510,572],{"class":555},[550,1512,696],{"class":555},[550,1514,1515],{"class":552,"line":699},[550,1516,702],{"class":575},[550,1518,1519,1521,1523],{"class":552,"line":705},[550,1520,708],{"class":555},[550,1522,201],{"class":559},[550,1524,696],{"class":555},[714,1526,716],{},{"title":476,"searchDepth":477,"depth":478,"links":1528},[1529],{"id":541,"depth":478,"text":15},"Short-cut for a CircleGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":201,"description":1530},"wQLfnhseui4b7Q0fQxQzwX-2D_yemIZgwYA9Cpmtxvo",{"id":1535,"title":205,"body":1536,"description":1708,"extension":481,"links":482,"meta":1709,"navigation":484,"path":206,"seo":1710,"stem":207,"__hash__":1711},"docs/2.api/5.shapes/cone.md",{"type":469,"value":1537,"toc":1705},[1538,1543,1553,1559,1565,1567,1703],[498,1539,1540],{},[1541,1542],"shapes-cone",{},[504,1544,506,1545,511,1547,515,1550,519],{},[508,1546,510],{},[508,1548,1549],{},"\u003CCone />",[508,1551,1552],{},"ConeGeometry",[521,1554,1557],{"className":1555,"code":1556,"language":526},[524],"args: [\n  radius: number,\n  height: number,\n  radialSegments: number,\n  heightSegments: number,\n  openEnded: boolean,\n  thetaStart: number,\n  thetaLength: number\n]\n",[508,1558,1556],{"__ignoreMap":476},[504,1560,531,1561],{},[533,1562,1552],{"href":1563,"rel":1564},"https://threejs.org/docs/?q=cone#api/en/geometries/ConeGeometry",[537],[539,1566,15],{"id":541},[521,1568,1570],{"className":544,"code":1569,"language":546,"meta":476,"style":476},"\u003CCone :args=\"[1, 1, 8]\" color=\"orange\" />\n\n// Cone with a custom material transformations\n\u003CCone ref=\"coneRef\" :args=\"[1, 1, 8]\" :position=\"[0, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Cone>\n",[508,1571,1572,1615,1619,1624,1691,1695],{"__ignoreMap":476},[550,1573,1574,1576,1578,1580,1582,1584,1586,1588,1590,1592,1594,1596,1599,1601,1603,1605,1607,1609,1611,1613],{"class":552,"line":477},[550,1575,556],{"class":555},[550,1577,205],{"class":559},[550,1579,562],{"class":555},[550,1581,566],{"class":565},[550,1583,569],{"class":555},[550,1585,572],{"class":555},[550,1587,576],{"class":575},[550,1589,580],{"class":579},[550,1591,583],{"class":555},[550,1593,586],{"class":579},[550,1595,583],{"class":555},[550,1597,1598],{"class":579}," 8",[550,1600,593],{"class":575},[550,1602,572],{"class":555},[550,1604,598],{"class":565},[550,1606,569],{"class":555},[550,1608,572],{"class":555},[550,1610,606],{"class":605},[550,1612,572],{"class":555},[550,1614,611],{"class":555},[550,1616,1617],{"class":552,"line":478},[550,1618,616],{"emptyLinePlaceholder":484},[550,1620,1621],{"class":552,"line":619},[550,1622,1623],{"class":575},"// Cone with a custom material transformations\n",[550,1625,1626,1628,1630,1632,1634,1636,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689],{"class":552,"line":625},[550,1627,556],{"class":555},[550,1629,205],{"class":559},[550,1631,632],{"class":565},[550,1633,569],{"class":555},[550,1635,572],{"class":555},[550,1637,1638],{"class":605},"coneRef",[550,1640,572],{"class":555},[550,1642,562],{"class":555},[550,1644,566],{"class":565},[550,1646,569],{"class":555},[550,1648,572],{"class":555},[550,1650,576],{"class":575},[550,1652,580],{"class":579},[550,1654,583],{"class":555},[550,1656,586],{"class":579},[550,1658,583],{"class":555},[550,1660,1598],{"class":579},[550,1662,593],{"class":575},[550,1664,572],{"class":555},[550,1666,562],{"class":555},[550,1668,670],{"class":565},[550,1670,569],{"class":555},[550,1672,572],{"class":555},[550,1674,576],{"class":575},[550,1676,679],{"class":579},[550,1678,583],{"class":555},[550,1680,684],{"class":579},[550,1682,583],{"class":555},[550,1684,689],{"class":579},[550,1686,593],{"class":575},[550,1688,572],{"class":555},[550,1690,696],{"class":555},[550,1692,1693],{"class":552,"line":699},[550,1694,702],{"class":575},[550,1696,1697,1699,1701],{"class":552,"line":705},[550,1698,708],{"class":555},[550,1700,205],{"class":559},[550,1702,696],{"class":555},[714,1704,716],{},{"title":476,"searchDepth":477,"depth":478,"links":1706},[1707],{"id":541,"depth":478,"text":15},"Short-cut for a ConeGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":205,"description":1708},"LobanFD68GY4U45rEkqMogA7guX1DZi5E6MMnCuki0k",{"id":1713,"title":209,"body":1714,"description":2185,"extension":481,"links":482,"meta":2186,"navigation":484,"path":210,"seo":2187,"stem":211,"__hash__":2188},"docs/2.api/5.shapes/cubic-bezier-line.md",{"type":469,"value":1715,"toc":2181},[1716,1721,1730,1732,2076,2078,2088,2179],[728,1717,1718],{},[1719,1720],"shapes-cubic-bezier-line",{},[504,1722,1723,1726,1727,1729],{},[508,1724,1725],{},"\u003CCubicBezierLine />"," renders a ",[508,1728,756],{}," between start and end points, with additional 2 control points.",[539,1731,15],{"id":541},[521,1733,1735],{"className":544,"code":1734,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { CubicBezierLine } from '@tresjs/cientos'\nimport { Vector3 } from 'three'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CCubicBezierLine\n      :start=\"new Vector3(-1, 0, 0)\"\n      :end=\"new Vector3(1, 0, 0)\"\n      :midA=\"new Vector3(-0.5, 1, 0)\"\n      :midB=\"new Vector3(0.5, 1, 0)\"\n      :segments=\"50\"\n      color=\"orange\"\n      :line-width=\"3\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[508,1736,1737,1757,1775,1794,1812,1820,1824,1832,1840,1872,1879,1912,1943,1974,2005,2019,2031,2045,2049,2058,2067],{"__ignoreMap":476},[550,1738,1739,1741,1743,1745,1747,1749,1751,1753,1755],{"class":552,"line":477},[550,1740,556],{"class":555},[550,1742,783],{"class":559},[550,1744,786],{"class":565},[550,1746,789],{"class":565},[550,1748,569],{"class":555},[550,1750,572],{"class":555},[550,1752,796],{"class":605},[550,1754,572],{"class":555},[550,1756,696],{"class":555},[550,1758,1759,1761,1763,1765,1767,1769,1771,1773],{"class":552,"line":478},[550,1760,806],{"class":805},[550,1762,809],{"class":555},[550,1764,812],{"class":575},[550,1766,815],{"class":555},[550,1768,818],{"class":805},[550,1770,821],{"class":555},[550,1772,824],{"class":605},[550,1774,827],{"class":555},[550,1776,1777,1779,1781,1784,1786,1788,1790,1792],{"class":552,"line":619},[550,1778,806],{"class":805},[550,1780,809],{"class":555},[550,1782,1783],{"class":575}," CubicBezierLine",[550,1785,815],{"class":555},[550,1787,818],{"class":805},[550,1789,821],{"class":555},[550,1791,847],{"class":605},[550,1793,827],{"class":555},[550,1795,1796,1798,1800,1802,1804,1806,1808,1810],{"class":552,"line":625},[550,1797,806],{"class":805},[550,1799,809],{"class":555},[550,1801,858],{"class":575},[550,1803,815],{"class":555},[550,1805,818],{"class":805},[550,1807,821],{"class":555},[550,1809,867],{"class":605},[550,1811,827],{"class":555},[550,1813,1814,1816,1818],{"class":552,"line":699},[550,1815,708],{"class":555},[550,1817,783],{"class":559},[550,1819,696],{"class":555},[550,1821,1822],{"class":552,"line":705},[550,1823,616],{"emptyLinePlaceholder":484},[550,1825,1826,1828,1830],{"class":552,"line":884},[550,1827,556],{"class":555},[550,1829,889],{"class":559},[550,1831,696],{"class":555},[550,1833,1834,1836,1838],{"class":552,"line":894},[550,1835,897],{"class":555},[550,1837,900],{"class":559},[550,1839,696],{"class":555},[550,1841,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860,1862,1864,1866,1868,1870],{"class":552,"line":905},[550,1843,908],{"class":555},[550,1845,911],{"class":559},[550,1847,562],{"class":555},[550,1849,670],{"class":565},[550,1851,569],{"class":555},[550,1853,572],{"class":555},[550,1855,576],{"class":555},[550,1857,924],{"class":579},[550,1859,927],{"class":555},[550,1861,924],{"class":579},[550,1863,927],{"class":555},[550,1865,924],{"class":579},[550,1867,593],{"class":555},[550,1869,572],{"class":555},[550,1871,611],{"class":555},[550,1873,1874,1876],{"class":552,"line":770},[550,1875,908],{"class":555},[550,1877,1878],{"class":559},"CubicBezierLine\n",[550,1880,1881,1883,1886,1888,1890,1893,1895,1897,1899,1901,1903,1905,1907,1910],{"class":552,"line":771},[550,1882,953],{"class":555},[550,1884,1885],{"class":565},"start",[550,1887,569],{"class":555},[550,1889,572],{"class":555},[550,1891,1892],{"class":555},"new ",[550,1894,967],{"class":966},[550,1896,970],{"class":555},[550,1898,580],{"class":579},[550,1900,927],{"class":555},[550,1902,679],{"class":579},[550,1904,927],{"class":555},[550,1906,679],{"class":579},[550,1908,1909],{"class":555},")",[550,1911,1020],{"class":555},[550,1913,1914,1916,1919,1921,1923,1925,1927,1929,1931,1933,1935,1937,1939,1941],{"class":552,"line":772},[550,1915,953],{"class":555},[550,1917,1918],{"class":565},"end",[550,1920,569],{"class":555},[550,1922,572],{"class":555},[550,1924,1892],{"class":555},[550,1926,967],{"class":966},[550,1928,988],{"class":555},[550,1930,580],{"class":579},[550,1932,927],{"class":555},[550,1934,679],{"class":579},[550,1936,927],{"class":555},[550,1938,679],{"class":579},[550,1940,1909],{"class":555},[550,1942,1020],{"class":555},[550,1944,1945,1947,1950,1952,1954,1956,1958,1960,1962,1964,1966,1968,1970,1972],{"class":552,"line":773},[550,1946,953],{"class":555},[550,1948,1949],{"class":565},"midA",[550,1951,569],{"class":555},[550,1953,572],{"class":555},[550,1955,1892],{"class":555},[550,1957,967],{"class":966},[550,1959,970],{"class":555},[550,1961,1208],{"class":579},[550,1963,927],{"class":555},[550,1965,580],{"class":579},[550,1967,927],{"class":555},[550,1969,679],{"class":579},[550,1971,1909],{"class":555},[550,1973,1020],{"class":555},[550,1975,1976,1978,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2003],{"class":552,"line":774},[550,1977,953],{"class":555},[550,1979,1980],{"class":565},"midB",[550,1982,569],{"class":555},[550,1984,572],{"class":555},[550,1986,1892],{"class":555},[550,1988,967],{"class":966},[550,1990,988],{"class":555},[550,1992,1208],{"class":579},[550,1994,927],{"class":555},[550,1996,580],{"class":579},[550,1998,927],{"class":555},[550,2000,679],{"class":579},[550,2002,1909],{"class":555},[550,2004,1020],{"class":555},[550,2006,2007,2009,2011,2013,2015,2017],{"class":552,"line":1070},[550,2008,953],{"class":555},[550,2010,1028],{"class":565},[550,2012,569],{"class":555},[550,2014,572],{"class":555},[550,2016,1035],{"class":579},[550,2018,1020],{"class":555},[550,2020,2021,2023,2025,2027,2029],{"class":552,"line":1076},[550,2022,1043],{"class":565},[550,2024,569],{"class":555},[550,2026,572],{"class":555},[550,2028,606],{"class":605},[550,2030,1020],{"class":555},[550,2032,2033,2035,2037,2039,2041,2043],{"class":552,"line":1086},[550,2034,953],{"class":555},[550,2036,1059],{"class":565},[550,2038,569],{"class":555},[550,2040,572],{"class":555},[550,2042,924],{"class":579},[550,2044,1020],{"class":555},[550,2046,2047],{"class":552,"line":1096},[550,2048,1073],{"class":555},[550,2050,2052,2054,2056],{"class":552,"line":2051},19,[550,2053,908],{"class":555},[550,2055,1081],{"class":559},[550,2057,611],{"class":555},[550,2059,2061,2063,2065],{"class":552,"line":2060},20,[550,2062,1089],{"class":555},[550,2064,900],{"class":559},[550,2066,696],{"class":555},[550,2068,2070,2072,2074],{"class":552,"line":2069},21,[550,2071,708],{"class":555},[550,2073,889],{"class":559},[550,2075,696],{"class":555},[539,2077,1106],{"id":1105},[504,2079,2080,2082,2083,2085,2086,519],{},[508,2081,1725],{}," inherits all props but ",[508,2084,956],{}," from ",[508,2087,756],{},[1108,2089,2090,2102],{},[1111,2091,2092],{},[1114,2093,2094,2096,2098,2100],{},[1117,2095,1119],{},[1117,2097,1122],{},[1117,2099,1125],{},[1117,2101,1128],{},[1130,2103,2104,2120,2135,2150,2165],{},[1114,2105,2106,2110,2115,2118],{},[1135,2107,2108],{},[508,2109,1885],{},[1135,2111,2112],{},[508,2113,2114],{},"Vector3 | [number, number, number]",[1135,2116,2117],{},"Starting point",[1135,2119],{},[1114,2121,2122,2126,2130,2133],{},[1135,2123,2124],{},[508,2125,1918],{},[1135,2127,2128],{},[508,2129,2114],{},[1135,2131,2132],{},"Ending point",[1135,2134],{},[1114,2136,2137,2141,2145,2148],{},[1135,2138,2139],{},[508,2140,1949],{},[1135,2142,2143],{},[508,2144,2114],{},[1135,2146,2147],{},"First control point",[1135,2149],{},[1114,2151,2152,2156,2160,2163],{},[1135,2153,2154],{},[508,2155,1980],{},[1135,2157,2158],{},[508,2159,2114],{},[1135,2161,2162],{},"Second control point",[1135,2164],{},[1114,2166,2167,2171,2175,2177],{},[1135,2168,2169],{},[508,2170,1028],{},[1135,2172,2173],{},[508,2174,1155],{},[1135,2176,1158],{},[1135,2178,1161],{},[714,2180,1355],{},{"title":476,"searchDepth":477,"depth":478,"links":2182},[2183,2184],{"id":541,"depth":478,"text":15},{"id":1105,"depth":478,"text":1106},"Renders a Line2 between start and end points with two control points.",{},{"title":209,"description":2185},"gORWQkfn3pEx_Pr7x_kzEjd_CQoTYM445mILoeX4qjQ",{"id":2190,"title":213,"body":2191,"description":2425,"extension":481,"links":482,"meta":2426,"navigation":484,"path":214,"seo":2427,"stem":215,"__hash__":2428},"docs/2.api/5.shapes/cylinder.md",{"type":469,"value":2192,"toc":2422},[2193,2198,2208,2214,2220,2222,2419],[498,2194,2195],{},[2196,2197],"shapes-cylinder",{},[504,2199,506,2200,511,2202,515,2205,519],{},[508,2201,510],{},[508,2203,2204],{},"\u003CCylinder />",[508,2206,2207],{},"CylinderGeometry",[521,2209,2212],{"className":2210,"code":2211,"language":526},[524],"args: [\n  radiusTop: number,\n  radiusBottom: number,\n  height: number,\n  radialSegments: number,\n  heightSegments: number,\n  openEnded: boolean,\n  thetaStart: number,\n  thetaLength: number\n]\n",[508,2213,2211],{"__ignoreMap":476},[504,2215,531,2216],{},[533,2217,2207],{"href":2218,"rel":2219},"https://threejs.org/docs/?q=cylinder#api/en/geometries/CylinderGeometry",[537],[539,2221,15],{"id":541},[521,2223,2225],{"className":544,"code":2224,"language":546,"meta":476,"style":476},"\u003CCylinder :args=\"[1, 1, 1, 32, 1, false, 0, Math.PI * 2]\" color=\"orange\" />\n\n// Cylinder with a custom material transformations\n\u003CCylinder ref=\"cylinderRef\" :args=\"[1, 1, 1, 32, 1, false, 0, Math.PI * 2]\" :position=\"[0, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Cylinder>\n",[508,2226,2227,2303,2307,2312,2407,2411],{"__ignoreMap":476},[550,2228,2229,2231,2233,2235,2237,2239,2241,2243,2245,2247,2249,2251,2253,2255,2257,2259,2261,2263,2267,2269,2271,2273,2276,2278,2281,2284,2287,2289,2291,2293,2295,2297,2299,2301],{"class":552,"line":477},[550,2230,556],{"class":555},[550,2232,213],{"class":559},[550,2234,562],{"class":555},[550,2236,566],{"class":565},[550,2238,569],{"class":555},[550,2240,572],{"class":555},[550,2242,576],{"class":575},[550,2244,580],{"class":579},[550,2246,583],{"class":555},[550,2248,586],{"class":579},[550,2250,583],{"class":555},[550,2252,586],{"class":579},[550,2254,583],{"class":555},[550,2256,1424],{"class":579},[550,2258,583],{"class":555},[550,2260,586],{"class":579},[550,2262,583],{"class":555},[550,2264,2266],{"class":2265},"sfNiH"," false",[550,2268,583],{"class":555},[550,2270,689],{"class":579},[550,2272,583],{"class":555},[550,2274,2275],{"class":575}," Math",[550,2277,519],{"class":555},[550,2279,2280],{"class":575},"PI ",[550,2282,2283],{"class":555},"*",[550,2285,2286],{"class":579}," 2",[550,2288,593],{"class":575},[550,2290,572],{"class":555},[550,2292,598],{"class":565},[550,2294,569],{"class":555},[550,2296,572],{"class":555},[550,2298,606],{"class":605},[550,2300,572],{"class":555},[550,2302,611],{"class":555},[550,2304,2305],{"class":552,"line":478},[550,2306,616],{"emptyLinePlaceholder":484},[550,2308,2309],{"class":552,"line":619},[550,2310,2311],{"class":575},"// Cylinder with a custom material transformations\n",[550,2313,2314,2316,2318,2320,2322,2324,2327,2329,2331,2333,2335,2337,2339,2341,2343,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405],{"class":552,"line":625},[550,2315,556],{"class":555},[550,2317,213],{"class":559},[550,2319,632],{"class":565},[550,2321,569],{"class":555},[550,2323,572],{"class":555},[550,2325,2326],{"class":605},"cylinderRef",[550,2328,572],{"class":555},[550,2330,562],{"class":555},[550,2332,566],{"class":565},[550,2334,569],{"class":555},[550,2336,572],{"class":555},[550,2338,576],{"class":575},[550,2340,580],{"class":579},[550,2342,583],{"class":555},[550,2344,586],{"class":579},[550,2346,583],{"class":555},[550,2348,586],{"class":579},[550,2350,583],{"class":555},[550,2352,1424],{"class":579},[550,2354,583],{"class":555},[550,2356,586],{"class":579},[550,2358,583],{"class":555},[550,2360,2266],{"class":2265},[550,2362,583],{"class":555},[550,2364,689],{"class":579},[550,2366,583],{"class":555},[550,2368,2275],{"class":575},[550,2370,519],{"class":555},[550,2372,2280],{"class":575},[550,2374,2283],{"class":555},[550,2376,2286],{"class":579},[550,2378,593],{"class":575},[550,2380,572],{"class":555},[550,2382,562],{"class":555},[550,2384,670],{"class":565},[550,2386,569],{"class":555},[550,2388,572],{"class":555},[550,2390,576],{"class":575},[550,2392,679],{"class":579},[550,2394,583],{"class":555},[550,2396,684],{"class":579},[550,2398,583],{"class":555},[550,2400,689],{"class":579},[550,2402,593],{"class":575},[550,2404,572],{"class":555},[550,2406,696],{"class":555},[550,2408,2409],{"class":552,"line":699},[550,2410,702],{"class":575},[550,2412,2413,2415,2417],{"class":552,"line":705},[550,2414,708],{"class":555},[550,2416,213],{"class":559},[550,2418,696],{"class":555},[714,2420,2421],{},"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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":476,"searchDepth":477,"depth":478,"links":2423},[2424],{"id":541,"depth":478,"text":15},"Short-cut for a CylinderGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":213,"description":2425},"YTuULikIuPOFc-aN9KEgAYGN8T0QxNG4817fqzStsM0",{"id":2430,"title":217,"body":2431,"description":2595,"extension":481,"links":482,"meta":2596,"navigation":484,"path":218,"seo":2597,"stem":219,"__hash__":2598},"docs/2.api/5.shapes/dodecahedron.md",{"type":469,"value":2432,"toc":2592},[2433,2438,2448,2454,2460,2462,2590],[498,2434,2435],{},[2436,2437],"shapes-dodecahedron",{},[504,2439,506,2440,511,2442,515,2445,519],{},[508,2441,510],{},[508,2443,2444],{},"\u003CDodecahedron />",[508,2446,2447],{},"DodecahedronGeometry",[521,2449,2452],{"className":2450,"code":2451,"language":526},[524],"args: [radius: number, detail: number]\n",[508,2453,2451],{"__ignoreMap":476},[504,2455,531,2456],{},[533,2457,2447],{"href":2458,"rel":2459},"https://threejs.org/docs/?q=dode#api/en/geometries/DodecahedronGeometry",[537],[539,2461,15],{"id":541},[521,2463,2465],{"className":544,"code":2464,"language":546,"meta":476,"style":476},"\u003CDodecahedron :args=\"[1, 0]\" color=\"orange\" />\n\n// Dodecahedron with a custom material transformations\n\u003CDodecahedron ref=\"dodecahedronRef\" :args=\"[1, 0]\" :position=\"[2, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Dodecahedron>\n",[508,2466,2467,2505,2509,2514,2578,2582],{"__ignoreMap":476},[550,2468,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487,2489,2491,2493,2495,2497,2499,2501,2503],{"class":552,"line":477},[550,2470,556],{"class":555},[550,2472,217],{"class":559},[550,2474,562],{"class":555},[550,2476,566],{"class":565},[550,2478,569],{"class":555},[550,2480,572],{"class":555},[550,2482,576],{"class":575},[550,2484,580],{"class":579},[550,2486,583],{"class":555},[550,2488,689],{"class":579},[550,2490,593],{"class":575},[550,2492,572],{"class":555},[550,2494,598],{"class":565},[550,2496,569],{"class":555},[550,2498,572],{"class":555},[550,2500,606],{"class":605},[550,2502,572],{"class":555},[550,2504,611],{"class":555},[550,2506,2507],{"class":552,"line":478},[550,2508,616],{"emptyLinePlaceholder":484},[550,2510,2511],{"class":552,"line":619},[550,2512,2513],{"class":575},"// Dodecahedron with a custom material transformations\n",[550,2515,2516,2518,2520,2522,2524,2526,2529,2531,2533,2535,2537,2539,2541,2543,2545,2547,2549,2551,2553,2555,2557,2559,2561,2564,2566,2568,2570,2572,2574,2576],{"class":552,"line":625},[550,2517,556],{"class":555},[550,2519,217],{"class":559},[550,2521,632],{"class":565},[550,2523,569],{"class":555},[550,2525,572],{"class":555},[550,2527,2528],{"class":605},"dodecahedronRef",[550,2530,572],{"class":555},[550,2532,562],{"class":555},[550,2534,566],{"class":565},[550,2536,569],{"class":555},[550,2538,572],{"class":555},[550,2540,576],{"class":575},[550,2542,580],{"class":579},[550,2544,583],{"class":555},[550,2546,689],{"class":579},[550,2548,593],{"class":575},[550,2550,572],{"class":555},[550,2552,562],{"class":555},[550,2554,670],{"class":565},[550,2556,569],{"class":555},[550,2558,572],{"class":555},[550,2560,576],{"class":575},[550,2562,2563],{"class":579},"2",[550,2565,583],{"class":555},[550,2567,684],{"class":579},[550,2569,583],{"class":555},[550,2571,689],{"class":579},[550,2573,593],{"class":575},[550,2575,572],{"class":555},[550,2577,696],{"class":555},[550,2579,2580],{"class":552,"line":699},[550,2581,702],{"class":575},[550,2583,2584,2586,2588],{"class":552,"line":705},[550,2585,708],{"class":555},[550,2587,217],{"class":559},[550,2589,696],{"class":555},[714,2591,716],{},{"title":476,"searchDepth":477,"depth":478,"links":2593},[2594],{"id":541,"depth":478,"text":15},"Short-cut for a DodecahedronGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":217,"description":2595},"9Gw9CLOluoUzozbppxnr0DGwqvfyqgSPCC05IqHhr00",{"id":2600,"title":221,"body":2601,"description":3195,"extension":481,"links":482,"meta":3196,"navigation":484,"path":222,"seo":3197,"stem":223,"__hash__":3198},"docs/2.api/5.shapes/grid.md",{"type":469,"value":2602,"toc":3191},[2603,2608,2614,2616,2999,3001,3188],[498,2604,2605],{},[2606,2607],"shapes-grid",{},[504,2609,2610,2613],{},[508,2611,2612],{},"\u003CGrid />"," creates a shader-based grid plane. It has customizable grid cell and section lines, as well as fade out.",[539,2615,15],{"id":541},[521,2617,2620],{"className":544,"code":2618,"highlights":2619,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { Grid, OrbitControls } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#222222\">\n    \u003CTresPerspectiveCamera :position=\"[8, 10, 10]\" :fov=\"25\" />\n    \u003COrbitControls />\n    \u003CGrid\n      :args=\"[10.5, 10.5]\"\n      cell-color=\"#82dbc5\"\n      :cell-size=\"0.6\"\n      :cell-thickness=\"0.5\"\n      section-color=\"#fbb03b\"\n      :section-size=\"2\"\n      :section-thickness=\"1.3\"\n      :infinite-grid=\"true\"\n      :fade-from=\"0\"\n      :fade-distance=\"12\"\n      :fade-strength=\"1\"\n    />\n  \u003C/TresCanvas>\n\u003C/template>\n",[478,770,771,772,773,774,1070,1076,1086,1096,2051,2060,2069],[508,2621,2622,2642,2667,2685,2693,2697,2705,2725,2773,2782,2790,2814,2829,2846,2862,2877,2893,2910,2927,2943,2960,2976,2981,2990],{"__ignoreMap":476},[550,2623,2624,2626,2628,2630,2632,2634,2636,2638,2640],{"class":552,"line":477},[550,2625,556],{"class":555},[550,2627,783],{"class":559},[550,2629,786],{"class":565},[550,2631,789],{"class":565},[550,2633,569],{"class":555},[550,2635,572],{"class":555},[550,2637,796],{"class":605},[550,2639,572],{"class":555},[550,2641,696],{"class":555},[550,2643,2645,2647,2649,2652,2654,2657,2659,2661,2663,2665],{"class":2644,"line":478},[552,831],[550,2646,806],{"class":805},[550,2648,809],{"class":555},[550,2650,2651],{"class":575}," Grid",[550,2653,583],{"class":555},[550,2655,2656],{"class":575}," OrbitControls",[550,2658,815],{"class":555},[550,2660,818],{"class":805},[550,2662,821],{"class":555},[550,2664,847],{"class":605},[550,2666,827],{"class":555},[550,2668,2669,2671,2673,2675,2677,2679,2681,2683],{"class":552,"line":619},[550,2670,806],{"class":805},[550,2672,809],{"class":555},[550,2674,812],{"class":575},[550,2676,815],{"class":555},[550,2678,818],{"class":805},[550,2680,821],{"class":555},[550,2682,824],{"class":605},[550,2684,827],{"class":555},[550,2686,2687,2689,2691],{"class":552,"line":625},[550,2688,708],{"class":555},[550,2690,783],{"class":559},[550,2692,696],{"class":555},[550,2694,2695],{"class":552,"line":699},[550,2696,616],{"emptyLinePlaceholder":484},[550,2698,2699,2701,2703],{"class":552,"line":705},[550,2700,556],{"class":555},[550,2702,889],{"class":559},[550,2704,696],{"class":555},[550,2706,2707,2709,2711,2714,2716,2718,2721,2723],{"class":552,"line":884},[550,2708,897],{"class":555},[550,2710,900],{"class":559},[550,2712,2713],{"class":565}," clear-color",[550,2715,569],{"class":555},[550,2717,572],{"class":555},[550,2719,2720],{"class":605},"#222222",[550,2722,572],{"class":555},[550,2724,696],{"class":555},[550,2726,2727,2729,2731,2733,2735,2737,2739,2741,2744,2746,2749,2751,2753,2755,2757,2759,2762,2764,2766,2769,2771],{"class":552,"line":894},[550,2728,908],{"class":555},[550,2730,911],{"class":559},[550,2732,562],{"class":555},[550,2734,670],{"class":565},[550,2736,569],{"class":555},[550,2738,572],{"class":555},[550,2740,576],{"class":555},[550,2742,2743],{"class":579},"8",[550,2745,927],{"class":555},[550,2747,2748],{"class":579},"10",[550,2750,927],{"class":555},[550,2752,2748],{"class":579},[550,2754,593],{"class":555},[550,2756,572],{"class":555},[550,2758,562],{"class":555},[550,2760,2761],{"class":565},"fov",[550,2763,569],{"class":555},[550,2765,572],{"class":555},[550,2767,2768],{"class":579},"25",[550,2770,572],{"class":555},[550,2772,611],{"class":555},[550,2774,2775,2777,2780],{"class":552,"line":905},[550,2776,908],{"class":555},[550,2778,2779],{"class":559},"OrbitControls",[550,2781,611],{"class":555},[550,2783,2785,2787],{"class":2784,"line":770},[552,831],[550,2786,908],{"class":555},[550,2788,2789],{"class":559},"Grid\n",[550,2791,2793,2795,2797,2799,2801,2803,2806,2808,2810,2812],{"class":2792,"line":771},[552,831],[550,2794,953],{"class":555},[550,2796,566],{"class":565},[550,2798,569],{"class":555},[550,2800,572],{"class":555},[550,2802,576],{"class":555},[550,2804,2805],{"class":579},"10.5",[550,2807,927],{"class":555},[550,2809,2805],{"class":579},[550,2811,593],{"class":555},[550,2813,1020],{"class":555},[550,2815,2817,2820,2822,2824,2827],{"class":2816,"line":772},[552,831],[550,2818,2819],{"class":565},"      cell-color",[550,2821,569],{"class":555},[550,2823,572],{"class":555},[550,2825,2826],{"class":605},"#82dbc5",[550,2828,1020],{"class":555},[550,2830,2832,2834,2837,2839,2841,2844],{"class":2831,"line":773},[552,831],[550,2833,953],{"class":555},[550,2835,2836],{"class":565},"cell-size",[550,2838,569],{"class":555},[550,2840,572],{"class":555},[550,2842,2843],{"class":579},"0.6",[550,2845,1020],{"class":555},[550,2847,2849,2851,2854,2856,2858,2860],{"class":2848,"line":774},[552,831],[550,2850,953],{"class":555},[550,2852,2853],{"class":565},"cell-thickness",[550,2855,569],{"class":555},[550,2857,572],{"class":555},[550,2859,1208],{"class":579},[550,2861,1020],{"class":555},[550,2863,2865,2868,2870,2872,2875],{"class":2864,"line":1070},[552,831],[550,2866,2867],{"class":565},"      section-color",[550,2869,569],{"class":555},[550,2871,572],{"class":555},[550,2873,2874],{"class":605},"#fbb03b",[550,2876,1020],{"class":555},[550,2878,2880,2882,2885,2887,2889,2891],{"class":2879,"line":1076},[552,831],[550,2881,953],{"class":555},[550,2883,2884],{"class":565},"section-size",[550,2886,569],{"class":555},[550,2888,572],{"class":555},[550,2890,2563],{"class":579},[550,2892,1020],{"class":555},[550,2894,2896,2898,2901,2903,2905,2908],{"class":2895,"line":1086},[552,831],[550,2897,953],{"class":555},[550,2899,2900],{"class":565},"section-thickness",[550,2902,569],{"class":555},[550,2904,572],{"class":555},[550,2906,2907],{"class":579},"1.3",[550,2909,1020],{"class":555},[550,2911,2913,2915,2918,2920,2922,2925],{"class":2912,"line":1096},[552,831],[550,2914,953],{"class":555},[550,2916,2917],{"class":565},"infinite-grid",[550,2919,569],{"class":555},[550,2921,572],{"class":555},[550,2923,2924],{"class":2265},"true",[550,2926,1020],{"class":555},[550,2928,2930,2932,2935,2937,2939,2941],{"class":2929,"line":2051},[552,831],[550,2931,953],{"class":555},[550,2933,2934],{"class":565},"fade-from",[550,2936,569],{"class":555},[550,2938,572],{"class":555},[550,2940,679],{"class":579},[550,2942,1020],{"class":555},[550,2944,2946,2948,2951,2953,2955,2958],{"class":2945,"line":2060},[552,831],[550,2947,953],{"class":555},[550,2949,2950],{"class":565},"fade-distance",[550,2952,569],{"class":555},[550,2954,572],{"class":555},[550,2956,2957],{"class":579},"12",[550,2959,1020],{"class":555},[550,2961,2963,2965,2968,2970,2972,2974],{"class":2962,"line":2069},[552,831],[550,2964,953],{"class":555},[550,2966,2967],{"class":565},"fade-strength",[550,2969,569],{"class":555},[550,2971,572],{"class":555},[550,2973,580],{"class":579},[550,2975,1020],{"class":555},[550,2977,2979],{"class":552,"line":2978},22,[550,2980,1073],{"class":555},[550,2982,2984,2986,2988],{"class":552,"line":2983},23,[550,2985,1089],{"class":555},[550,2987,900],{"class":559},[550,2989,696],{"class":555},[550,2991,2993,2995,2997],{"class":552,"line":2992},24,[550,2994,708],{"class":555},[550,2996,889],{"class":559},[550,2998,696],{"class":555},[539,3000,1106],{"id":1105},[1108,3002,3003,3014],{},[1111,3004,3005],{},[1114,3006,3007,3010,3012],{},[1117,3008,1119],{"align":3009},"left",[1117,3011,1125],{"align":3009},[1117,3013,1128],{},[1130,3015,3016,3031,3045,3060,3074,3088,3102,3116,3130,3145,3159,3173],{},[1114,3017,3018,3024,3027],{},[1135,3019,3020],{"align":3009},[3021,3022,3023],"strong",{},"cellSize",[1135,3025,3026],{"align":3009},"Cell size",[1135,3028,3029],{},[508,3030,1208],{},[1114,3032,3033,3038,3041],{},[1135,3034,3035],{"align":3009},[3021,3036,3037],{},"cellThickness",[1135,3039,3040],{"align":3009},"Thickness of cell lines",[1135,3042,3043],{},[508,3044,1208],{},[1114,3046,3047,3052,3055],{},[1135,3048,3049],{"align":3009},[3021,3050,3051],{},"cellColor",[1135,3053,3054],{"align":3009},"Color of cell lines",[1135,3056,3057],{},[508,3058,3059],{},"'black'",[1114,3061,3062,3067,3070],{},[1135,3063,3064],{"align":3009},[3021,3065,3066],{},"sectionSize",[1135,3068,3069],{"align":3009},"Section size",[1135,3071,3072],{},[508,3073,580],{},[1114,3075,3076,3081,3084],{},[1135,3077,3078],{"align":3009},[3021,3079,3080],{},"sectionThickness",[1135,3082,3083],{"align":3009},"Thickness of section lines",[1135,3085,3086],{},[508,3087,580],{},[1114,3089,3090,3095,3097],{},[1135,3091,3092],{"align":3009},[3021,3093,3094],{},"sectionColor",[1135,3096,3054],{"align":3009},[1135,3098,3099],{},[508,3100,3101],{},"'blue'",[1114,3103,3104,3109,3112],{},[1135,3105,3106],{"align":3009},[3021,3107,3108],{},"followCamera",[1135,3110,3111],{"align":3009},"Whether to follow camera",[1135,3113,3114],{},[508,3115,1177],{},[1114,3117,3118,3123,3126],{},[1135,3119,3120],{"align":3009},[3021,3121,3122],{},"infiniteGrid",[1135,3124,3125],{"align":3009},"Whether to display an infinite grid",[1135,3127,3128],{},[508,3129,1177],{},[1114,3131,3132,3137,3140],{},[1135,3133,3134],{"align":3009},[3021,3135,3136],{},"fadeDistance",[1135,3138,3139],{"align":3009},"Fade distance",[1135,3141,3142],{},[508,3143,3144],{},"100",[1114,3146,3147,3152,3155],{},[1135,3148,3149],{"align":3009},[3021,3150,3151],{},"fadeStrength",[1135,3153,3154],{"align":3009},"Fade strength",[1135,3156,3157],{},[508,3158,580],{},[1114,3160,3161,3166,3169],{},[1135,3162,3163],{"align":3009},[3021,3164,3165],{},"fadeFrom",[1135,3167,3168],{"align":3009},"Fade from camera (1) or origin (0) or in between",[1135,3170,3171],{},[508,3172,580],{},[1114,3174,3175,3180,3183],{},[1135,3176,3177],{"align":3009},[3021,3178,3179],{},"side",[1135,3181,3182],{"align":3009},"Material side",[1135,3184,3185],{},[508,3186,3187],{},"THREE.BackSide",[714,3189,3190],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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":476,"searchDepth":477,"depth":478,"links":3192},[3193,3194],{"id":541,"depth":478,"text":15},{"id":1105,"depth":478,"text":1106},"Shader-based grid plane with customizable cell and section lines.",{},{"title":221,"description":3195},"v8vI4rVYVnvvadMij1GMf3y8EqHb2jEVQK1i_UillkQ",{"id":3200,"title":225,"body":3201,"description":3363,"extension":481,"links":482,"meta":3364,"navigation":484,"path":226,"seo":3365,"stem":227,"__hash__":3366},"docs/2.api/5.shapes/icosahedron.md",{"type":469,"value":3202,"toc":3360},[3203,3208,3218,3223,3229,3231,3358],[498,3204,3205],{},[3206,3207],"shapes-icosahedron",{},[504,3209,506,3210,511,3212,515,3215,519],{},[508,3211,510],{},[508,3213,3214],{},"\u003CIcosahedron />",[508,3216,3217],{},"IcosahedronGeometry",[521,3219,3221],{"className":3220,"code":2451,"language":526},[524],[508,3222,2451],{"__ignoreMap":476},[504,3224,531,3225],{},[533,3226,3217],{"href":3227,"rel":3228},"https://threejs.org/docs/?q=ico#api/en/geometries/IcosahedronGeometry",[537],[539,3230,15],{"id":541},[521,3232,3234],{"className":544,"code":3233,"language":546,"meta":476,"style":476},"\u003CIcosahedron :args=\"[1, 0]\" color=\"orange\" />\n\n// Icosahedron with a custom material transformations\n\u003CIcosahedron ref=\"icosahedronRef\" :args=\"[1, 0]\" :position=\"[2, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Icosahedron>\n",[508,3235,3236,3274,3278,3283,3346,3350],{"__ignoreMap":476},[550,3237,3238,3240,3242,3244,3246,3248,3250,3252,3254,3256,3258,3260,3262,3264,3266,3268,3270,3272],{"class":552,"line":477},[550,3239,556],{"class":555},[550,3241,225],{"class":559},[550,3243,562],{"class":555},[550,3245,566],{"class":565},[550,3247,569],{"class":555},[550,3249,572],{"class":555},[550,3251,576],{"class":575},[550,3253,580],{"class":579},[550,3255,583],{"class":555},[550,3257,689],{"class":579},[550,3259,593],{"class":575},[550,3261,572],{"class":555},[550,3263,598],{"class":565},[550,3265,569],{"class":555},[550,3267,572],{"class":555},[550,3269,606],{"class":605},[550,3271,572],{"class":555},[550,3273,611],{"class":555},[550,3275,3276],{"class":552,"line":478},[550,3277,616],{"emptyLinePlaceholder":484},[550,3279,3280],{"class":552,"line":619},[550,3281,3282],{"class":575},"// Icosahedron with a custom material transformations\n",[550,3284,3285,3287,3289,3291,3293,3295,3298,3300,3302,3304,3306,3308,3310,3312,3314,3316,3318,3320,3322,3324,3326,3328,3330,3332,3334,3336,3338,3340,3342,3344],{"class":552,"line":625},[550,3286,556],{"class":555},[550,3288,225],{"class":559},[550,3290,632],{"class":565},[550,3292,569],{"class":555},[550,3294,572],{"class":555},[550,3296,3297],{"class":605},"icosahedronRef",[550,3299,572],{"class":555},[550,3301,562],{"class":555},[550,3303,566],{"class":565},[550,3305,569],{"class":555},[550,3307,572],{"class":555},[550,3309,576],{"class":575},[550,3311,580],{"class":579},[550,3313,583],{"class":555},[550,3315,689],{"class":579},[550,3317,593],{"class":575},[550,3319,572],{"class":555},[550,3321,562],{"class":555},[550,3323,670],{"class":565},[550,3325,569],{"class":555},[550,3327,572],{"class":555},[550,3329,576],{"class":575},[550,3331,2563],{"class":579},[550,3333,583],{"class":555},[550,3335,684],{"class":579},[550,3337,583],{"class":555},[550,3339,689],{"class":579},[550,3341,593],{"class":575},[550,3343,572],{"class":555},[550,3345,696],{"class":555},[550,3347,3348],{"class":552,"line":699},[550,3349,702],{"class":575},[550,3351,3352,3354,3356],{"class":552,"line":705},[550,3353,708],{"class":555},[550,3355,225],{"class":559},[550,3357,696],{"class":555},[714,3359,716],{},{"title":476,"searchDepth":477,"depth":478,"links":3361},[3362],{"id":541,"depth":478,"text":15},"Short-cut for a IcosahedronGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":225,"description":3363},"8yFEbasoREduB_hHH4IqpVmHiF3zCgvuXNtzkba_4Jg",{"id":3368,"title":229,"body":3369,"description":4033,"extension":481,"links":482,"meta":4034,"navigation":484,"path":230,"seo":4035,"stem":231,"__hash__":4036},"docs/2.api/5.shapes/line2.md",{"type":469,"value":3370,"toc":4027},[3371,3376,3389,3391,3646,3648,3799,3803,3806,3811,3818,3883,3889,4021,4024],[728,3372,3373],{},[3374,3375],"shapes-line2",{},[504,3377,506,3378,511,3380,3382,3383,519],{},[508,3379,510],{},[508,3381,756],{}," component for creating 3-D lines. It wraps ",[533,3384,750,3387],{"href":3385,"rel":3386},"https://github.com/mrdoob/three.js/blob/e2bcdfff6427c2f106cb819b18d88d1e13aa508a/examples/jsm/lines/Line2.js",[537],[508,3388,229],{},[539,3390,15],{"id":541},[521,3392,3395],{"className":544,"code":3393,"highlights":3394,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Line2 } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CLine2\n      :points=\"[[0, 0, 0], [1, 1, 0], [1, 1, 1], [0, 0, 1]]\"\n      color=\"orange\"\n      :line-width=\"3\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[619,894,905,770,771,772],[508,3396,3397,3417,3435,3455,3463,3467,3475,3483,3516,3524,3590,3603,3618,3622,3630,3638],{"__ignoreMap":476},[550,3398,3399,3401,3403,3405,3407,3409,3411,3413,3415],{"class":552,"line":477},[550,3400,556],{"class":555},[550,3402,783],{"class":559},[550,3404,786],{"class":565},[550,3406,789],{"class":565},[550,3408,569],{"class":555},[550,3410,572],{"class":555},[550,3412,796],{"class":605},[550,3414,572],{"class":555},[550,3416,696],{"class":555},[550,3418,3419,3421,3423,3425,3427,3429,3431,3433],{"class":552,"line":478},[550,3420,806],{"class":805},[550,3422,809],{"class":555},[550,3424,812],{"class":575},[550,3426,815],{"class":555},[550,3428,818],{"class":805},[550,3430,821],{"class":555},[550,3432,824],{"class":605},[550,3434,827],{"class":555},[550,3436,3438,3440,3442,3445,3447,3449,3451,3453],{"class":3437,"line":619},[552,831],[550,3439,806],{"class":805},[550,3441,809],{"class":555},[550,3443,3444],{"class":575}," Line2",[550,3446,815],{"class":555},[550,3448,818],{"class":805},[550,3450,821],{"class":555},[550,3452,847],{"class":605},[550,3454,827],{"class":555},[550,3456,3457,3459,3461],{"class":552,"line":625},[550,3458,708],{"class":555},[550,3460,783],{"class":559},[550,3462,696],{"class":555},[550,3464,3465],{"class":552,"line":699},[550,3466,616],{"emptyLinePlaceholder":484},[550,3468,3469,3471,3473],{"class":552,"line":705},[550,3470,556],{"class":555},[550,3472,889],{"class":559},[550,3474,696],{"class":555},[550,3476,3477,3479,3481],{"class":552,"line":884},[550,3478,897],{"class":555},[550,3480,900],{"class":559},[550,3482,696],{"class":555},[550,3484,3486,3488,3490,3492,3494,3496,3498,3500,3502,3504,3506,3508,3510,3512,3514],{"class":3485,"line":894},[552,831],[550,3487,908],{"class":555},[550,3489,911],{"class":559},[550,3491,562],{"class":555},[550,3493,670],{"class":565},[550,3495,569],{"class":555},[550,3497,572],{"class":555},[550,3499,576],{"class":555},[550,3501,924],{"class":579},[550,3503,927],{"class":555},[550,3505,924],{"class":579},[550,3507,927],{"class":555},[550,3509,924],{"class":579},[550,3511,593],{"class":555},[550,3513,572],{"class":555},[550,3515,611],{"class":555},[550,3517,3519,3521],{"class":3518,"line":905},[552,831],[550,3520,908],{"class":555},[550,3522,3523],{"class":559},"Line2\n",[550,3525,3527,3529,3531,3533,3535,3538,3540,3542,3544,3546,3548,3551,3553,3555,3557,3559,3561,3563,3565,3567,3569,3571,3573,3575,3577,3579,3581,3583,3585,3588],{"class":3526,"line":770},[552,831],[550,3528,953],{"class":555},[550,3530,956],{"class":565},[550,3532,569],{"class":555},[550,3534,572],{"class":555},[550,3536,3537],{"class":555},"[[",[550,3539,679],{"class":579},[550,3541,927],{"class":555},[550,3543,679],{"class":579},[550,3545,927],{"class":555},[550,3547,679],{"class":579},[550,3549,3550],{"class":555},"], [",[550,3552,580],{"class":579},[550,3554,927],{"class":555},[550,3556,580],{"class":579},[550,3558,927],{"class":555},[550,3560,679],{"class":579},[550,3562,3550],{"class":555},[550,3564,580],{"class":579},[550,3566,927],{"class":555},[550,3568,580],{"class":579},[550,3570,927],{"class":555},[550,3572,580],{"class":579},[550,3574,3550],{"class":555},[550,3576,679],{"class":579},[550,3578,927],{"class":555},[550,3580,679],{"class":579},[550,3582,927],{"class":555},[550,3584,580],{"class":579},[550,3586,3587],{"class":555},"]]",[550,3589,1020],{"class":555},[550,3591,3593,3595,3597,3599,3601],{"class":3592,"line":771},[552,831],[550,3594,1043],{"class":565},[550,3596,569],{"class":555},[550,3598,572],{"class":555},[550,3600,606],{"class":605},[550,3602,1020],{"class":555},[550,3604,3606,3608,3610,3612,3614,3616],{"class":3605,"line":772},[552,831],[550,3607,953],{"class":555},[550,3609,1059],{"class":565},[550,3611,569],{"class":555},[550,3613,572],{"class":555},[550,3615,924],{"class":579},[550,3617,1020],{"class":555},[550,3619,3620],{"class":552,"line":773},[550,3621,1073],{"class":555},[550,3623,3624,3626,3628],{"class":552,"line":774},[550,3625,908],{"class":555},[550,3627,1081],{"class":559},[550,3629,611],{"class":555},[550,3631,3632,3634,3636],{"class":552,"line":1070},[550,3633,1089],{"class":555},[550,3635,900],{"class":559},[550,3637,696],{"class":555},[550,3639,3640,3642,3644],{"class":552,"line":1076},[550,3641,708],{"class":555},[550,3643,889],{"class":559},[550,3645,696],{"class":555},[539,3647,1106],{"id":1105},[1108,3649,3650,3662],{},[1111,3651,3652],{},[1114,3653,3654,3656,3658,3660],{},[1117,3655,1119],{},[1117,3657,1122],{},[1117,3659,1125],{},[1117,3661,1128],{},[1130,3663,3664,3679,3691,3703,3715,3727,3739,3751,3763,3775,3787],{},[1114,3665,3666,3668,3674,3677],{},[1135,3667,956],{},[1135,3669,3670],{},[533,3671,3673],{"href":3672},"#points","See below",[1135,3675,3676],{},"Points representing the line",[1135,3678],{},[1114,3680,3681,3683,3687,3689],{},[1135,3682,1213],{},[1135,3684,3685],{},[508,3686,1218],{},[1135,3688,1221],{},[1135,3690,1224],{},[1114,3692,3693,3695,3699,3701],{},[1135,3694,1229],{},[1135,3696,3697],{},[508,3698,1234],{},[1135,3700,1237],{},[1135,3702,1240],{},[1114,3704,3705,3707,3711,3713],{},[1135,3706,1245],{},[1135,3708,3709],{},[508,3710,1155],{},[1135,3712,1252],{},[1135,3714,580],{},[1114,3716,3717,3719,3723,3725],{},[1135,3718,1259],{},[1135,3720,3721],{},[508,3722,1171],{},[1135,3724,1266],{},[1135,3726,1177],{},[1114,3728,3729,3731,3735,3737],{},[1135,3730,1273],{},[1135,3732,3733],{},[508,3734,1171],{},[1135,3736,1280],{},[1135,3738,1177],{},[1114,3740,3741,3743,3747,3749],{},[1135,3742,1287],{},[1135,3744,3745],{},[508,3746,1171],{},[1135,3748,1294],{},[1135,3750,1177],{},[1114,3752,3753,3755,3759,3761],{},[1135,3754,1301],{},[1135,3756,3757],{},[508,3758,1155],{},[1135,3760,1308],{},[1135,3762,580],{},[1114,3764,3765,3767,3771,3773],{},[1135,3766,1315],{},[1135,3768,3769],{},[508,3770,1155],{},[1135,3772,1322],{},[1135,3774,580],{},[1114,3776,3777,3779,3783,3785],{},[1135,3778,1329],{},[1135,3780,3781],{},[508,3782,1155],{},[1135,3784,1336],{},[1135,3786,580],{},[1114,3788,3789,3791,3795,3797],{},[1135,3790,1343],{},[1135,3792,3793],{},[508,3794,1155],{},[1135,3796,1350],{},[1135,3798,679],{},[3800,3801,3802],"h3",{"id":956},"Points",[504,3804,3805],{},"The points prop has the following type:",[504,3807,3808],{},[508,3809,3810],{},"Array\u003CVector3 | Vector2 | [number, number, number] | [number, number] | number>",[504,3812,3813,3814,3817],{},"The passed array is converted to ",[508,3815,3816],{},"Array\u003Cnumber>"," – i.e., a series of x, y, z vertex coordinates. This is done array entry by array entry, as follows:",[1108,3819,3820,3830],{},[1111,3821,3822],{},[1114,3823,3824,3827],{},[1117,3825,3826],{},"Entry type",[1117,3828,3829],{},"Interpretation",[1130,3831,3832,3841,3854,3864,3874],{},[1114,3833,3834,3838],{},[1135,3835,3836],{},[508,3837,967],{},[1135,3839,3840],{},"Insert the vector's x, y, z into the result array",[1114,3842,3843,3851],{},[1135,3844,3845],{},[3846,3847,3848],"nobr",{},[508,3849,3850],{},"[number, number, number]",[1135,3852,3853],{},"Insert the array values into the result array",[1114,3855,3856,3861],{},[1135,3857,3858],{},[508,3859,3860],{},"Vector2",[1135,3862,3863],{},"Insert the vector's x, y, then 0 into the result array",[1114,3865,3866,3871],{},[1135,3867,3868],{},[508,3869,3870],{},"[number, number]",[1135,3872,3873],{},"Insert the array values, then 0 into the result array",[1114,3875,3876,3880],{},[1135,3877,3878],{},[508,3879,1155],{},[1135,3881,3882],{},"Insert the number into the result array",[3884,3885,3886],"prose-warning",{},[504,3887,3888],{},"If you pass bare numbers in the points array, ensure that you pass triplets – groups of three numbers. Otherwise, you'll corrupt the coordinates that follow.",[521,3890,3892],{"className":544,"code":3891,"language":546,"meta":476,"style":476},"\u003C!-- Wrong -->\n\u003CLine2 :points=\"[[1,1], 2, 2, [3,3]]\" />\n\u003C!-- result: (1,1,0) (2,2,3) (3,0,❌) -->\n\n\u003C!-- Right -->\n\u003CLine2 :points=\"[[1, 1], 2, 2, 0, [3, 3]]\" />\n\u003C!-- result: (1,1,0) (2,2,0) (3,3,0) -->\n",[508,3893,3894,3900,3949,3954,3958,3963,4016],{"__ignoreMap":476},[550,3895,3896],{"class":552,"line":477},[550,3897,3899],{"class":3898},"sHwdD","\u003C!-- Wrong -->\n",[550,3901,3902,3904,3906,3908,3910,3912,3914,3916,3918,3920,3922,3924,3926,3928,3930,3932,3934,3937,3939,3941,3943,3945,3947],{"class":552,"line":478},[550,3903,556],{"class":555},[550,3905,229],{"class":559},[550,3907,562],{"class":555},[550,3909,956],{"class":565},[550,3911,569],{"class":555},[550,3913,572],{"class":555},[550,3915,3537],{"class":575},[550,3917,580],{"class":579},[550,3919,583],{"class":555},[550,3921,580],{"class":579},[550,3923,593],{"class":575},[550,3925,583],{"class":555},[550,3927,2286],{"class":579},[550,3929,583],{"class":555},[550,3931,2286],{"class":579},[550,3933,583],{"class":555},[550,3935,3936],{"class":575}," [",[550,3938,924],{"class":579},[550,3940,583],{"class":555},[550,3942,924],{"class":579},[550,3944,3587],{"class":575},[550,3946,572],{"class":555},[550,3948,611],{"class":555},[550,3950,3951],{"class":552,"line":619},[550,3952,3953],{"class":3898},"\u003C!-- result: (1,1,0) (2,2,3) (3,0,❌) -->\n",[550,3955,3956],{"class":552,"line":625},[550,3957,616],{"emptyLinePlaceholder":484},[550,3959,3960],{"class":552,"line":699},[550,3961,3962],{"class":3898},"\u003C!-- Right -->\n",[550,3964,3965,3967,3969,3971,3973,3975,3977,3979,3981,3983,3985,3987,3989,3991,3993,3995,3997,3999,4001,4003,4005,4007,4010,4012,4014],{"class":552,"line":705},[550,3966,556],{"class":555},[550,3968,229],{"class":559},[550,3970,562],{"class":555},[550,3972,956],{"class":565},[550,3974,569],{"class":555},[550,3976,572],{"class":555},[550,3978,3537],{"class":575},[550,3980,580],{"class":579},[550,3982,583],{"class":555},[550,3984,586],{"class":579},[550,3986,593],{"class":575},[550,3988,583],{"class":555},[550,3990,2286],{"class":579},[550,3992,583],{"class":555},[550,3994,2286],{"class":579},[550,3996,583],{"class":555},[550,3998,689],{"class":579},[550,4000,583],{"class":555},[550,4002,3936],{"class":575},[550,4004,924],{"class":579},[550,4006,583],{"class":555},[550,4008,4009],{"class":579}," 3",[550,4011,3587],{"class":575},[550,4013,572],{"class":555},[550,4015,611],{"class":555},[550,4017,4018],{"class":552,"line":884},[550,4019,4020],{"class":3898},"\u003C!-- result: (1,1,0) (2,2,0) (3,3,0) -->\n",[504,4022,4023],{},"The component, like Three.js, will not keep you from shooting yourself in the foot.",[714,4025,4026],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html 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);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":476,"searchDepth":477,"depth":478,"links":4028},[4029,4030],{"id":541,"depth":478,"text":15},{"id":1105,"depth":478,"text":1106,"children":4031},[4032],{"id":956,"depth":619,"text":3802},"Component for creating 3D lines using Three.js's Line2.",{},{"title":229,"description":4033},"YTuT8KgQYLHeyqqWlrzJw6EHsHroohvx3OSFmnm7qB8",{"id":4038,"title":233,"body":4039,"description":4200,"extension":481,"links":482,"meta":4201,"navigation":484,"path":234,"seo":4202,"stem":235,"__hash__":4203},"docs/2.api/5.shapes/octahedron.md",{"type":469,"value":4040,"toc":4197},[4041,4046,4056,4061,4067,4069,4195],[498,4042,4043],{},[4044,4045],"shapes-octahedron",{},[504,4047,506,4048,511,4050,515,4053,519],{},[508,4049,510],{},[508,4051,4052],{},"\u003COctahedron />",[508,4054,4055],{},"OctahedronGeometry",[521,4057,4059],{"className":4058,"code":2451,"language":526},[524],[508,4060,2451],{"__ignoreMap":476},[504,4062,531,4063],{},[533,4064,4055],{"href":4065,"rel":4066},"https://threejs.org/docs/?q=octa#api/en/geometries/OctahedronGeometry",[537],[539,4068,15],{"id":541},[521,4070,4072],{"className":544,"code":4071,"language":546,"meta":476,"style":476},"\u003COctahedron :args=\"[1, 0]\" color=\"orange\" />\n\n// Octahedron with a custom material transformations\n\u003COctahedron ref=\"icosahedronRef\" :args=\"[1, 0]\" :position=\"[2, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Octahedron>\n",[508,4073,4074,4112,4116,4121,4183,4187],{"__ignoreMap":476},[550,4075,4076,4078,4080,4082,4084,4086,4088,4090,4092,4094,4096,4098,4100,4102,4104,4106,4108,4110],{"class":552,"line":477},[550,4077,556],{"class":555},[550,4079,233],{"class":559},[550,4081,562],{"class":555},[550,4083,566],{"class":565},[550,4085,569],{"class":555},[550,4087,572],{"class":555},[550,4089,576],{"class":575},[550,4091,580],{"class":579},[550,4093,583],{"class":555},[550,4095,689],{"class":579},[550,4097,593],{"class":575},[550,4099,572],{"class":555},[550,4101,598],{"class":565},[550,4103,569],{"class":555},[550,4105,572],{"class":555},[550,4107,606],{"class":605},[550,4109,572],{"class":555},[550,4111,611],{"class":555},[550,4113,4114],{"class":552,"line":478},[550,4115,616],{"emptyLinePlaceholder":484},[550,4117,4118],{"class":552,"line":619},[550,4119,4120],{"class":575},"// Octahedron with a custom material transformations\n",[550,4122,4123,4125,4127,4129,4131,4133,4135,4137,4139,4141,4143,4145,4147,4149,4151,4153,4155,4157,4159,4161,4163,4165,4167,4169,4171,4173,4175,4177,4179,4181],{"class":552,"line":625},[550,4124,556],{"class":555},[550,4126,233],{"class":559},[550,4128,632],{"class":565},[550,4130,569],{"class":555},[550,4132,572],{"class":555},[550,4134,3297],{"class":605},[550,4136,572],{"class":555},[550,4138,562],{"class":555},[550,4140,566],{"class":565},[550,4142,569],{"class":555},[550,4144,572],{"class":555},[550,4146,576],{"class":575},[550,4148,580],{"class":579},[550,4150,583],{"class":555},[550,4152,689],{"class":579},[550,4154,593],{"class":575},[550,4156,572],{"class":555},[550,4158,562],{"class":555},[550,4160,670],{"class":565},[550,4162,569],{"class":555},[550,4164,572],{"class":555},[550,4166,576],{"class":575},[550,4168,2563],{"class":579},[550,4170,583],{"class":555},[550,4172,684],{"class":579},[550,4174,583],{"class":555},[550,4176,689],{"class":579},[550,4178,593],{"class":575},[550,4180,572],{"class":555},[550,4182,696],{"class":555},[550,4184,4185],{"class":552,"line":699},[550,4186,702],{"class":575},[550,4188,4189,4191,4193],{"class":552,"line":705},[550,4190,708],{"class":555},[550,4192,233],{"class":559},[550,4194,696],{"class":555},[714,4196,716],{},{"title":476,"searchDepth":477,"depth":478,"links":4198},[4199],{"id":541,"depth":478,"text":15},"Short-cut for a OctahedronGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":233,"description":4200},"Oz79qfy3nukSma4rHutQfO-XwSxFFirqgE7OHz_8-MQ",{"id":4205,"title":237,"body":4206,"description":4375,"extension":481,"links":482,"meta":4376,"navigation":484,"path":238,"seo":4377,"stem":239,"__hash__":4378},"docs/2.api/5.shapes/plane.md",{"type":469,"value":4207,"toc":4372},[4208,4213,4223,4229,4235,4241,4243,4370],[498,4209,4210],{},[4211,4212],"shapes-plane",{},[504,4214,506,4215,511,4217,515,4220,519],{},[508,4216,510],{},[508,4218,4219],{},"\u003CPlane />",[508,4221,4222],{},"PlaneGeometry",[521,4224,4227],{"className":4225,"code":4226,"language":526},[524],"args: [width: number, height: number, widthSegments: number, heightSegments: number]\n",[508,4228,4226],{"__ignoreMap":476},[504,4230,531,4231],{},[533,4232,4222],{"href":4233,"rel":4234},"https://threejs.org/docs/?q=plane#api/en/geometries/PlaneGeometry",[537],[4236,4237,4238],"prose-note",{},[504,4239,4240],{},"A convenient default rotation is applied to the x-axis of the plane (-Math.PI / 2), so that it is facing up (along the Y axis).",[539,4242,15],{"id":541},[521,4244,4246],{"className":544,"code":4245,"language":546,"meta":476,"style":476},"\u003CPlane :args=\"[1, 1]\" color=\"orange\" />\n\n// Plane with a custom material transformations\n\u003CPlane ref=\"planeRef\" :args=\"[8, 8]\" :position=\"[0, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Plane>\n",[508,4247,4248,4286,4290,4295,4358,4362],{"__ignoreMap":476},[550,4249,4250,4252,4254,4256,4258,4260,4262,4264,4266,4268,4270,4272,4274,4276,4278,4280,4282,4284],{"class":552,"line":477},[550,4251,556],{"class":555},[550,4253,237],{"class":559},[550,4255,562],{"class":555},[550,4257,566],{"class":565},[550,4259,569],{"class":555},[550,4261,572],{"class":555},[550,4263,576],{"class":575},[550,4265,580],{"class":579},[550,4267,583],{"class":555},[550,4269,586],{"class":579},[550,4271,593],{"class":575},[550,4273,572],{"class":555},[550,4275,598],{"class":565},[550,4277,569],{"class":555},[550,4279,572],{"class":555},[550,4281,606],{"class":605},[550,4283,572],{"class":555},[550,4285,611],{"class":555},[550,4287,4288],{"class":552,"line":478},[550,4289,616],{"emptyLinePlaceholder":484},[550,4291,4292],{"class":552,"line":619},[550,4293,4294],{"class":575},"// Plane with a custom material transformations\n",[550,4296,4297,4299,4301,4303,4305,4307,4310,4312,4314,4316,4318,4320,4322,4324,4326,4328,4330,4332,4334,4336,4338,4340,4342,4344,4346,4348,4350,4352,4354,4356],{"class":552,"line":625},[550,4298,556],{"class":555},[550,4300,237],{"class":559},[550,4302,632],{"class":565},[550,4304,569],{"class":555},[550,4306,572],{"class":555},[550,4308,4309],{"class":605},"planeRef",[550,4311,572],{"class":555},[550,4313,562],{"class":555},[550,4315,566],{"class":565},[550,4317,569],{"class":555},[550,4319,572],{"class":555},[550,4321,576],{"class":575},[550,4323,2743],{"class":579},[550,4325,583],{"class":555},[550,4327,1598],{"class":579},[550,4329,593],{"class":575},[550,4331,572],{"class":555},[550,4333,562],{"class":555},[550,4335,670],{"class":565},[550,4337,569],{"class":555},[550,4339,572],{"class":555},[550,4341,576],{"class":575},[550,4343,679],{"class":579},[550,4345,583],{"class":555},[550,4347,684],{"class":579},[550,4349,583],{"class":555},[550,4351,689],{"class":579},[550,4353,593],{"class":575},[550,4355,572],{"class":555},[550,4357,696],{"class":555},[550,4359,4360],{"class":552,"line":699},[550,4361,702],{"class":575},[550,4363,4364,4366,4368],{"class":552,"line":705},[550,4365,708],{"class":555},[550,4367,237],{"class":559},[550,4369,696],{"class":555},[714,4371,716],{},{"title":476,"searchDepth":477,"depth":478,"links":4373},[4374],{"id":541,"depth":478,"text":15},"Short-cut for a PlaneGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":237,"description":4375},"5OBrHmZXTQoZvxuG3DLZ3euGfAYR51mvVTntqkflx80",{"id":4380,"title":241,"body":4381,"description":4806,"extension":481,"links":482,"meta":4807,"navigation":484,"path":242,"seo":4808,"stem":243,"__hash__":4809},"docs/2.api/5.shapes/quadratic-bezier-line.md",{"type":469,"value":4382,"toc":4802},[4383,4388,4396,4398,4704,4706,4714,4800],[728,4384,4385],{},[4386,4387],"shapes-quadratic-bezier-line",{},[504,4389,4390,1726,4393,4395],{},[508,4391,4392],{},"\u003CQuadraticBezierLine />",[508,4394,756],{}," between start and end points, with an optional control point.",[539,4397,15],{"id":541},[521,4399,4401],{"className":544,"code":4400,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { QuadraticBezierLine } from '@tresjs/cientos'\nimport { Vector3 } from 'three'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CQuadraticBezierLine\n      :start=\"new Vector3(-1, 0, 0)\"\n      :end=\"new Vector3(1, 0, 0)\"\n      :mid=\"new Vector3(0, 1, 0)\"\n      :segments=\"50\"\n      color=\"orange\"\n      :line-width=\"3\"\n    />\n    \u003CTresAmbientLight />\n  \u003C/TresCanvas>\n\u003C/template>\n",[508,4402,4403,4423,4441,4460,4478,4486,4490,4498,4506,4538,4545,4575,4605,4636,4650,4662,4676,4680,4688,4696],{"__ignoreMap":476},[550,4404,4405,4407,4409,4411,4413,4415,4417,4419,4421],{"class":552,"line":477},[550,4406,556],{"class":555},[550,4408,783],{"class":559},[550,4410,786],{"class":565},[550,4412,789],{"class":565},[550,4414,569],{"class":555},[550,4416,572],{"class":555},[550,4418,796],{"class":605},[550,4420,572],{"class":555},[550,4422,696],{"class":555},[550,4424,4425,4427,4429,4431,4433,4435,4437,4439],{"class":552,"line":478},[550,4426,806],{"class":805},[550,4428,809],{"class":555},[550,4430,812],{"class":575},[550,4432,815],{"class":555},[550,4434,818],{"class":805},[550,4436,821],{"class":555},[550,4438,824],{"class":605},[550,4440,827],{"class":555},[550,4442,4443,4445,4447,4450,4452,4454,4456,4458],{"class":552,"line":619},[550,4444,806],{"class":805},[550,4446,809],{"class":555},[550,4448,4449],{"class":575}," QuadraticBezierLine",[550,4451,815],{"class":555},[550,4453,818],{"class":805},[550,4455,821],{"class":555},[550,4457,847],{"class":605},[550,4459,827],{"class":555},[550,4461,4462,4464,4466,4468,4470,4472,4474,4476],{"class":552,"line":625},[550,4463,806],{"class":805},[550,4465,809],{"class":555},[550,4467,858],{"class":575},[550,4469,815],{"class":555},[550,4471,818],{"class":805},[550,4473,821],{"class":555},[550,4475,867],{"class":605},[550,4477,827],{"class":555},[550,4479,4480,4482,4484],{"class":552,"line":699},[550,4481,708],{"class":555},[550,4483,783],{"class":559},[550,4485,696],{"class":555},[550,4487,4488],{"class":552,"line":705},[550,4489,616],{"emptyLinePlaceholder":484},[550,4491,4492,4494,4496],{"class":552,"line":884},[550,4493,556],{"class":555},[550,4495,889],{"class":559},[550,4497,696],{"class":555},[550,4499,4500,4502,4504],{"class":552,"line":894},[550,4501,897],{"class":555},[550,4503,900],{"class":559},[550,4505,696],{"class":555},[550,4507,4508,4510,4512,4514,4516,4518,4520,4522,4524,4526,4528,4530,4532,4534,4536],{"class":552,"line":905},[550,4509,908],{"class":555},[550,4511,911],{"class":559},[550,4513,562],{"class":555},[550,4515,670],{"class":565},[550,4517,569],{"class":555},[550,4519,572],{"class":555},[550,4521,576],{"class":555},[550,4523,924],{"class":579},[550,4525,927],{"class":555},[550,4527,924],{"class":579},[550,4529,927],{"class":555},[550,4531,924],{"class":579},[550,4533,593],{"class":555},[550,4535,572],{"class":555},[550,4537,611],{"class":555},[550,4539,4540,4542],{"class":552,"line":770},[550,4541,908],{"class":555},[550,4543,4544],{"class":559},"QuadraticBezierLine\n",[550,4546,4547,4549,4551,4553,4555,4557,4559,4561,4563,4565,4567,4569,4571,4573],{"class":552,"line":771},[550,4548,953],{"class":555},[550,4550,1885],{"class":565},[550,4552,569],{"class":555},[550,4554,572],{"class":555},[550,4556,1892],{"class":555},[550,4558,967],{"class":966},[550,4560,970],{"class":555},[550,4562,580],{"class":579},[550,4564,927],{"class":555},[550,4566,679],{"class":579},[550,4568,927],{"class":555},[550,4570,679],{"class":579},[550,4572,1909],{"class":555},[550,4574,1020],{"class":555},[550,4576,4577,4579,4581,4583,4585,4587,4589,4591,4593,4595,4597,4599,4601,4603],{"class":552,"line":772},[550,4578,953],{"class":555},[550,4580,1918],{"class":565},[550,4582,569],{"class":555},[550,4584,572],{"class":555},[550,4586,1892],{"class":555},[550,4588,967],{"class":966},[550,4590,988],{"class":555},[550,4592,580],{"class":579},[550,4594,927],{"class":555},[550,4596,679],{"class":579},[550,4598,927],{"class":555},[550,4600,679],{"class":579},[550,4602,1909],{"class":555},[550,4604,1020],{"class":555},[550,4606,4607,4609,4612,4614,4616,4618,4620,4622,4624,4626,4628,4630,4632,4634],{"class":552,"line":773},[550,4608,953],{"class":555},[550,4610,4611],{"class":565},"mid",[550,4613,569],{"class":555},[550,4615,572],{"class":555},[550,4617,1892],{"class":555},[550,4619,967],{"class":966},[550,4621,988],{"class":555},[550,4623,679],{"class":579},[550,4625,927],{"class":555},[550,4627,580],{"class":579},[550,4629,927],{"class":555},[550,4631,679],{"class":579},[550,4633,1909],{"class":555},[550,4635,1020],{"class":555},[550,4637,4638,4640,4642,4644,4646,4648],{"class":552,"line":774},[550,4639,953],{"class":555},[550,4641,1028],{"class":565},[550,4643,569],{"class":555},[550,4645,572],{"class":555},[550,4647,1035],{"class":579},[550,4649,1020],{"class":555},[550,4651,4652,4654,4656,4658,4660],{"class":552,"line":1070},[550,4653,1043],{"class":565},[550,4655,569],{"class":555},[550,4657,572],{"class":555},[550,4659,606],{"class":605},[550,4661,1020],{"class":555},[550,4663,4664,4666,4668,4670,4672,4674],{"class":552,"line":1076},[550,4665,953],{"class":555},[550,4667,1059],{"class":565},[550,4669,569],{"class":555},[550,4671,572],{"class":555},[550,4673,924],{"class":579},[550,4675,1020],{"class":555},[550,4677,4678],{"class":552,"line":1086},[550,4679,1073],{"class":555},[550,4681,4682,4684,4686],{"class":552,"line":1096},[550,4683,908],{"class":555},[550,4685,1081],{"class":559},[550,4687,611],{"class":555},[550,4689,4690,4692,4694],{"class":552,"line":2051},[550,4691,1089],{"class":555},[550,4693,900],{"class":559},[550,4695,696],{"class":555},[550,4697,4698,4700,4702],{"class":552,"line":2060},[550,4699,708],{"class":555},[550,4701,889],{"class":559},[550,4703,696],{"class":555},[539,4705,1106],{"id":1105},[504,4707,4708,2082,4710,2085,4712,519],{},[508,4709,4392],{},[508,4711,956],{},[508,4713,756],{},[1108,4715,4716,4731],{},[1111,4717,4718],{},[1114,4719,4720,4722,4724,4726,4728],{},[1117,4721,1119],{},[1117,4723,1122],{},[1117,4725,1125],{},[1117,4727,1128],{},[1117,4729,4730],{},"Required",[1130,4732,4733,4750,4766,4784],{},[1114,4734,4735,4739,4743,4745,4747],{},[1135,4736,4737],{},[508,4738,1885],{},[1135,4740,4741],{},[508,4742,2114],{},[1135,4744,2117],{},[1135,4746],{},[1135,4748,4749],{},"yes",[1114,4751,4752,4756,4760,4762,4764],{},[1135,4753,4754],{},[508,4755,1918],{},[1135,4757,4758],{},[508,4759,2114],{},[1135,4761,2132],{},[1135,4763],{},[1135,4765,4749],{},[1114,4767,4768,4772,4776,4779,4781],{},[1135,4769,4770],{},[508,4771,4611],{},[1135,4773,4774],{},[508,4775,2114],{},[1135,4777,4778],{},"Control point",[1135,4780],{},[1135,4782,4783],{},"no",[1114,4785,4786,4790,4794,4796,4798],{},[1135,4787,4788],{},[508,4789,1028],{},[1135,4791,4792],{},[508,4793,1155],{},[1135,4795,1158],{},[1135,4797,1161],{},[1135,4799,4783],{},[714,4801,1355],{},{"title":476,"searchDepth":477,"depth":478,"links":4803},[4804,4805],{"id":541,"depth":478,"text":15},{"id":1105,"depth":478,"text":1106},"Renders a Line2 between start and end points with an optional control point.",{},{"title":241,"description":4806},"x3tvZVc6qkdY7oDfxpxQl2C7EV85RKijXjcoHR_b1q8",{"id":4811,"title":245,"body":4812,"description":4983,"extension":481,"links":482,"meta":4984,"navigation":484,"path":246,"seo":4985,"stem":247,"__hash__":4986},"docs/2.api/5.shapes/ring.md",{"type":469,"value":4813,"toc":4980},[4814,4819,4829,4835,4841,4843,4978],[498,4815,4816],{},[4817,4818],"shapes-ring",{},[504,4820,506,4821,511,4823,515,4826,519],{},[508,4822,510],{},[508,4824,4825],{},"\u003CRing />",[508,4827,4828],{},"RingGeometry",[521,4830,4833],{"className":4831,"code":4832,"language":526},[524],"args: [\n  innerRadius: number,\n  outerRadius: number,\n  thetaSegments: number,\n  phiSegments: number,\n  thetaStart: number,\n  thetaLength: number\n]\n",[508,4834,4832],{"__ignoreMap":476},[504,4836,531,4837],{},[533,4838,4828],{"href":4839,"rel":4840},"https://threejs.org/docs/?q=ring#api/en/geometries/RingGeometry",[537],[539,4842,15],{"id":541},[521,4844,4846],{"className":544,"code":4845,"language":546,"meta":476,"style":476},"\u003CRing :args=\"[0.5, 1, 32]\" color=\"orange\" />\n\n// Ring with a custom material transformations\n\u003CRing ref=\"ringRef\" :args=\"[0.5, 1, 32]\" :position=\"[2, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Ring>\n",[508,4847,4848,4890,4894,4899,4966,4970],{"__ignoreMap":476},[550,4849,4850,4852,4854,4856,4858,4860,4862,4864,4866,4868,4870,4872,4874,4876,4878,4880,4882,4884,4886,4888],{"class":552,"line":477},[550,4851,556],{"class":555},[550,4853,245],{"class":559},[550,4855,562],{"class":555},[550,4857,566],{"class":565},[550,4859,569],{"class":555},[550,4861,572],{"class":555},[550,4863,576],{"class":575},[550,4865,1208],{"class":579},[550,4867,583],{"class":555},[550,4869,586],{"class":579},[550,4871,583],{"class":555},[550,4873,1424],{"class":579},[550,4875,593],{"class":575},[550,4877,572],{"class":555},[550,4879,598],{"class":565},[550,4881,569],{"class":555},[550,4883,572],{"class":555},[550,4885,606],{"class":605},[550,4887,572],{"class":555},[550,4889,611],{"class":555},[550,4891,4892],{"class":552,"line":478},[550,4893,616],{"emptyLinePlaceholder":484},[550,4895,4896],{"class":552,"line":619},[550,4897,4898],{"class":575},"// Ring with a custom material transformations\n",[550,4900,4901,4903,4905,4907,4909,4911,4914,4916,4918,4920,4922,4924,4926,4928,4930,4932,4934,4936,4938,4940,4942,4944,4946,4948,4950,4952,4954,4956,4958,4960,4962,4964],{"class":552,"line":625},[550,4902,556],{"class":555},[550,4904,245],{"class":559},[550,4906,632],{"class":565},[550,4908,569],{"class":555},[550,4910,572],{"class":555},[550,4912,4913],{"class":605},"ringRef",[550,4915,572],{"class":555},[550,4917,562],{"class":555},[550,4919,566],{"class":565},[550,4921,569],{"class":555},[550,4923,572],{"class":555},[550,4925,576],{"class":575},[550,4927,1208],{"class":579},[550,4929,583],{"class":555},[550,4931,586],{"class":579},[550,4933,583],{"class":555},[550,4935,1424],{"class":579},[550,4937,593],{"class":575},[550,4939,572],{"class":555},[550,4941,562],{"class":555},[550,4943,670],{"class":565},[550,4945,569],{"class":555},[550,4947,572],{"class":555},[550,4949,576],{"class":575},[550,4951,2563],{"class":579},[550,4953,583],{"class":555},[550,4955,684],{"class":579},[550,4957,583],{"class":555},[550,4959,689],{"class":579},[550,4961,593],{"class":575},[550,4963,572],{"class":555},[550,4965,696],{"class":555},[550,4967,4968],{"class":552,"line":699},[550,4969,702],{"class":575},[550,4971,4972,4974,4976],{"class":552,"line":705},[550,4973,708],{"class":555},[550,4975,245],{"class":559},[550,4977,696],{"class":555},[714,4979,716],{},{"title":476,"searchDepth":477,"depth":478,"links":4981},[4982],{"id":541,"depth":478,"text":15},"Short-cut for a RingGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":245,"description":4983},"sjdJr8WfSUL8VppV0tIyFALL7j5Mg1IJmmVLISwAI9U",{"id":4988,"title":249,"body":4989,"description":5146,"extension":481,"links":482,"meta":5147,"navigation":484,"path":250,"seo":5148,"stem":251,"__hash__":5149},"docs/2.api/5.shapes/rounded-box.md",{"type":469,"value":4990,"toc":5143},[4991,4996,5007,5013,5019,5021,5141],[498,4992,4993],{},[4994,4995],"shapes-rounded-box",{},[504,4997,506,4998,511,5000,515,5003,5006],{},[508,4999,510],{},[508,5001,5002],{},"\u003CRoundedBox />",[508,5004,5005],{},"RoundedBoxGeometry"," .",[521,5008,5011],{"className":5009,"code":5010,"language":526},[524],"args: [\n  width: number, // default 1\n  height: number, // default 1\n  depth: number, // default 1\n  segments: number, // default 2\n  radius: number, // default 0.1\n]\n",[508,5012,5010],{"__ignoreMap":476},[504,5014,531,5015],{},[533,5016,5005],{"href":5017,"rel":5018},"https://github.com/mrdoob/three.js/blob/master/examples/jsm/geometries/RoundedBoxGeometry.js",[537],[539,5020,15],{"id":541},[521,5022,5024],{"className":544,"code":5023,"language":546,"meta":476,"style":476},"\u003CRoundedBox :args=\"[1, 1, 1, 2, 0.1]\" color=\"orange\" />\n\n// RoundedBox with a custom material transformations\n\u003CRoundedBox ref=\"boxRef\" :position=\"[0, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/RoundedBox>\n",[508,5025,5026,5078,5082,5087,5129,5133],{"__ignoreMap":476},[550,5027,5028,5030,5033,5035,5037,5039,5041,5043,5045,5047,5049,5051,5053,5055,5057,5059,5062,5064,5066,5068,5070,5072,5074,5076],{"class":552,"line":477},[550,5029,556],{"class":555},[550,5031,5032],{"class":559},"RoundedBox",[550,5034,562],{"class":555},[550,5036,566],{"class":565},[550,5038,569],{"class":555},[550,5040,572],{"class":555},[550,5042,576],{"class":575},[550,5044,580],{"class":579},[550,5046,583],{"class":555},[550,5048,586],{"class":579},[550,5050,583],{"class":555},[550,5052,586],{"class":579},[550,5054,583],{"class":555},[550,5056,2286],{"class":579},[550,5058,583],{"class":555},[550,5060,5061],{"class":579}," 0.1",[550,5063,593],{"class":575},[550,5065,572],{"class":555},[550,5067,598],{"class":565},[550,5069,569],{"class":555},[550,5071,572],{"class":555},[550,5073,606],{"class":605},[550,5075,572],{"class":555},[550,5077,611],{"class":555},[550,5079,5080],{"class":552,"line":478},[550,5081,616],{"emptyLinePlaceholder":484},[550,5083,5084],{"class":552,"line":619},[550,5085,5086],{"class":575},"// RoundedBox with a custom material transformations\n",[550,5088,5089,5091,5093,5095,5097,5099,5101,5103,5105,5107,5109,5111,5113,5115,5117,5119,5121,5123,5125,5127],{"class":552,"line":625},[550,5090,556],{"class":555},[550,5092,5032],{"class":559},[550,5094,632],{"class":565},[550,5096,569],{"class":555},[550,5098,572],{"class":555},[550,5100,639],{"class":605},[550,5102,572],{"class":555},[550,5104,562],{"class":555},[550,5106,670],{"class":565},[550,5108,569],{"class":555},[550,5110,572],{"class":555},[550,5112,576],{"class":575},[550,5114,679],{"class":579},[550,5116,583],{"class":555},[550,5118,684],{"class":579},[550,5120,583],{"class":555},[550,5122,689],{"class":579},[550,5124,593],{"class":575},[550,5126,572],{"class":555},[550,5128,696],{"class":555},[550,5130,5131],{"class":552,"line":699},[550,5132,702],{"class":575},[550,5134,5135,5137,5139],{"class":552,"line":705},[550,5136,708],{"class":555},[550,5138,5032],{"class":559},[550,5140,696],{"class":555},[714,5142,716],{},{"title":476,"searchDepth":477,"depth":478,"links":5144},[5145],{"id":541,"depth":478,"text":15},"Short-cut for a RoundedBoxGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":249,"description":5146},"6uRmRs4RGOfq4lQeUlAm3DycDFH9FnKYbwGuk5ODp5k",{"id":5151,"title":253,"body":5152,"description":5346,"extension":481,"links":482,"meta":5347,"navigation":484,"path":254,"seo":5348,"stem":255,"__hash__":5349},"docs/2.api/5.shapes/screen-quad.md",{"type":469,"value":5153,"toc":5342},[5154,5159,5162,5164,5317,5321,5339],[728,5155,5156],{},[5157,5158],"shapes-screen-quad",{},[504,5160,5161],{},"A triangle that fills the screen when using a THREE.OrthographicCamera. Useful for full-screen fragment shader work.",[539,5163,15],{"id":541},[521,5165,5167],{"className":544,"code":5166,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { ScreenQuad } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresOrthographicCamera />\n    \u003CScreenQuad>\n      \u003CTresMeshToonMaterial color=\"orange\" />\n    \u003C/ScreenQuad>\n  \u003C/TresCanvas>\n\u003C/template>\n",[508,5168,5169,5189,5207,5226,5234,5238,5246,5254,5263,5272,5292,5301,5309],{"__ignoreMap":476},[550,5170,5171,5173,5175,5177,5179,5181,5183,5185,5187],{"class":552,"line":477},[550,5172,556],{"class":555},[550,5174,783],{"class":559},[550,5176,786],{"class":565},[550,5178,789],{"class":565},[550,5180,569],{"class":555},[550,5182,572],{"class":555},[550,5184,796],{"class":605},[550,5186,572],{"class":555},[550,5188,696],{"class":555},[550,5190,5191,5193,5195,5197,5199,5201,5203,5205],{"class":552,"line":478},[550,5192,806],{"class":805},[550,5194,809],{"class":555},[550,5196,812],{"class":575},[550,5198,815],{"class":555},[550,5200,818],{"class":805},[550,5202,821],{"class":555},[550,5204,824],{"class":605},[550,5206,827],{"class":555},[550,5208,5209,5211,5213,5216,5218,5220,5222,5224],{"class":552,"line":619},[550,5210,806],{"class":805},[550,5212,809],{"class":555},[550,5214,5215],{"class":575}," ScreenQuad",[550,5217,815],{"class":555},[550,5219,818],{"class":805},[550,5221,821],{"class":555},[550,5223,847],{"class":605},[550,5225,827],{"class":555},[550,5227,5228,5230,5232],{"class":552,"line":625},[550,5229,708],{"class":555},[550,5231,783],{"class":559},[550,5233,696],{"class":555},[550,5235,5236],{"class":552,"line":699},[550,5237,616],{"emptyLinePlaceholder":484},[550,5239,5240,5242,5244],{"class":552,"line":705},[550,5241,556],{"class":555},[550,5243,889],{"class":559},[550,5245,696],{"class":555},[550,5247,5248,5250,5252],{"class":552,"line":884},[550,5249,897],{"class":555},[550,5251,900],{"class":559},[550,5253,696],{"class":555},[550,5255,5256,5258,5261],{"class":552,"line":894},[550,5257,908],{"class":555},[550,5259,5260],{"class":559},"TresOrthographicCamera",[550,5262,611],{"class":555},[550,5264,5265,5267,5270],{"class":552,"line":905},[550,5266,908],{"class":555},[550,5268,5269],{"class":559},"ScreenQuad",[550,5271,696],{"class":555},[550,5273,5274,5277,5280,5282,5284,5286,5288,5290],{"class":552,"line":770},[550,5275,5276],{"class":555},"      \u003C",[550,5278,5279],{"class":559},"TresMeshToonMaterial",[550,5281,598],{"class":565},[550,5283,569],{"class":555},[550,5285,572],{"class":555},[550,5287,606],{"class":605},[550,5289,572],{"class":555},[550,5291,611],{"class":555},[550,5293,5294,5297,5299],{"class":552,"line":771},[550,5295,5296],{"class":555},"    \u003C/",[550,5298,5269],{"class":559},[550,5300,696],{"class":555},[550,5302,5303,5305,5307],{"class":552,"line":772},[550,5304,1089],{"class":555},[550,5306,900],{"class":559},[550,5308,696],{"class":555},[550,5310,5311,5313,5315],{"class":552,"line":773},[550,5312,708],{"class":555},[550,5314,889],{"class":559},[550,5316,696],{"class":555},[539,5318,5320],{"id":5319},"references","References",[5322,5323,5324,5332],"ul",{},[5325,5326,5327],"li",{},[533,5328,5331],{"href":5329,"rel":5330},"https://www.cginternals.com/en/blog/2018-01-10-screen-aligned-quads-and-triangles.html",[537],"Why a triangle?",[5325,5333,5334],{},[533,5335,5338],{"href":5336,"rel":5337},"https://luruke.medium.com/simple-postprocessing-in-three-js-91936ecadfb7",[537],"Simple postprocessing in Three.js",[714,5340,5341],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":476,"searchDepth":477,"depth":478,"links":5343},[5344,5345],{"id":541,"depth":478,"text":15},{"id":5319,"depth":478,"text":5320},"A triangle that fills the screen for full-screen fragment shader work.",{},{"title":253,"description":5346},"7AUdT-SMH4R5MsKpuypi4UzVsHt7S7ryCNHpJVv28A8",{"id":5351,"title":257,"body":5352,"description":5522,"extension":481,"links":482,"meta":5523,"navigation":484,"path":258,"seo":5524,"stem":259,"__hash__":5525},"docs/2.api/5.shapes/sphere.md",{"type":469,"value":5353,"toc":5519},[5354,5359,5369,5375,5381,5383,5517],[498,5355,5356],{},[5357,5358],"shapes-sphere",{},[504,5360,506,5361,511,5363,515,5366,519],{},[508,5362,510],{},[508,5364,5365],{},"\u003CSphere />",[508,5367,5368],{},"SphereGeometry",[521,5370,5373],{"className":5371,"code":5372,"language":526},[524],"args: [\n  radius: number,\n  widthSegments: number,\n  heightSegments: number,\n  phiStart: number,\n  phiLength: number,\n  thetaStart: number,\n  thetaLength: number\n]\n",[508,5374,5372],{"__ignoreMap":476},[504,5376,531,5377],{},[533,5378,5368],{"href":5379,"rel":5380},"https://threejs.org/docs/?q=sphere#api/en/geometries/SphereGeometry",[537],[539,5382,15],{"id":541},[521,5384,5386],{"className":544,"code":5385,"language":546,"meta":476,"style":476},"\u003CSphere :args=\"[1, 1, 1]\" color=\"orange\" />\n\n// Sphere with a custom material transformations\n\u003CSphere ref=\"planeRef\" :args=\"[1, 1, 1]\" :position=\"[2, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Sphere>\n",[508,5387,5388,5430,5434,5439,5505,5509],{"__ignoreMap":476},[550,5389,5390,5392,5394,5396,5398,5400,5402,5404,5406,5408,5410,5412,5414,5416,5418,5420,5422,5424,5426,5428],{"class":552,"line":477},[550,5391,556],{"class":555},[550,5393,257],{"class":559},[550,5395,562],{"class":555},[550,5397,566],{"class":565},[550,5399,569],{"class":555},[550,5401,572],{"class":555},[550,5403,576],{"class":575},[550,5405,580],{"class":579},[550,5407,583],{"class":555},[550,5409,586],{"class":579},[550,5411,583],{"class":555},[550,5413,586],{"class":579},[550,5415,593],{"class":575},[550,5417,572],{"class":555},[550,5419,598],{"class":565},[550,5421,569],{"class":555},[550,5423,572],{"class":555},[550,5425,606],{"class":605},[550,5427,572],{"class":555},[550,5429,611],{"class":555},[550,5431,5432],{"class":552,"line":478},[550,5433,616],{"emptyLinePlaceholder":484},[550,5435,5436],{"class":552,"line":619},[550,5437,5438],{"class":575},"// Sphere with a custom material transformations\n",[550,5440,5441,5443,5445,5447,5449,5451,5453,5455,5457,5459,5461,5463,5465,5467,5469,5471,5473,5475,5477,5479,5481,5483,5485,5487,5489,5491,5493,5495,5497,5499,5501,5503],{"class":552,"line":625},[550,5442,556],{"class":555},[550,5444,257],{"class":559},[550,5446,632],{"class":565},[550,5448,569],{"class":555},[550,5450,572],{"class":555},[550,5452,4309],{"class":605},[550,5454,572],{"class":555},[550,5456,562],{"class":555},[550,5458,566],{"class":565},[550,5460,569],{"class":555},[550,5462,572],{"class":555},[550,5464,576],{"class":575},[550,5466,580],{"class":579},[550,5468,583],{"class":555},[550,5470,586],{"class":579},[550,5472,583],{"class":555},[550,5474,586],{"class":579},[550,5476,593],{"class":575},[550,5478,572],{"class":555},[550,5480,562],{"class":555},[550,5482,670],{"class":565},[550,5484,569],{"class":555},[550,5486,572],{"class":555},[550,5488,576],{"class":575},[550,5490,2563],{"class":579},[550,5492,583],{"class":555},[550,5494,684],{"class":579},[550,5496,583],{"class":555},[550,5498,689],{"class":579},[550,5500,593],{"class":575},[550,5502,572],{"class":555},[550,5504,696],{"class":555},[550,5506,5507],{"class":552,"line":699},[550,5508,702],{"class":575},[550,5510,5511,5513,5515],{"class":552,"line":705},[550,5512,708],{"class":555},[550,5514,257],{"class":559},[550,5516,696],{"class":555},[714,5518,716],{},{"title":476,"searchDepth":477,"depth":478,"links":5520},[5521],{"id":541,"depth":478,"text":15},"Short-cut for a SphereGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":257,"description":5522},"CXqQd226fbRLkf86b33CXbH-uGM-cwo2HQNRB4Pt8Xs",{"id":5527,"title":261,"body":5528,"description":5981,"extension":481,"links":482,"meta":5982,"navigation":484,"path":262,"seo":5983,"stem":263,"__hash__":5984},"docs/2.api/5.shapes/superformula.md",{"type":469,"value":5529,"toc":5976},[5530,5535,5548,5550,5838,5840,5850,5964,5968,5973],[498,5531,5532],{},[5533,5534],"shapes-super-formula",{},[504,5536,506,5537,511,5539,5542,5543,519],{},[508,5538,510],{},[508,5540,5541],{},"\u003CSuperformula />"," component that produces a configurable ",[533,5544,5547],{"href":5545,"rel":5546},"https://en.wikipedia.org/wiki/Superformula",[537],"3D plot of the superformula",[539,5549,15],{"id":541},[521,5551,5554],{"className":544,"code":5552,"highlights":5553,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Superformula } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" />\n    \u003CSuperformula\n      :width-segments=\"64\"\n      :height-segments=\"64\"\n      :num-arms-a=\"5\"\n      :exp-a=\"[40, 1.3, 0.9]\"\n      color=\"#ff6b6b\"\n    />\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[619,905,770,771,772,773,774],[508,5555,5556,5576,5594,5614,5622,5626,5634,5642,5674,5682,5699,5715,5732,5762,5776,5780,5788,5822,5830],{"__ignoreMap":476},[550,5557,5558,5560,5562,5564,5566,5568,5570,5572,5574],{"class":552,"line":477},[550,5559,556],{"class":555},[550,5561,783],{"class":559},[550,5563,786],{"class":565},[550,5565,789],{"class":565},[550,5567,569],{"class":555},[550,5569,572],{"class":555},[550,5571,796],{"class":605},[550,5573,572],{"class":555},[550,5575,696],{"class":555},[550,5577,5578,5580,5582,5584,5586,5588,5590,5592],{"class":552,"line":478},[550,5579,806],{"class":805},[550,5581,809],{"class":555},[550,5583,812],{"class":575},[550,5585,815],{"class":555},[550,5587,818],{"class":805},[550,5589,821],{"class":555},[550,5591,824],{"class":605},[550,5593,827],{"class":555},[550,5595,5597,5599,5601,5604,5606,5608,5610,5612],{"class":5596,"line":619},[552,831],[550,5598,806],{"class":805},[550,5600,809],{"class":555},[550,5602,5603],{"class":575}," Superformula",[550,5605,815],{"class":555},[550,5607,818],{"class":805},[550,5609,821],{"class":555},[550,5611,847],{"class":605},[550,5613,827],{"class":555},[550,5615,5616,5618,5620],{"class":552,"line":625},[550,5617,708],{"class":555},[550,5619,783],{"class":559},[550,5621,696],{"class":555},[550,5623,5624],{"class":552,"line":699},[550,5625,616],{"emptyLinePlaceholder":484},[550,5627,5628,5630,5632],{"class":552,"line":705},[550,5629,556],{"class":555},[550,5631,889],{"class":559},[550,5633,696],{"class":555},[550,5635,5636,5638,5640],{"class":552,"line":884},[550,5637,897],{"class":555},[550,5639,900],{"class":559},[550,5641,696],{"class":555},[550,5643,5644,5646,5648,5650,5652,5654,5656,5658,5660,5662,5664,5666,5668,5670,5672],{"class":552,"line":894},[550,5645,908],{"class":555},[550,5647,911],{"class":559},[550,5649,562],{"class":555},[550,5651,670],{"class":565},[550,5653,569],{"class":555},[550,5655,572],{"class":555},[550,5657,576],{"class":555},[550,5659,924],{"class":579},[550,5661,927],{"class":555},[550,5663,924],{"class":579},[550,5665,927],{"class":555},[550,5667,924],{"class":579},[550,5669,593],{"class":555},[550,5671,572],{"class":555},[550,5673,611],{"class":555},[550,5675,5677,5679],{"class":5676,"line":905},[552,831],[550,5678,908],{"class":555},[550,5680,5681],{"class":559},"Superformula\n",[550,5683,5685,5687,5690,5692,5694,5697],{"class":5684,"line":770},[552,831],[550,5686,953],{"class":555},[550,5688,5689],{"class":565},"width-segments",[550,5691,569],{"class":555},[550,5693,572],{"class":555},[550,5695,5696],{"class":579},"64",[550,5698,1020],{"class":555},[550,5700,5702,5704,5707,5709,5711,5713],{"class":5701,"line":771},[552,831],[550,5703,953],{"class":555},[550,5705,5706],{"class":565},"height-segments",[550,5708,569],{"class":555},[550,5710,572],{"class":555},[550,5712,5696],{"class":579},[550,5714,1020],{"class":555},[550,5716,5718,5720,5723,5725,5727,5730],{"class":5717,"line":772},[552,831],[550,5719,953],{"class":555},[550,5721,5722],{"class":565},"num-arms-a",[550,5724,569],{"class":555},[550,5726,572],{"class":555},[550,5728,5729],{"class":579},"5",[550,5731,1020],{"class":555},[550,5733,5735,5737,5740,5742,5744,5746,5749,5751,5753,5755,5758,5760],{"class":5734,"line":773},[552,831],[550,5736,953],{"class":555},[550,5738,5739],{"class":565},"exp-a",[550,5741,569],{"class":555},[550,5743,572],{"class":555},[550,5745,576],{"class":555},[550,5747,5748],{"class":579},"40",[550,5750,927],{"class":555},[550,5752,2907],{"class":579},[550,5754,927],{"class":555},[550,5756,5757],{"class":579},"0.9",[550,5759,593],{"class":555},[550,5761,1020],{"class":555},[550,5763,5765,5767,5769,5771,5774],{"class":5764,"line":774},[552,831],[550,5766,1043],{"class":565},[550,5768,569],{"class":555},[550,5770,572],{"class":555},[550,5772,5773],{"class":605},"#ff6b6b",[550,5775,1020],{"class":555},[550,5777,5778],{"class":552,"line":1070},[550,5779,1073],{"class":555},[550,5781,5782,5784,5786],{"class":552,"line":1076},[550,5783,908],{"class":555},[550,5785,1081],{"class":559},[550,5787,611],{"class":555},[550,5789,5790,5792,5795,5797,5799,5801,5803,5805,5807,5809,5811,5813,5816,5818,5820],{"class":552,"line":1086},[550,5791,908],{"class":555},[550,5793,5794],{"class":559},"TresDirectionalLight",[550,5796,562],{"class":555},[550,5798,670],{"class":565},[550,5800,569],{"class":555},[550,5802,572],{"class":555},[550,5804,576],{"class":555},[550,5806,679],{"class":579},[550,5808,927],{"class":555},[550,5810,2563],{"class":579},[550,5812,927],{"class":555},[550,5814,5815],{"class":579},"4",[550,5817,593],{"class":555},[550,5819,572],{"class":555},[550,5821,611],{"class":555},[550,5823,5824,5826,5828],{"class":552,"line":1096},[550,5825,1089],{"class":555},[550,5827,900],{"class":559},[550,5829,696],{"class":555},[550,5831,5832,5834,5836],{"class":552,"line":2051},[550,5833,708],{"class":555},[550,5835,889],{"class":559},[550,5837,696],{"class":555},[539,5839,1106],{"id":1105},[504,5841,506,5842,5844,5845,5849],{},[508,5843,5541],{}," 3D plot is the product of 2 2D superformulas, referred to as \"A\" and \"B\" in the props. See this ",[533,5846,5848],{"href":5545,"rel":5847},[537],"Wikipedia article about the superformula"," for more information about the function's arguments.",[1108,5851,5852,5863],{},[1111,5853,5854],{},[1114,5855,5856,5859,5861],{},[1117,5857,5858],{"align":3009},"Name",[1117,5860,1125],{"align":3009},[1117,5862,1128],{"align":3009},[1130,5864,5865,5880,5894,5908,5923,5937,5951],{},[1114,5866,5867,5872,5875],{},[1135,5868,5869],{"align":3009},[3021,5870,5871],{},"widthSegments",[1135,5873,5874],{"align":3009},"Number of horizontal mesh segments",[1135,5876,5877],{"align":3009},[508,5878,5879],{},"32",[1114,5881,5882,5887,5890],{},[1135,5883,5884],{"align":3009},[3021,5885,5886],{},"heightSegments",[1135,5888,5889],{"align":3009},"Number of vertical mesh segments",[1135,5891,5892],{"align":3009},[508,5893,5879],{},[1114,5895,5896,5901,5904],{},[1135,5897,5898],{"align":3009},[3021,5899,5900],{},"numArmsA",[1135,5902,5903],{"align":3009},"For A, number of radial arms/ripples",[1135,5905,5906],{"align":3009},[508,5907,5815],{},[1114,5909,5910,5915,5918],{},[1135,5911,5912],{"align":3009},[3021,5913,5914],{},"expA",[1135,5916,5917],{"align":3009},"A's 3 exponents",[1135,5919,5920],{"align":3009},[508,5921,5922],{},"[40, 1.3, 0.9]",[1114,5924,5925,5930,5933],{},[1135,5926,5927],{"align":3009},[3021,5928,5929],{},"numArmsB",[1135,5931,5932],{"align":3009},"For B, number of radial arms/ripples",[1135,5934,5935],{"align":3009},[508,5936,5815],{},[1114,5938,5939,5944,5947],{},[1135,5940,5941],{"align":3009},[3021,5942,5943],{},"expB",[1135,5945,5946],{"align":3009},"B's 3 exponents",[1135,5948,5949],{"align":3009},[508,5950,5922],{},[1114,5952,5953,5957,5960],{},[1135,5954,5955],{"align":3009},[3021,5956,1229],{},[1135,5958,5959],{"align":3009},"If no material is provided, a color for the default material",[1135,5961,5962],{"align":3009},[508,5963,1240],{},[539,5965,5967],{"id":5966},"slot","Slot",[504,5969,5970,5972],{},[508,5971,5541],{}," has a single slot for an optional material.",[714,5974,5975],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html 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":476,"searchDepth":477,"depth":478,"links":5977},[5978,5979,5980],{"id":541,"depth":478,"text":15},{"id":1105,"depth":478,"text":1106},{"id":5966,"depth":478,"text":5967},"Produces a configurable 3D plot of the superformula.",{},{"title":261,"description":5981},"e6vrte2Vz6VeiZF2tvUtKAkrmeL55JA0AIEipHcn53Y",{"id":5986,"title":265,"body":5987,"description":6149,"extension":481,"links":482,"meta":6150,"navigation":484,"path":266,"seo":6151,"stem":267,"__hash__":6152},"docs/2.api/5.shapes/tetrahedron.md",{"type":469,"value":5988,"toc":6146},[5989,5994,6004,6009,6015,6017,6144],[498,5990,5991],{},[5992,5993],"shapes-tetrahedron",{},[504,5995,506,5996,511,5998,515,6001,519],{},[508,5997,510],{},[508,5999,6000],{},"\u003CTetrahedron />",[508,6002,6003],{},"TetrahedronGeometry",[521,6005,6007],{"className":6006,"code":2451,"language":526},[524],[508,6008,2451],{"__ignoreMap":476},[504,6010,531,6011],{},[533,6012,6003],{"href":6013,"rel":6014},"https://threejs.org/docs/?q=tetr#api/en/geometries/TetrahedronGeometry",[537],[539,6016,15],{"id":541},[521,6018,6020],{"className":544,"code":6019,"language":546,"meta":476,"style":476},"\u003CTetrahedron :args=\"[1, 0]\" color=\"orange\" />\n\n// Tetrahedron with a custom material transformations\n\u003CTetrahedron ref=\"tetrahedronRef\" :args=\"[1, 0]\" :position=\"[2, 4, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Tetrahedron>\n",[508,6021,6022,6060,6064,6069,6132,6136],{"__ignoreMap":476},[550,6023,6024,6026,6028,6030,6032,6034,6036,6038,6040,6042,6044,6046,6048,6050,6052,6054,6056,6058],{"class":552,"line":477},[550,6025,556],{"class":555},[550,6027,265],{"class":559},[550,6029,562],{"class":555},[550,6031,566],{"class":565},[550,6033,569],{"class":555},[550,6035,572],{"class":555},[550,6037,576],{"class":575},[550,6039,580],{"class":579},[550,6041,583],{"class":555},[550,6043,689],{"class":579},[550,6045,593],{"class":575},[550,6047,572],{"class":555},[550,6049,598],{"class":565},[550,6051,569],{"class":555},[550,6053,572],{"class":555},[550,6055,606],{"class":605},[550,6057,572],{"class":555},[550,6059,611],{"class":555},[550,6061,6062],{"class":552,"line":478},[550,6063,616],{"emptyLinePlaceholder":484},[550,6065,6066],{"class":552,"line":619},[550,6067,6068],{"class":575},"// Tetrahedron with a custom material transformations\n",[550,6070,6071,6073,6075,6077,6079,6081,6084,6086,6088,6090,6092,6094,6096,6098,6100,6102,6104,6106,6108,6110,6112,6114,6116,6118,6120,6122,6124,6126,6128,6130],{"class":552,"line":625},[550,6072,556],{"class":555},[550,6074,265],{"class":559},[550,6076,632],{"class":565},[550,6078,569],{"class":555},[550,6080,572],{"class":555},[550,6082,6083],{"class":605},"tetrahedronRef",[550,6085,572],{"class":555},[550,6087,562],{"class":555},[550,6089,566],{"class":565},[550,6091,569],{"class":555},[550,6093,572],{"class":555},[550,6095,576],{"class":575},[550,6097,580],{"class":579},[550,6099,583],{"class":555},[550,6101,689],{"class":579},[550,6103,593],{"class":575},[550,6105,572],{"class":555},[550,6107,562],{"class":555},[550,6109,670],{"class":565},[550,6111,569],{"class":555},[550,6113,572],{"class":555},[550,6115,576],{"class":575},[550,6117,2563],{"class":579},[550,6119,583],{"class":555},[550,6121,684],{"class":579},[550,6123,583],{"class":555},[550,6125,689],{"class":579},[550,6127,593],{"class":575},[550,6129,572],{"class":555},[550,6131,696],{"class":555},[550,6133,6134],{"class":552,"line":699},[550,6135,702],{"class":575},[550,6137,6138,6140,6142],{"class":552,"line":705},[550,6139,708],{"class":555},[550,6141,265],{"class":559},[550,6143,696],{"class":555},[714,6145,716],{},{"title":476,"searchDepth":477,"depth":478,"links":6147},[6148],{"id":541,"depth":478,"text":15},"Short-cut for a TetrahedronGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":265,"description":6149},"6ZMY_90iSBZYMdJF00ih1rbyX9sFMIXEk1iKSd_AFMc",{"id":6154,"title":269,"body":6155,"description":6344,"extension":481,"links":482,"meta":6345,"navigation":484,"path":270,"seo":6346,"stem":271,"__hash__":6347},"docs/2.api/5.shapes/torus.md",{"type":469,"value":6156,"toc":6341},[6157,6162,6172,6178,6184,6186,6339],[498,6158,6159],{},[6160,6161],"shapes-torus",{},[504,6163,506,6164,511,6166,515,6169,519],{},[508,6165,510],{},[508,6167,6168],{},"\u003CTorus />",[508,6170,6171],{},"TorusGeometry",[521,6173,6176],{"className":6174,"code":6175,"language":526},[524],"args: [\n  radius: number,\n  tube: number,\n  radialSegments: number,\n  tubularSegments: number,\n  arc: number\n]\n",[508,6177,6175],{"__ignoreMap":476},[504,6179,531,6180],{},[533,6181,6171],{"href":6182,"rel":6183},"https://threejs.org/docs/?q=torus#api/en/geometries/TorusGeometry",[537],[539,6185,15],{"id":541},[521,6187,6189],{"className":544,"code":6188,"language":546,"meta":476,"style":476},"\u003CTorus :args=\"[2, 0.4, 42, 100]\" color=\"orange\" />\n\n// Torus with a custom material transformations\n\u003CTorus ref=\"torusRef\" :args=\"[0.75, 0.4, 16, 80]\" :position=\"[-2, 6, 0]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/Torus>\n",[508,6190,6191,6240,6244,6249,6327,6331],{"__ignoreMap":476},[550,6192,6193,6195,6197,6199,6201,6203,6205,6207,6209,6211,6214,6216,6219,6221,6224,6226,6228,6230,6232,6234,6236,6238],{"class":552,"line":477},[550,6194,556],{"class":555},[550,6196,269],{"class":559},[550,6198,562],{"class":555},[550,6200,566],{"class":565},[550,6202,569],{"class":555},[550,6204,572],{"class":555},[550,6206,576],{"class":575},[550,6208,2563],{"class":579},[550,6210,583],{"class":555},[550,6212,6213],{"class":579}," 0.4",[550,6215,583],{"class":555},[550,6217,6218],{"class":579}," 42",[550,6220,583],{"class":555},[550,6222,6223],{"class":579}," 100",[550,6225,593],{"class":575},[550,6227,572],{"class":555},[550,6229,598],{"class":565},[550,6231,569],{"class":555},[550,6233,572],{"class":555},[550,6235,606],{"class":605},[550,6237,572],{"class":555},[550,6239,611],{"class":555},[550,6241,6242],{"class":552,"line":478},[550,6243,616],{"emptyLinePlaceholder":484},[550,6245,6246],{"class":552,"line":619},[550,6247,6248],{"class":575},"// Torus with a custom material transformations\n",[550,6250,6251,6253,6255,6257,6259,6261,6264,6266,6268,6270,6272,6274,6276,6279,6281,6283,6285,6288,6290,6293,6295,6297,6299,6301,6303,6305,6307,6310,6312,6314,6317,6319,6321,6323,6325],{"class":552,"line":625},[550,6252,556],{"class":555},[550,6254,269],{"class":559},[550,6256,632],{"class":565},[550,6258,569],{"class":555},[550,6260,572],{"class":555},[550,6262,6263],{"class":605},"torusRef",[550,6265,572],{"class":555},[550,6267,562],{"class":555},[550,6269,566],{"class":565},[550,6271,569],{"class":555},[550,6273,572],{"class":555},[550,6275,576],{"class":575},[550,6277,6278],{"class":579},"0.75",[550,6280,583],{"class":555},[550,6282,6213],{"class":579},[550,6284,583],{"class":555},[550,6286,6287],{"class":579}," 16",[550,6289,583],{"class":555},[550,6291,6292],{"class":579}," 80",[550,6294,593],{"class":575},[550,6296,572],{"class":555},[550,6298,562],{"class":555},[550,6300,670],{"class":565},[550,6302,569],{"class":555},[550,6304,572],{"class":555},[550,6306,576],{"class":575},[550,6308,6309],{"class":555},"-",[550,6311,2563],{"class":579},[550,6313,583],{"class":555},[550,6315,6316],{"class":579}," 6",[550,6318,583],{"class":555},[550,6320,689],{"class":579},[550,6322,593],{"class":575},[550,6324,572],{"class":555},[550,6326,696],{"class":555},[550,6328,6329],{"class":552,"line":699},[550,6330,702],{"class":575},[550,6332,6333,6335,6337],{"class":552,"line":705},[550,6334,708],{"class":555},[550,6336,269],{"class":559},[550,6338,696],{"class":555},[714,6340,716],{},{"title":476,"searchDepth":477,"depth":478,"links":6342},[6343],{"id":541,"depth":478,"text":15},"Short-cut for a TorusGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":269,"description":6344},"yySx0l9wZ0o7oTaUN9FO6Q3RIbMpJeR5NAvohXoIacY",{"id":6349,"title":273,"body":6350,"description":6534,"extension":481,"links":482,"meta":6535,"navigation":484,"path":274,"seo":6536,"stem":275,"__hash__":6537},"docs/2.api/5.shapes/torus-knot.md",{"type":469,"value":6351,"toc":6531},[6352,6357,6367,6373,6379,6381,6529],[498,6353,6354],{},[6355,6356],"shapes-torus-knot",{},[504,6358,506,6359,511,6361,515,6364,519],{},[508,6360,510],{},[508,6362,6363],{},"\u003CTorusKnot />",[508,6365,6366],{},"TorusKnotGeometry",[521,6368,6371],{"className":6369,"code":6370,"language":526},[524],"args: [\n  radius: number,\n  tube: number,\n  tubularSegments: number,\n  radialSegments: number,\n  p: number,\n  q: number\n]\n",[508,6372,6370],{"__ignoreMap":476},[504,6374,531,6375],{},[533,6376,6366],{"href":6377,"rel":6378},"https://threejs.org/docs/?q=torus#api/en/geometries/TorusKnotGeometry",[537],[539,6380,15],{"id":541},[521,6382,6384],{"className":544,"code":6383,"language":546,"meta":476,"style":476},"\u003CTorusKnot :args=\"[0.6, 0.2, 64, 8]\" color=\"orange\" />\n\n// TorusKnot with a custom material transformations\n\u003CTorusKnot ref=\"torusKnotRef\" :args=\"[0.6, 0.2, 64, 8]\" :position=\"[-2, 6, 2]\">\n  \u003CTresMeshToonMaterial color=\"orange\" />\n\u003C/TorusKnot>\n",[508,6385,6386,6435,6439,6444,6517,6521],{"__ignoreMap":476},[550,6387,6388,6390,6393,6395,6397,6399,6401,6403,6405,6407,6410,6412,6415,6417,6419,6421,6423,6425,6427,6429,6431,6433],{"class":552,"line":477},[550,6389,556],{"class":555},[550,6391,6392],{"class":559},"TorusKnot",[550,6394,562],{"class":555},[550,6396,566],{"class":565},[550,6398,569],{"class":555},[550,6400,572],{"class":555},[550,6402,576],{"class":575},[550,6404,2843],{"class":579},[550,6406,583],{"class":555},[550,6408,6409],{"class":579}," 0.2",[550,6411,583],{"class":555},[550,6413,6414],{"class":579}," 64",[550,6416,583],{"class":555},[550,6418,1598],{"class":579},[550,6420,593],{"class":575},[550,6422,572],{"class":555},[550,6424,598],{"class":565},[550,6426,569],{"class":555},[550,6428,572],{"class":555},[550,6430,606],{"class":605},[550,6432,572],{"class":555},[550,6434,611],{"class":555},[550,6436,6437],{"class":552,"line":478},[550,6438,616],{"emptyLinePlaceholder":484},[550,6440,6441],{"class":552,"line":619},[550,6442,6443],{"class":575},"// TorusKnot with a custom material transformations\n",[550,6445,6446,6448,6450,6452,6454,6456,6459,6461,6463,6465,6467,6469,6471,6473,6475,6477,6479,6481,6483,6485,6487,6489,6491,6493,6495,6497,6499,6501,6503,6505,6507,6509,6511,6513,6515],{"class":552,"line":625},[550,6447,556],{"class":555},[550,6449,6392],{"class":559},[550,6451,632],{"class":565},[550,6453,569],{"class":555},[550,6455,572],{"class":555},[550,6457,6458],{"class":605},"torusKnotRef",[550,6460,572],{"class":555},[550,6462,562],{"class":555},[550,6464,566],{"class":565},[550,6466,569],{"class":555},[550,6468,572],{"class":555},[550,6470,576],{"class":575},[550,6472,2843],{"class":579},[550,6474,583],{"class":555},[550,6476,6409],{"class":579},[550,6478,583],{"class":555},[550,6480,6414],{"class":579},[550,6482,583],{"class":555},[550,6484,1598],{"class":579},[550,6486,593],{"class":575},[550,6488,572],{"class":555},[550,6490,562],{"class":555},[550,6492,670],{"class":565},[550,6494,569],{"class":555},[550,6496,572],{"class":555},[550,6498,576],{"class":575},[550,6500,6309],{"class":555},[550,6502,2563],{"class":579},[550,6504,583],{"class":555},[550,6506,6316],{"class":579},[550,6508,583],{"class":555},[550,6510,2286],{"class":579},[550,6512,593],{"class":575},[550,6514,572],{"class":555},[550,6516,696],{"class":555},[550,6518,6519],{"class":552,"line":699},[550,6520,702],{"class":575},[550,6522,6523,6525,6527],{"class":552,"line":705},[550,6524,708],{"class":555},[550,6526,6392],{"class":559},[550,6528,696],{"class":555},[714,6530,716],{},{"title":476,"searchDepth":477,"depth":478,"links":6532},[6533],{"id":541,"depth":478,"text":15},"Short-cut for a TorusKnotGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":273,"description":6534},"OlUiMxF35Ud6Y1uh8PxYgHq7DDQtWj0nint0vp1wx2U",{"id":6539,"title":277,"body":6540,"description":6978,"extension":481,"links":482,"meta":6979,"navigation":484,"path":278,"seo":6980,"stem":279,"__hash__":6981},"docs/2.api/5.shapes/tube.md",{"type":469,"value":6541,"toc":6974},[6542,6547,6557,6563,6565,6962,6965,6971],[498,6543,6544],{},[6545,6546],"shapes-tube",{},[504,6548,506,6549,511,6551,515,6554,519],{},[508,6550,510],{},[508,6552,6553],{},"\u003CTube />",[508,6555,6556],{},"TubeGeometry",[504,6558,531,6559],{},[533,6560,6556],{"href":6561,"rel":6562},"https://threejs.org/docs/?q=tube#api/en/geometries/TubeGeometry",[537],[539,6564,15],{"id":541},[521,6566,6568],{"className":544,"code":6567,"language":546,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { Tube } from '@tresjs/cientos'\nimport { CubicBezierCurve3, Vector3 } from 'three'\nimport { ref } from 'vue'\n\nconst tubePath = ref(new CubicBezierCurve3(\n  new Vector3(-1, 0, 0),\n  new Vector3(-0.5, -1, 0),\n  new Vector3(0.5, 1, 0),\n  new Vector3(1, 0, 0),\n))\n\u003C/script>\n\n\u003Ctemplate>\n  \u003C!-- TubeGeometry needs a curve path to be construct -->\n  \u003CTube :args=\"[tubePath, 20, 0.2, 8, false]\" color=\"orange\" />\n\n  \u003C!-- Tube with a custom material transformations -->\n  \u003CTube :args=\"[tubePath, 20, 0.2, 8, false]\" :position=\"[0, 4, 0]\">\n    \u003CTresMeshToonMaterial color=\"orange\" />\n  \u003C/Tube>\n\u003C/template>\n",[508,6569,6570,6590,6609,6632,6650,6654,6676,6702,6729,6751,6773,6778,6786,6790,6798,6803,6855,6859,6864,6928,6946,6954],{"__ignoreMap":476},[550,6571,6572,6574,6576,6578,6580,6582,6584,6586,6588],{"class":552,"line":477},[550,6573,556],{"class":555},[550,6575,783],{"class":559},[550,6577,786],{"class":565},[550,6579,789],{"class":565},[550,6581,569],{"class":555},[550,6583,572],{"class":555},[550,6585,796],{"class":605},[550,6587,572],{"class":555},[550,6589,696],{"class":555},[550,6591,6592,6594,6596,6599,6601,6603,6605,6607],{"class":552,"line":478},[550,6593,806],{"class":805},[550,6595,809],{"class":555},[550,6597,6598],{"class":575}," Tube",[550,6600,815],{"class":555},[550,6602,818],{"class":805},[550,6604,821],{"class":555},[550,6606,847],{"class":605},[550,6608,827],{"class":555},[550,6610,6611,6613,6615,6618,6620,6622,6624,6626,6628,6630],{"class":552,"line":619},[550,6612,806],{"class":805},[550,6614,809],{"class":555},[550,6616,6617],{"class":575}," CubicBezierCurve3",[550,6619,583],{"class":555},[550,6621,858],{"class":575},[550,6623,815],{"class":555},[550,6625,818],{"class":805},[550,6627,821],{"class":555},[550,6629,867],{"class":605},[550,6631,827],{"class":555},[550,6633,6634,6636,6638,6640,6642,6644,6646,6648],{"class":552,"line":625},[550,6635,806],{"class":805},[550,6637,809],{"class":555},[550,6639,632],{"class":575},[550,6641,815],{"class":555},[550,6643,818],{"class":805},[550,6645,821],{"class":555},[550,6647,546],{"class":605},[550,6649,827],{"class":555},[550,6651,6652],{"class":552,"line":699},[550,6653,616],{"emptyLinePlaceholder":484},[550,6655,6656,6659,6662,6664,6666,6668,6671,6673],{"class":552,"line":705},[550,6657,6658],{"class":565},"const",[550,6660,6661],{"class":575}," tubePath ",[550,6663,569],{"class":555},[550,6665,632],{"class":966},[550,6667,988],{"class":575},[550,6669,6670],{"class":555},"new",[550,6672,6617],{"class":966},[550,6674,6675],{"class":575},"(\n",[550,6677,6678,6681,6683,6685,6687,6689,6691,6693,6695,6697,6699],{"class":552,"line":884},[550,6679,6680],{"class":555},"  new",[550,6682,858],{"class":966},[550,6684,988],{"class":575},[550,6686,6309],{"class":555},[550,6688,580],{"class":579},[550,6690,583],{"class":555},[550,6692,689],{"class":579},[550,6694,583],{"class":555},[550,6696,689],{"class":579},[550,6698,1909],{"class":575},[550,6700,6701],{"class":555},",\n",[550,6703,6704,6706,6708,6710,6712,6714,6716,6719,6721,6723,6725,6727],{"class":552,"line":894},[550,6705,6680],{"class":555},[550,6707,858],{"class":966},[550,6709,988],{"class":575},[550,6711,6309],{"class":555},[550,6713,1208],{"class":579},[550,6715,583],{"class":555},[550,6717,6718],{"class":555}," -",[550,6720,580],{"class":579},[550,6722,583],{"class":555},[550,6724,689],{"class":579},[550,6726,1909],{"class":575},[550,6728,6701],{"class":555},[550,6730,6731,6733,6735,6737,6739,6741,6743,6745,6747,6749],{"class":552,"line":905},[550,6732,6680],{"class":555},[550,6734,858],{"class":966},[550,6736,988],{"class":575},[550,6738,1208],{"class":579},[550,6740,583],{"class":555},[550,6742,586],{"class":579},[550,6744,583],{"class":555},[550,6746,689],{"class":579},[550,6748,1909],{"class":575},[550,6750,6701],{"class":555},[550,6752,6753,6755,6757,6759,6761,6763,6765,6767,6769,6771],{"class":552,"line":770},[550,6754,6680],{"class":555},[550,6756,858],{"class":966},[550,6758,988],{"class":575},[550,6760,580],{"class":579},[550,6762,583],{"class":555},[550,6764,689],{"class":579},[550,6766,583],{"class":555},[550,6768,689],{"class":579},[550,6770,1909],{"class":575},[550,6772,6701],{"class":555},[550,6774,6775],{"class":552,"line":771},[550,6776,6777],{"class":575},"))\n",[550,6779,6780,6782,6784],{"class":552,"line":772},[550,6781,708],{"class":555},[550,6783,783],{"class":559},[550,6785,696],{"class":555},[550,6787,6788],{"class":552,"line":773},[550,6789,616],{"emptyLinePlaceholder":484},[550,6791,6792,6794,6796],{"class":552,"line":774},[550,6793,556],{"class":555},[550,6795,889],{"class":559},[550,6797,696],{"class":555},[550,6799,6800],{"class":552,"line":1070},[550,6801,6802],{"class":3898},"  \u003C!-- TubeGeometry needs a curve path to be construct -->\n",[550,6804,6805,6807,6809,6811,6813,6815,6817,6819,6822,6824,6826,6828,6831,6833,6835,6837,6839,6841,6843,6845,6847,6849,6851,6853],{"class":552,"line":1076},[550,6806,897],{"class":555},[550,6808,277],{"class":559},[550,6810,562],{"class":555},[550,6812,566],{"class":565},[550,6814,569],{"class":555},[550,6816,572],{"class":555},[550,6818,576],{"class":555},[550,6820,6821],{"class":575},"tubePath",[550,6823,927],{"class":555},[550,6825,1161],{"class":579},[550,6827,927],{"class":555},[550,6829,6830],{"class":579},"0.2",[550,6832,927],{"class":555},[550,6834,2743],{"class":579},[550,6836,927],{"class":555},[550,6838,1177],{"class":2265},[550,6840,593],{"class":555},[550,6842,572],{"class":555},[550,6844,598],{"class":565},[550,6846,569],{"class":555},[550,6848,572],{"class":555},[550,6850,606],{"class":605},[550,6852,572],{"class":555},[550,6854,611],{"class":555},[550,6856,6857],{"class":552,"line":1086},[550,6858,616],{"emptyLinePlaceholder":484},[550,6860,6861],{"class":552,"line":1096},[550,6862,6863],{"class":3898},"  \u003C!-- Tube with a custom material transformations -->\n",[550,6865,6866,6868,6870,6872,6874,6876,6878,6880,6882,6884,6886,6888,6890,6892,6894,6896,6898,6900,6902,6904,6906,6908,6910,6912,6914,6916,6918,6920,6922,6924,6926],{"class":552,"line":2051},[550,6867,897],{"class":555},[550,6869,277],{"class":559},[550,6871,562],{"class":555},[550,6873,566],{"class":565},[550,6875,569],{"class":555},[550,6877,572],{"class":555},[550,6879,576],{"class":555},[550,6881,6821],{"class":575},[550,6883,927],{"class":555},[550,6885,1161],{"class":579},[550,6887,927],{"class":555},[550,6889,6830],{"class":579},[550,6891,927],{"class":555},[550,6893,2743],{"class":579},[550,6895,927],{"class":555},[550,6897,1177],{"class":2265},[550,6899,593],{"class":555},[550,6901,572],{"class":555},[550,6903,562],{"class":555},[550,6905,670],{"class":565},[550,6907,569],{"class":555},[550,6909,572],{"class":555},[550,6911,576],{"class":555},[550,6913,679],{"class":579},[550,6915,927],{"class":555},[550,6917,5815],{"class":579},[550,6919,927],{"class":555},[550,6921,679],{"class":579},[550,6923,593],{"class":555},[550,6925,572],{"class":555},[550,6927,696],{"class":555},[550,6929,6930,6932,6934,6936,6938,6940,6942,6944],{"class":552,"line":2060},[550,6931,908],{"class":555},[550,6933,5279],{"class":559},[550,6935,598],{"class":565},[550,6937,569],{"class":555},[550,6939,572],{"class":555},[550,6941,606],{"class":605},[550,6943,572],{"class":555},[550,6945,611],{"class":555},[550,6947,6948,6950,6952],{"class":552,"line":2069},[550,6949,1089],{"class":555},[550,6951,277],{"class":559},[550,6953,696],{"class":555},[550,6955,6956,6958,6960],{"class":552,"line":2978},[550,6957,708],{"class":555},[550,6959,889],{"class":559},[550,6961,696],{"class":555},[539,6963,6964],{"id":566},"Args",[521,6966,6969],{"className":6967,"code":6968,"language":526},[524],"type CurveType = QuadraticBezierCurve3 | CubicBezierCurve3 | CatmullRomCurve3 | LineCurve3\n\nargs: [\n  path: CurveType,\n  tubularSegments: number,\n  radius: number,\n  radialSegments: number,\n  closed: boolean\n]\n",[508,6970,6968],{"__ignoreMap":476},[714,6972,6973],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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":476,"searchDepth":477,"depth":478,"links":6975},[6976,6977],{"id":541,"depth":478,"text":15},{"id":566,"depth":478,"text":6964},"Short-cut for a TubeGeometry and a MeshBasicMaterial with a Mesh object.",{},{"title":277,"description":6978},"dl45gDobAVZZJ-EiABsXN_ZQHrn_4vSzVw1r8h_AnrY",1774953658981]