[{"data":1,"prerenderedAt":1279},["ShallowReactive",2],{"navigation":3,"/api/shapes/line2":470,"/api/shapes/line2-surround":1274},[4,22],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide",{"title":23,"path":24,"stem":25,"children":26},"Api","/api","2.api",[27,30,80,114,156,190,284,310,344,394,436],{"title":28,"path":24,"stem":29},"All","2.api/index",{"title":31,"path":32,"stem":33,"children":34},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[35,36,40,44,48,52,56,60,64,68,72,76],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":41,"path":42,"stem":43},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":45,"path":46,"stem":47},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":49,"path":50,"stem":51},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":53,"path":54,"stem":55},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":57,"path":58,"stem":59},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":61,"path":62,"stem":63},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":65,"path":66,"stem":67},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":69,"path":70,"stem":71},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":73,"path":74,"stem":75},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":77,"path":78,"stem":79},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":81,"path":82,"stem":83,"children":84},"Controls","/api/controls","2.api/2.controls/index",[85,86,90,94,98,102,106,110],{"title":81,"path":82,"stem":83},{"title":87,"path":88,"stem":89},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":91,"path":92,"stem":93},"Drag Controls","/api/controls/drag-controls","2.api/2.controls/drag-controls",{"title":95,"path":96,"stem":97},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":99,"path":100,"stem":101},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":103,"path":104,"stem":105},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":107,"path":108,"stem":109},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":111,"path":112,"stem":113},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":115,"path":116,"stem":117,"children":118},"Loaders","/api/loaders","2.api/3.loaders/index",[119,120,124,128,132,136,140,144,148,152],{"title":115,"path":116,"stem":117},{"title":121,"path":122,"stem":123},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":125,"path":126,"stem":127},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":129,"path":130,"stem":131},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":133,"path":134,"stem":135},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":137,"path":138,"stem":139},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":141,"path":142,"stem":143},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":145,"path":146,"stem":147},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":149,"path":150,"stem":151},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":153,"path":154,"stem":155},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":157,"path":158,"stem":159,"children":160},"Materials","/api/materials","2.api/4.materials/index",[161,162,166,170,174,178,182,186],{"title":157,"path":158,"stem":159},{"title":163,"path":164,"stem":165},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":167,"path":168,"stem":169},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":171,"path":172,"stem":173},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":175,"path":176,"stem":177},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":179,"path":180,"stem":181},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":183,"path":184,"stem":185},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":187,"path":188,"stem":189},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":191,"path":192,"stem":193,"children":194},"Shapes","/api/shapes","2.api/5.shapes/index",[195,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280],{"title":191,"path":192,"stem":193},{"title":197,"path":198,"stem":199},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":201,"path":202,"stem":203},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":205,"path":206,"stem":207},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":209,"path":210,"stem":211},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":213,"path":214,"stem":215},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":217,"path":218,"stem":219},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":221,"path":222,"stem":223},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":225,"path":226,"stem":227},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":229,"path":230,"stem":231},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":233,"path":234,"stem":235},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":237,"path":238,"stem":239},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":241,"path":242,"stem":243},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":245,"path":246,"stem":247},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":249,"path":250,"stem":251},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":253,"path":254,"stem":255},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":257,"path":258,"stem":259},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":261,"path":262,"stem":263},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":265,"path":266,"stem":267},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":269,"path":270,"stem":271},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":273,"path":274,"stem":275},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":277,"path":278,"stem":279},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":281,"path":282,"stem":283},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":285,"path":286,"stem":287,"children":288},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[289,290,294,298,302,306],{"title":285,"path":286,"stem":287},{"title":291,"path":292,"stem":293},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":295,"path":296,"stem":297},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":299,"path":300,"stem":301},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":303,"path":304,"stem":305},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":307,"path":308,"stem":309},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":311,"path":312,"stem":313,"children":314},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[315,316,320,324,328,332,336,340],{"title":311,"path":312,"stem":313},{"title":317,"path":318,"stem":319},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":321,"path":322,"stem":323},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":325,"path":326,"stem":327},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":329,"path":330,"stem":331},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":333,"path":334,"stem":335},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":337,"path":338,"stem":339},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":341,"path":342,"stem":343},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":345,"path":346,"stem":347,"children":348},"Staging","/api/staging","2.api/8.staging/index",[349,350,354,358,362,366,370,374,378,382,386,390],{"title":345,"path":346,"stem":347},{"title":351,"path":352,"stem":353},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":355,"path":356,"stem":357},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":359,"path":360,"stem":361},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":363,"path":364,"stem":365},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":367,"path":368,"stem":369},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":371,"path":372,"stem":373},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":375,"path":376,"stem":377},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":379,"path":380,"stem":381},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":383,"path":384,"stem":385},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":387,"path":388,"stem":389},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":391,"path":392,"stem":393},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":395,"path":396,"stem":397,"children":398},"Objects","/api/objects","2.api/9.objects/index",[399,400,404,408,412,416,420,424,428,432],{"title":395,"path":396,"stem":397},{"title":401,"path":402,"stem":403},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":405,"path":406,"stem":407},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":409,"path":410,"stem":411},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":413,"path":414,"stem":415},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":417,"path":418,"stem":419},"HTML","/api/objects/html","2.api/9.objects/html",{"title":421,"path":422,"stem":423},"Image","/api/objects/image","2.api/9.objects/image",{"title":425,"path":426,"stem":427},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":429,"path":430,"stem":431},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":433,"path":434,"stem":435},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":437,"path":438,"stem":439,"children":440},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[441,442,446,450,454,458,462,466],{"title":437,"path":438,"stem":439},{"title":443,"path":444,"stem":445},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":447,"path":448,"stem":449},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":451,"path":452,"stem":453},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":455,"path":456,"stem":457},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":459,"path":460,"stem":461},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":463,"path":464,"stem":465},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":467,"path":468,"stem":469},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":471,"title":233,"body":472,"description":1268,"extension":1269,"links":1270,"meta":1271,"navigation":625,"path":234,"seo":1272,"stem":235,"__hash__":1273},"docs/2.api/5.shapes/line2.md",{"type":473,"value":474,"toc":1262},"minimark",[475,481,504,508,836,840,1028,1032,1035,1040,1047,1113,1119,1255,1258],[476,477,478],"scene-wrapper",{},[479,480],"shapes-line2",{},[482,483,484,485,489,490,493,494,503],"p",{},"The ",[486,487,488],"code",{},"cientos"," package provides a ",[486,491,492],{},"\u003CLine2 />"," component for creating 3-D lines. It wraps ",[495,496,500,501],"a",{"href":497,"rel":498},"https://github.com/mrdoob/three.js/blob/e2bcdfff6427c2f106cb819b18d88d1e13aa508a/examples/jsm/lines/Line2.js",[499],"nofollow","Three.js's ",[486,502,233],{},".",[505,506,15],"h2",{"id":507},"usage",[509,510,522],"pre",{"className":511,"code":512,"highlights":513,"language":520,"meta":521,"style":521},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\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",[514,515,516,517,518,519],3,8,9,10,11,12,"vue","",[486,523,524,559,588,610,620,627,637,648,691,699,770,785,801,807,817,827],{"__ignoreMap":521},[525,526,529,533,537,541,544,547,550,554,556],"span",{"class":527,"line":528},"line",1,[525,530,532],{"class":531},"sMK4o","\u003C",[525,534,536],{"class":535},"swJcz","script",[525,538,540],{"class":539},"spNyl"," setup",[525,542,543],{"class":539}," lang",[525,545,546],{"class":531},"=",[525,548,549],{"class":531},"\"",[525,551,553],{"class":552},"sfazB","ts",[525,555,549],{"class":531},[525,557,558],{"class":531},">\n",[525,560,562,566,569,573,576,579,582,585],{"class":527,"line":561},2,[525,563,565],{"class":564},"s7zQu","import",[525,567,568],{"class":531}," {",[525,570,572],{"class":571},"sTEyZ"," TresCanvas",[525,574,575],{"class":531}," }",[525,577,578],{"class":564}," from",[525,580,581],{"class":531}," '",[525,583,584],{"class":552},"@tresjs/core",[525,586,587],{"class":531},"'\n",[525,589,592,594,596,599,601,603,605,608],{"class":590,"line":514},[527,591],"highlight",[525,593,565],{"class":564},[525,595,568],{"class":531},[525,597,598],{"class":571}," Line2",[525,600,575],{"class":531},[525,602,578],{"class":564},[525,604,581],{"class":531},[525,606,607],{"class":552},"@tresjs/cientos",[525,609,587],{"class":531},[525,611,613,616,618],{"class":527,"line":612},4,[525,614,615],{"class":531},"\u003C/",[525,617,536],{"class":535},[525,619,558],{"class":531},[525,621,623],{"class":527,"line":622},5,[525,624,626],{"emptyLinePlaceholder":625},true,"\n",[525,628,630,632,635],{"class":527,"line":629},6,[525,631,532],{"class":531},[525,633,634],{"class":535},"template",[525,636,558],{"class":531},[525,638,640,643,646],{"class":527,"line":639},7,[525,641,642],{"class":531},"  \u003C",[525,644,645],{"class":535},"TresCanvas",[525,647,558],{"class":531},[525,649,651,654,657,660,663,665,667,670,674,677,679,681,683,686,688],{"class":650,"line":515},[527,591],[525,652,653],{"class":531},"    \u003C",[525,655,656],{"class":535},"TresPerspectiveCamera",[525,658,659],{"class":531}," :",[525,661,662],{"class":539},"position",[525,664,546],{"class":531},[525,666,549],{"class":531},[525,668,669],{"class":531},"[",[525,671,673],{"class":672},"sbssI","3",[525,675,676],{"class":531},", ",[525,678,673],{"class":672},[525,680,676],{"class":531},[525,682,673],{"class":672},[525,684,685],{"class":531},"]",[525,687,549],{"class":531},[525,689,690],{"class":531}," />\n",[525,692,694,696],{"class":693,"line":516},[527,591],[525,695,653],{"class":531},[525,697,698],{"class":535},"Line2\n",[525,700,702,705,708,710,712,715,718,720,722,724,726,729,732,734,736,738,740,742,744,746,748,750,752,754,756,758,760,762,764,767],{"class":701,"line":517},[527,591],[525,703,704],{"class":531},"      :",[525,706,707],{"class":539},"points",[525,709,546],{"class":531},[525,711,549],{"class":531},[525,713,714],{"class":531},"[[",[525,716,717],{"class":672},"0",[525,719,676],{"class":531},[525,721,717],{"class":672},[525,723,676],{"class":531},[525,725,717],{"class":672},[525,727,728],{"class":531},"], [",[525,730,731],{"class":672},"1",[525,733,676],{"class":531},[525,735,731],{"class":672},[525,737,676],{"class":531},[525,739,717],{"class":672},[525,741,728],{"class":531},[525,743,731],{"class":672},[525,745,676],{"class":531},[525,747,731],{"class":672},[525,749,676],{"class":531},[525,751,731],{"class":672},[525,753,728],{"class":531},[525,755,717],{"class":672},[525,757,676],{"class":531},[525,759,717],{"class":672},[525,761,676],{"class":531},[525,763,731],{"class":672},[525,765,766],{"class":531},"]]",[525,768,769],{"class":531},"\"\n",[525,771,773,776,778,780,783],{"class":772,"line":518},[527,591],[525,774,775],{"class":539},"      color",[525,777,546],{"class":531},[525,779,549],{"class":531},[525,781,782],{"class":552},"orange",[525,784,769],{"class":531},[525,786,788,790,793,795,797,799],{"class":787,"line":519},[527,591],[525,789,704],{"class":531},[525,791,792],{"class":539},"line-width",[525,794,546],{"class":531},[525,796,549],{"class":531},[525,798,673],{"class":672},[525,800,769],{"class":531},[525,802,804],{"class":527,"line":803},13,[525,805,806],{"class":531},"    />\n",[525,808,810,812,815],{"class":527,"line":809},14,[525,811,653],{"class":531},[525,813,814],{"class":535},"TresAmbientLight",[525,816,690],{"class":531},[525,818,820,823,825],{"class":527,"line":819},15,[525,821,822],{"class":531},"  \u003C/",[525,824,645],{"class":535},[525,826,558],{"class":531},[525,828,830,832,834],{"class":527,"line":829},16,[525,831,615],{"class":531},[525,833,634],{"class":535},[525,835,558],{"class":531},[505,837,839],{"id":838},"props","Props",[841,842,843,862],"table",{},[844,845,846],"thead",{},[847,848,849,853,856,859],"tr",{},[850,851,852],"th",{},"Prop",[850,854,855],{},"Type",[850,857,858],{},"Description",[850,860,861],{},"Default",[863,864,865,881,897,913,928,944,958,972,986,1000,1014],"tbody",{},[847,866,867,870,876,879],{},[868,869,707],"td",{},[868,871,872],{},[495,873,875],{"href":874},"#points","See below",[868,877,878],{},"Points representing the line",[868,880],{},[847,882,883,886,891,894],{},[868,884,885],{},"vertexColors",[868,887,888],{},[486,889,890],{},"TresColor[]",[868,892,893],{},"Vertex colors, if using",[868,895,896],{},"null",[847,898,899,902,907,910],{},[868,900,901],{},"color",[868,903,904],{},[486,905,906],{},"TresColor",[868,908,909],{},"Color for the line – multiplies vertex colors",[868,911,912],{},"'white'",[847,914,915,918,923,926],{},[868,916,917],{},"lineWidth",[868,919,920],{},[486,921,922],{},"number",[868,924,925],{},"Width of the line – in world units with size attenuation, pixels otherwise",[868,927,731],{},[847,929,930,933,938,941],{},[868,931,932],{},"worldUnits",[868,934,935],{},[486,936,937],{},"boolean",[868,939,940],{},"Whether the line width is in world units or pixels",[868,942,943],{},"false",[847,945,946,949,953,956],{},[868,947,948],{},"alphaToCoverage",[868,950,951],{},[486,952,937],{},[868,954,955],{},"Enables alpha to coverage. Can only be used with MSAA-enabled contexts (meaning when the renderer was created with antialias parameter set to true).",[868,957,943],{},[847,959,960,963,967,970],{},[868,961,962],{},"dashed",[868,964,965],{},[486,966,937],{},[868,968,969],{},"Whether the line is dashed",[868,971,943],{},[847,973,974,977,981,984],{},[868,975,976],{},"dashSize",[868,978,979],{},[486,980,922],{},[868,982,983],{},"Dash size",[868,985,731],{},[847,987,988,991,995,998],{},[868,989,990],{},"gapSize",[868,992,993],{},[486,994,922],{},[868,996,997],{},"Gap size in dashed line",[868,999,731],{},[847,1001,1002,1005,1009,1012],{},[868,1003,1004],{},"dashScale",[868,1006,1007],{},[486,1008,922],{},[868,1010,1011],{},"Scale of the dashes/gaps",[868,1013,731],{},[847,1015,1016,1019,1023,1026],{},[868,1017,1018],{},"dashOffset",[868,1020,1021],{},[486,1022,922],{},[868,1024,1025],{},"Dash offset",[868,1027,717],{},[1029,1030,1031],"h3",{"id":707},"Points",[482,1033,1034],{},"The points prop has the following type:",[482,1036,1037],{},[486,1038,1039],{},"Array\u003CVector3 | Vector2 | [number, number, number] | [number, number] | number>",[482,1041,1042,1043,1046],{},"The passed array is converted to ",[486,1044,1045],{},"Array\u003Cnumber>"," – i.e., a series of x, y, z vertex coordinates. This is done array entry by array entry, as follows:",[841,1048,1049,1059],{},[844,1050,1051],{},[847,1052,1053,1056],{},[850,1054,1055],{},"Entry type",[850,1057,1058],{},"Interpretation",[863,1060,1061,1071,1084,1094,1104],{},[847,1062,1063,1068],{},[868,1064,1065],{},[486,1066,1067],{},"Vector3",[868,1069,1070],{},"Insert the vector's x, y, z into the result array",[847,1072,1073,1081],{},[868,1074,1075],{},[1076,1077,1078],"nobr",{},[486,1079,1080],{},"[number, number, number]",[868,1082,1083],{},"Insert the array values into the result array",[847,1085,1086,1091],{},[868,1087,1088],{},[486,1089,1090],{},"Vector2",[868,1092,1093],{},"Insert the vector's x, y, then 0 into the result array",[847,1095,1096,1101],{},[868,1097,1098],{},[486,1099,1100],{},"[number, number]",[868,1102,1103],{},"Insert the array values, then 0 into the result array",[847,1105,1106,1110],{},[868,1107,1108],{},[486,1109,922],{},[868,1111,1112],{},"Insert the number into the result array",[1114,1115,1116],"prose-warning",{},[482,1117,1118],{},"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.",[509,1120,1122],{"className":511,"code":1121,"language":520,"meta":521,"style":521},"\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",[486,1123,1124,1130,1181,1186,1190,1195,1250],{"__ignoreMap":521},[525,1125,1126],{"class":527,"line":528},[525,1127,1129],{"class":1128},"sHwdD","\u003C!-- Wrong -->\n",[525,1131,1132,1134,1136,1138,1140,1142,1144,1146,1148,1151,1153,1155,1157,1160,1162,1164,1166,1169,1171,1173,1175,1177,1179],{"class":527,"line":561},[525,1133,532],{"class":531},[525,1135,233],{"class":535},[525,1137,659],{"class":531},[525,1139,707],{"class":539},[525,1141,546],{"class":531},[525,1143,549],{"class":531},[525,1145,714],{"class":571},[525,1147,731],{"class":672},[525,1149,1150],{"class":531},",",[525,1152,731],{"class":672},[525,1154,685],{"class":571},[525,1156,1150],{"class":531},[525,1158,1159],{"class":672}," 2",[525,1161,1150],{"class":531},[525,1163,1159],{"class":672},[525,1165,1150],{"class":531},[525,1167,1168],{"class":571}," [",[525,1170,673],{"class":672},[525,1172,1150],{"class":531},[525,1174,673],{"class":672},[525,1176,766],{"class":571},[525,1178,549],{"class":531},[525,1180,690],{"class":531},[525,1182,1183],{"class":527,"line":514},[525,1184,1185],{"class":1128},"\u003C!-- result: (1,1,0) (2,2,3) (3,0,❌) -->\n",[525,1187,1188],{"class":527,"line":612},[525,1189,626],{"emptyLinePlaceholder":625},[525,1191,1192],{"class":527,"line":622},[525,1193,1194],{"class":1128},"\u003C!-- Right -->\n",[525,1196,1197,1199,1201,1203,1205,1207,1209,1211,1213,1215,1218,1220,1222,1224,1226,1228,1230,1233,1235,1237,1239,1241,1244,1246,1248],{"class":527,"line":629},[525,1198,532],{"class":531},[525,1200,233],{"class":535},[525,1202,659],{"class":531},[525,1204,707],{"class":539},[525,1206,546],{"class":531},[525,1208,549],{"class":531},[525,1210,714],{"class":571},[525,1212,731],{"class":672},[525,1214,1150],{"class":531},[525,1216,1217],{"class":672}," 1",[525,1219,685],{"class":571},[525,1221,1150],{"class":531},[525,1223,1159],{"class":672},[525,1225,1150],{"class":531},[525,1227,1159],{"class":672},[525,1229,1150],{"class":531},[525,1231,1232],{"class":672}," 0",[525,1234,1150],{"class":531},[525,1236,1168],{"class":571},[525,1238,673],{"class":672},[525,1240,1150],{"class":531},[525,1242,1243],{"class":672}," 3",[525,1245,766],{"class":571},[525,1247,549],{"class":531},[525,1249,690],{"class":531},[525,1251,1252],{"class":527,"line":639},[525,1253,1254],{"class":1128},"\u003C!-- result: (1,1,0) (2,2,0) (3,3,0) -->\n",[482,1256,1257],{},"The component, like Three.js, will not keep you from shooting yourself in the foot.",[1259,1260,1261],"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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":521,"searchDepth":528,"depth":561,"links":1263},[1264,1265],{"id":507,"depth":561,"text":15},{"id":838,"depth":561,"text":839,"children":1266},[1267],{"id":707,"depth":514,"text":1031},"Component for creating 3D lines using Three.js's Line2.","md",null,{},{"title":233,"description":1268},"YTuT8KgQYLHeyqqWlrzJw6EHsHroohvx3OSFmnm7qB8",[1275,1277],{"title":229,"path":230,"stem":231,"description":1276,"children":-1},"Short-cut for a IcosahedronGeometry and a MeshBasicMaterial with a Mesh object.",{"title":237,"path":238,"stem":239,"description":1278,"children":-1},"Short-cut for a OctahedronGeometry and a MeshBasicMaterial with a Mesh object.",1776202093447]