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