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