[{"data":1,"prerenderedAt":1240},["ShallowReactive",2],{"navigation":3,"/api/shapes/line2":498,"/api/shapes/line2-surround":1235},[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":253,"body":500,"description":1229,"extension":1230,"links":1231,"meta":1232,"navigation":653,"path":254,"seo":1233,"stem":255,"__hash__":1234},"docs/2.api/5.shapes/line2.md",{"type":501,"value":502,"toc":1223},"minimark",[503,509,532,536,789,793,984,988,991,996,1003,1069,1075,1216,1219],[504,505,506],"scene-wrapper",{},[507,508],"shapes-line2",{},[510,511,512,513,517,518,521,522,531],"p",{},"The ",[514,515,516],"code",{},"cientos"," package provides a ",[514,519,520],{},"\u003CLine2 />"," component for creating 3-D lines. It wraps ",[523,524,528,529],"a",{"href":525,"rel":526},"https://github.com/mrdoob/three.js/blob/e2bcdfff6427c2f106cb819b18d88d1e13aa508a/examples/jsm/lines/Line2.js",[527],"nofollow","Three.js's ",[514,530,253],{},".",[533,534,15],"h2",{"id":535},"usage",[537,538,550],"pre",{"className":539,"code":540,"highlights":541,"language":548,"meta":549,"style":549},"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",[542,543,544,545,546,547],3,8,9,10,11,12,"vue","",[514,551,552,587,616,638,648,655,665,676,700,708,724,739,754,760,770,780],{"__ignoreMap":549},[553,554,557,561,565,569,572,575,578,582,584],"span",{"class":555,"line":556},"line",1,[553,558,560],{"class":559},"sMK4o","\u003C",[553,562,564],{"class":563},"swJcz","script",[553,566,568],{"class":567},"spNyl"," setup",[553,570,571],{"class":567}," lang",[553,573,574],{"class":559},"=",[553,576,577],{"class":559},"\"",[553,579,581],{"class":580},"sfazB","ts",[553,583,577],{"class":559},[553,585,586],{"class":559},">\n",[553,588,590,594,597,601,604,607,610,613],{"class":555,"line":589},2,[553,591,593],{"class":592},"s7zQu","import",[553,595,596],{"class":559}," {",[553,598,600],{"class":599},"sTEyZ"," TresCanvas",[553,602,603],{"class":559}," }",[553,605,606],{"class":592}," from",[553,608,609],{"class":559}," '",[553,611,612],{"class":580},"@tresjs/core",[553,614,615],{"class":559},"'\n",[553,617,620,622,624,627,629,631,633,636],{"class":618,"line":542},[555,619],"highlight",[553,621,593],{"class":592},[553,623,596],{"class":559},[553,625,626],{"class":599}," Line2",[553,628,603],{"class":559},[553,630,606],{"class":592},[553,632,609],{"class":559},[553,634,635],{"class":580},"@tresjs/cientos",[553,637,615],{"class":559},[553,639,641,644,646],{"class":555,"line":640},4,[553,642,643],{"class":559},"\u003C/",[553,645,564],{"class":563},[553,647,586],{"class":559},[553,649,651],{"class":555,"line":650},5,[553,652,654],{"emptyLinePlaceholder":653},true,"\n",[553,656,658,660,663],{"class":555,"line":657},6,[553,659,560],{"class":559},[553,661,662],{"class":563},"template",[553,664,586],{"class":559},[553,666,668,671,674],{"class":555,"line":667},7,[553,669,670],{"class":559},"  \u003C",[553,672,673],{"class":563},"TresCanvas",[553,675,586],{"class":559},[553,677,679,682,685,688,690,692,695,697],{"class":678,"line":543},[555,619],[553,680,681],{"class":559},"    \u003C",[553,683,684],{"class":563},"TresPerspectiveCamera",[553,686,687],{"class":567}," :position",[553,689,574],{"class":559},[553,691,577],{"class":559},[553,693,694],{"class":580},"[3, 3, 3]",[553,696,577],{"class":559},[553,698,699],{"class":559}," />\n",[553,701,703,705],{"class":702,"line":544},[555,619],[553,704,681],{"class":559},[553,706,707],{"class":563},"Line2\n",[553,709,711,714,716,718,721],{"class":710,"line":545},[555,619],[553,712,713],{"class":567},"      :points",[553,715,574],{"class":559},[553,717,577],{"class":559},[553,719,720],{"class":580},"[[0, 0, 0], [1, 1, 0], [1, 1, 1], [0, 0, 1]]",[553,722,723],{"class":559},"\"\n",[553,725,727,730,732,734,737],{"class":726,"line":546},[555,619],[553,728,729],{"class":567},"      color",[553,731,574],{"class":559},[553,733,577],{"class":559},[553,735,736],{"class":580},"orange",[553,738,723],{"class":559},[553,740,742,745,747,749,752],{"class":741,"line":547},[555,619],[553,743,744],{"class":567},"      :line-width",[553,746,574],{"class":559},[553,748,577],{"class":559},[553,750,751],{"class":580},"3",[553,753,723],{"class":559},[553,755,757],{"class":555,"line":756},13,[553,758,759],{"class":559},"    />\n",[553,761,763,765,768],{"class":555,"line":762},14,[553,764,681],{"class":559},[553,766,767],{"class":563},"TresAmbientLight",[553,769,699],{"class":559},[553,771,773,776,778],{"class":555,"line":772},15,[553,774,775],{"class":559},"  \u003C/",[553,777,673],{"class":563},[553,779,586],{"class":559},[553,781,783,785,787],{"class":555,"line":782},16,[553,784,643],{"class":559},[553,786,662],{"class":563},[553,788,586],{"class":559},[533,790,792],{"id":791},"props","Props",[794,795,796,815],"table",{},[797,798,799],"thead",{},[800,801,802,806,809,812],"tr",{},[803,804,805],"th",{},"Prop",[803,807,808],{},"Type",[803,810,811],{},"Description",[803,813,814],{},"Default",[816,817,818,835,851,867,883,899,913,927,941,955,969],"tbody",{},[800,819,820,824,830,833],{},[821,822,823],"td",{},"points",[821,825,826],{},[523,827,829],{"href":828},"#points","See below",[821,831,832],{},"Points representing the line",[821,834],{},[800,836,837,840,845,848],{},[821,838,839],{},"vertexColors",[821,841,842],{},[514,843,844],{},"TresColor[]",[821,846,847],{},"Vertex colors, if using",[821,849,850],{},"null",[800,852,853,856,861,864],{},[821,854,855],{},"color",[821,857,858],{},[514,859,860],{},"TresColor",[821,862,863],{},"Color for the line – multiplies vertex colors",[821,865,866],{},"'white'",[800,868,869,872,877,880],{},[821,870,871],{},"lineWidth",[821,873,874],{},[514,875,876],{},"number",[821,878,879],{},"Width of the line – in world units with size attenuation, pixels otherwise",[821,881,882],{},"1",[800,884,885,888,893,896],{},[821,886,887],{},"worldUnits",[821,889,890],{},[514,891,892],{},"boolean",[821,894,895],{},"Whether the line width is in world units or pixels",[821,897,898],{},"false",[800,900,901,904,908,911],{},[821,902,903],{},"alphaToCoverage",[821,905,906],{},[514,907,892],{},[821,909,910],{},"Enables alpha to coverage. Can only be used with MSAA-enabled contexts (meaning when the renderer was created with antialias parameter set to true).",[821,912,898],{},[800,914,915,918,922,925],{},[821,916,917],{},"dashed",[821,919,920],{},[514,921,892],{},[821,923,924],{},"Whether the line is dashed",[821,926,898],{},[800,928,929,932,936,939],{},[821,930,931],{},"dashSize",[821,933,934],{},[514,935,876],{},[821,937,938],{},"Dash size",[821,940,882],{},[800,942,943,946,950,953],{},[821,944,945],{},"gapSize",[821,947,948],{},[514,949,876],{},[821,951,952],{},"Gap size in dashed line",[821,954,882],{},[800,956,957,960,964,967],{},[821,958,959],{},"dashScale",[821,961,962],{},[514,963,876],{},[821,965,966],{},"Scale of the dashes/gaps",[821,968,882],{},[800,970,971,974,978,981],{},[821,972,973],{},"dashOffset",[821,975,976],{},[514,977,876],{},[821,979,980],{},"Dash offset",[821,982,983],{},"0",[985,986,987],"h3",{"id":823},"Points",[510,989,990],{},"The points prop has the following type:",[510,992,993],{},[514,994,995],{},"Array\u003CVector3 | Vector2 | [number, number, number] | [number, number] | number>",[510,997,998,999,1002],{},"The passed array is converted to ",[514,1000,1001],{},"Array\u003Cnumber>"," – i.e., a series of x, y, z vertex coordinates. This is done array entry by array entry, as follows:",[794,1004,1005,1015],{},[797,1006,1007],{},[800,1008,1009,1012],{},[803,1010,1011],{},"Entry type",[803,1013,1014],{},"Interpretation",[816,1016,1017,1027,1040,1050,1060],{},[800,1018,1019,1024],{},[821,1020,1021],{},[514,1022,1023],{},"Vector3",[821,1025,1026],{},"Insert the vector's x, y, z into the result array",[800,1028,1029,1037],{},[821,1030,1031],{},[1032,1033,1034],"nobr",{},[514,1035,1036],{},"[number, number, number]",[821,1038,1039],{},"Insert the array values into the result array",[800,1041,1042,1047],{},[821,1043,1044],{},[514,1045,1046],{},"Vector2",[821,1048,1049],{},"Insert the vector's x, y, then 0 into the result array",[800,1051,1052,1057],{},[821,1053,1054],{},[514,1055,1056],{},"[number, number]",[821,1058,1059],{},"Insert the array values, then 0 into the result array",[800,1061,1062,1066],{},[821,1063,1064],{},[514,1065,876],{},[821,1067,1068],{},"Insert the number into the result array",[1070,1071,1072],"prose-warning",{},[510,1073,1074],{},"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.",[537,1076,1078],{"className":539,"code":1077,"language":548,"meta":549,"style":549},"\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",[514,1079,1080,1086,1142,1147,1151,1156,1211],{"__ignoreMap":549},[553,1081,1082],{"class":555,"line":556},[553,1083,1085],{"class":1084},"sHwdD","\u003C!-- Wrong -->\n",[553,1087,1088,1090,1092,1095,1097,1099,1101,1104,1107,1110,1112,1115,1117,1120,1122,1124,1126,1129,1131,1133,1135,1138,1140],{"class":555,"line":589},[553,1089,560],{"class":559},[553,1091,253],{"class":563},[553,1093,1094],{"class":559}," :",[553,1096,823],{"class":567},[553,1098,574],{"class":559},[553,1100,577],{"class":559},[553,1102,1103],{"class":599},"[[",[553,1105,882],{"class":1106},"sbssI",[553,1108,1109],{"class":559},",",[553,1111,882],{"class":1106},[553,1113,1114],{"class":599},"]",[553,1116,1109],{"class":559},[553,1118,1119],{"class":1106}," 2",[553,1121,1109],{"class":559},[553,1123,1119],{"class":1106},[553,1125,1109],{"class":559},[553,1127,1128],{"class":599}," [",[553,1130,751],{"class":1106},[553,1132,1109],{"class":559},[553,1134,751],{"class":1106},[553,1136,1137],{"class":599},"]]",[553,1139,577],{"class":559},[553,1141,699],{"class":559},[553,1143,1144],{"class":555,"line":542},[553,1145,1146],{"class":1084},"\u003C!-- result: (1,1,0) (2,2,3) (3,0,❌) -->\n",[553,1148,1149],{"class":555,"line":640},[553,1150,654],{"emptyLinePlaceholder":653},[553,1152,1153],{"class":555,"line":650},[553,1154,1155],{"class":1084},"\u003C!-- Right -->\n",[553,1157,1158,1160,1162,1164,1166,1168,1170,1172,1174,1176,1179,1181,1183,1185,1187,1189,1191,1194,1196,1198,1200,1202,1205,1207,1209],{"class":555,"line":657},[553,1159,560],{"class":559},[553,1161,253],{"class":563},[553,1163,1094],{"class":559},[553,1165,823],{"class":567},[553,1167,574],{"class":559},[553,1169,577],{"class":559},[553,1171,1103],{"class":599},[553,1173,882],{"class":1106},[553,1175,1109],{"class":559},[553,1177,1178],{"class":1106}," 1",[553,1180,1114],{"class":599},[553,1182,1109],{"class":559},[553,1184,1119],{"class":1106},[553,1186,1109],{"class":559},[553,1188,1119],{"class":1106},[553,1190,1109],{"class":559},[553,1192,1193],{"class":1106}," 0",[553,1195,1109],{"class":559},[553,1197,1128],{"class":599},[553,1199,751],{"class":1106},[553,1201,1109],{"class":559},[553,1203,1204],{"class":1106}," 3",[553,1206,1137],{"class":599},[553,1208,577],{"class":559},[553,1210,699],{"class":559},[553,1212,1213],{"class":555,"line":667},[553,1214,1215],{"class":1084},"\u003C!-- result: (1,1,0) (2,2,0) (3,3,0) -->\n",[510,1217,1218],{},"The component, like Three.js, will not keep you from shooting yourself in the foot.",[1220,1221,1222],"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 .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":549,"searchDepth":556,"depth":589,"links":1224},[1225,1226],{"id":535,"depth":589,"text":15},{"id":791,"depth":589,"text":792,"children":1227},[1228],{"id":823,"depth":542,"text":987},"Component for creating 3D lines using Three.js's Line2.","md",null,{},{"title":253,"description":1229},"3_PA8PNLJqkUe1WxI0VGct3uJ9JTkMiGeSxC7ZRsjNc",[1236,1238],{"title":249,"path":250,"stem":251,"description":1237,"children":-1},"Short-cut for a IcosahedronGeometry and a MeshBasicMaterial with a Mesh object.",{"title":257,"path":258,"stem":259,"description":1239,"children":-1},"Short-cut for a OctahedronGeometry and a MeshBasicMaterial with a Mesh object.",1787004680135]