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