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