[{"data":1,"prerenderedAt":1307},["ShallowReactive",2],{"navigation":3,"\u002Fapi\u002Fshapes\u002Fline2":498,"\u002Fapi\u002Fshapes\u002Fline2-surround":1302},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10,14,18,22],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":19,"path":20,"stem":21},"Loading Models","\u002Fgetting-started\u002Floading-models","1.getting-started\u002F4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","\u002Fgetting-started\u002Fupgrade-guide","1.getting-started\u002F5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","\u002Fapi","2.api",[31,34,96,126,168,210,308,334,368,418,464],{"title":32,"path":28,"stem":33},"All","2.api\u002Findex",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","\u002Fapi\u002Fabstractions","2.api\u002F1.abstractions\u002Findex",[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","\u002Fapi\u002Fabstractions\u002Falign","2.api\u002F1.abstractions\u002Falign",{"title":45,"path":46,"stem":47},"Billboard","\u002Fapi\u002Fabstractions\u002Fbillboard","2.api\u002F1.abstractions\u002Fbillboard",{"title":49,"path":50,"stem":51},"Camera Shake","\u002Fapi\u002Fabstractions\u002Fcamera-shake","2.api\u002F1.abstractions\u002Fcamera-shake",{"title":53,"path":54,"stem":55},"Decal","\u002Fapi\u002Fabstractions\u002Fdecal","2.api\u002F1.abstractions\u002Fdecal",{"title":57,"path":58,"stem":59},"Edges","\u002Fapi\u002Fabstractions\u002Fedges","2.api\u002F1.abstractions\u002Fedges",{"title":61,"path":62,"stem":63},"Fit","\u002Fapi\u002Fabstractions\u002Ffit","2.api\u002F1.abstractions\u002Ffit",{"title":65,"path":66,"stem":67},"Instances","\u002Fapi\u002Fabstractions\u002Finstances","2.api\u002F1.abstractions\u002Finstances",{"title":69,"path":70,"stem":71},"Levioso (Float)","\u002Fapi\u002Fabstractions\u002Flevioso","2.api\u002F1.abstractions\u002Flevioso",{"title":73,"path":74,"stem":75},"Mask","\u002Fapi\u002Fabstractions\u002Fmask","2.api\u002F1.abstractions\u002Fmask",{"title":77,"path":78,"stem":79},"Merged","\u002Fapi\u002Fabstractions\u002Fmerged","2.api\u002F1.abstractions\u002Fmerged",{"title":81,"path":82,"stem":83},"Outline","\u002Fapi\u002Fabstractions\u002Foutline","2.api\u002F1.abstractions\u002Foutline",{"title":85,"path":86,"stem":87},"Sampler","\u002Fapi\u002Fabstractions\u002Fsampler","2.api\u002F1.abstractions\u002Fsampler",{"title":89,"path":90,"stem":91},"ScreenSizer","\u002Fapi\u002Fabstractions\u002Fscreen-sizer","2.api\u002F1.abstractions\u002Fscreen-sizer",{"title":93,"path":94,"stem":95},"ScreenSpace","\u002Fapi\u002Fabstractions\u002Fscreen-space","2.api\u002F1.abstractions\u002Fscreen-space",{"title":97,"path":98,"stem":99,"children":100},"Controls","\u002Fapi\u002Fcontrols","2.api\u002F2.controls\u002Findex",[101,102,106,110,114,118,122],{"title":97,"path":98,"stem":99},{"title":103,"path":104,"stem":105},"Camera Controls","\u002Fapi\u002Fcontrols\u002Fcamera-controls","2.api\u002F2.controls\u002Fcamera-controls",{"title":107,"path":108,"stem":109},"Keyboard Controls","\u002Fapi\u002Fcontrols\u002Fkeyboard-controls","2.api\u002F2.controls\u002Fkeyboard-controls",{"title":111,"path":112,"stem":113},"Map Controls","\u002Fapi\u002Fcontrols\u002Fmap-controls","2.api\u002F2.controls\u002Fmap-controls",{"title":115,"path":116,"stem":117},"Orbit Controls","\u002Fapi\u002Fcontrols\u002Forbit-controls","2.api\u002F2.controls\u002Forbit-controls",{"title":119,"path":120,"stem":121},"PointerLock Controls","\u002Fapi\u002Fcontrols\u002Fpointer-lock-controls","2.api\u002F2.controls\u002Fpointer-lock-controls",{"title":123,"path":124,"stem":125},"Transform Controls","\u002Fapi\u002Fcontrols\u002Ftransform-controls","2.api\u002F2.controls\u002Ftransform-controls",{"title":127,"path":128,"stem":129,"children":130},"Loaders","\u002Fapi\u002Floaders","2.api\u002F3.loaders\u002Findex",[131,132,136,140,144,148,152,156,160,164],{"title":127,"path":128,"stem":129},{"title":133,"path":134,"stem":135},"useGLTF","\u002Fapi\u002Floaders\u002Fuse-gltf","2.api\u002F3.loaders\u002F1.use-gltf",{"title":137,"path":138,"stem":139},"GLTFModel","\u002Fapi\u002Floaders\u002Fgltf-model","2.api\u002F3.loaders\u002F2.gltf-model",{"title":141,"path":142,"stem":143},"useFBX","\u002Fapi\u002Floaders\u002Fuse-fbx","2.api\u002F3.loaders\u002F3.use-fbx",{"title":145,"path":146,"stem":147},"FBXModel","\u002Fapi\u002Floaders\u002Ffbx-model","2.api\u002F3.loaders\u002F4.fbx-model",{"title":149,"path":150,"stem":151},"useTexture","\u002Fapi\u002Floaders\u002Fuse-texture","2.api\u002F3.loaders\u002F5.use-texture",{"title":153,"path":154,"stem":155},"useTextures","\u002Fapi\u002Floaders\u002Fuse-textures","2.api\u002F3.loaders\u002F6.use-textures",{"title":157,"path":158,"stem":159},"useSVG","\u002Fapi\u002Floaders\u002Fuse-svg","2.api\u002F3.loaders\u002F7.use-svg",{"title":161,"path":162,"stem":163},"useProgress","\u002Fapi\u002Floaders\u002Fuse-progress","2.api\u002F3.loaders\u002Fuse-progress",{"title":165,"path":166,"stem":167},"useVideoTexture","\u002Fapi\u002Floaders\u002Fuse-video-texture","2.api\u002F3.loaders\u002Fuse-video-texture",{"title":169,"path":170,"stem":171,"children":172},"Materials","\u002Fapi\u002Fmaterials","2.api\u002F4.materials\u002Findex",[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","\u002Fapi\u002Fmaterials\u002Fcustom-shader-material","2.api\u002F4.materials\u002Fcustom-shader-material",{"title":179,"path":180,"stem":181},"Mesh Glass Material","\u002Fapi\u002Fmaterials\u002Fglass-material","2.api\u002F4.materials\u002Fglass-material",{"title":183,"path":184,"stem":185},"Holographic Material","\u002Fapi\u002Fmaterials\u002Fholographic-material","2.api\u002F4.materials\u002Fholographic-material",{"title":187,"path":188,"stem":189},"Mesh Discard Material","\u002Fapi\u002Fmaterials\u002Fmesh-discard-material","2.api\u002F4.materials\u002Fmesh-discard-material",{"title":191,"path":192,"stem":193},"Mesh Portal Material","\u002Fapi\u002Fmaterials\u002Fmesh-portal-material","2.api\u002F4.materials\u002Fmesh-portal-material",{"title":195,"path":196,"stem":197},"Mesh Reflection Material","\u002Fapi\u002Fmaterials\u002Fmesh-reflection-material","2.api\u002F4.materials\u002Fmesh-reflection-material",{"title":199,"path":200,"stem":201},"Mesh Transmission Material","\u002Fapi\u002Fmaterials\u002Fmesh-transmission-material","2.api\u002F4.materials\u002Fmesh-transmission-material",{"title":203,"path":204,"stem":205},"Point Material","\u002Fapi\u002Fmaterials\u002Fpoint-material","2.api\u002F4.materials\u002Fpoint-material",{"title":207,"path":208,"stem":209},"Wobble Material","\u002Fapi\u002Fmaterials\u002Fwobble-material","2.api\u002F4.materials\u002Fwobble-material",{"title":211,"path":212,"stem":213,"children":214},"Shapes","\u002Fapi\u002Fshapes","2.api\u002F5.shapes\u002Findex",[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","\u002Fapi\u002Fshapes\u002Fbox","2.api\u002F5.shapes\u002Fbox",{"title":221,"path":222,"stem":223},"CatmullRomCurve3","\u002Fapi\u002Fshapes\u002Fcatmullromcurve3","2.api\u002F5.shapes\u002Fcatmullromcurve3",{"title":225,"path":226,"stem":227},"Circle","\u002Fapi\u002Fshapes\u002Fcircle","2.api\u002F5.shapes\u002Fcircle",{"title":229,"path":230,"stem":231},"Cone","\u002Fapi\u002Fshapes\u002Fcone","2.api\u002F5.shapes\u002Fcone",{"title":233,"path":234,"stem":235},"Cubic Bezier Line","\u002Fapi\u002Fshapes\u002Fcubic-bezier-line","2.api\u002F5.shapes\u002Fcubic-bezier-line",{"title":237,"path":238,"stem":239},"Cylinder","\u002Fapi\u002Fshapes\u002Fcylinder","2.api\u002F5.shapes\u002Fcylinder",{"title":241,"path":242,"stem":243},"Dodecahedron","\u002Fapi\u002Fshapes\u002Fdodecahedron","2.api\u002F5.shapes\u002Fdodecahedron",{"title":245,"path":246,"stem":247},"Grid","\u002Fapi\u002Fshapes\u002Fgrid","2.api\u002F5.shapes\u002Fgrid",{"title":249,"path":250,"stem":251},"Icosahedron","\u002Fapi\u002Fshapes\u002Ficosahedron","2.api\u002F5.shapes\u002Ficosahedron",{"title":253,"path":254,"stem":255},"Line2","\u002Fapi\u002Fshapes\u002Fline2","2.api\u002F5.shapes\u002Fline2",{"title":257,"path":258,"stem":259},"Octahedron","\u002Fapi\u002Fshapes\u002Foctahedron","2.api\u002F5.shapes\u002Foctahedron",{"title":261,"path":262,"stem":263},"Plane","\u002Fapi\u002Fshapes\u002Fplane","2.api\u002F5.shapes\u002Fplane",{"title":265,"path":266,"stem":267},"Quadratic Bezier Line","\u002Fapi\u002Fshapes\u002Fquadratic-bezier-line","2.api\u002F5.shapes\u002Fquadratic-bezier-line",{"title":269,"path":270,"stem":271},"Ring","\u002Fapi\u002Fshapes\u002Fring","2.api\u002F5.shapes\u002Fring",{"title":273,"path":274,"stem":275},"Rounded Box","\u002Fapi\u002Fshapes\u002Frounded-box","2.api\u002F5.shapes\u002Frounded-box",{"title":277,"path":278,"stem":279},"Rounded Plane","\u002Fapi\u002Fshapes\u002Frounded-plane","2.api\u002F5.shapes\u002Frounded-plane",{"title":281,"path":282,"stem":283},"Screen Quad","\u002Fapi\u002Fshapes\u002Fscreen-quad","2.api\u002F5.shapes\u002Fscreen-quad",{"title":285,"path":286,"stem":287},"Sphere","\u002Fapi\u002Fshapes\u002Fsphere","2.api\u002F5.shapes\u002Fsphere",{"title":289,"path":290,"stem":291},"Superformula","\u002Fapi\u002Fshapes\u002Fsuperformula","2.api\u002F5.shapes\u002Fsuperformula",{"title":293,"path":294,"stem":295},"Tetrahedron","\u002Fapi\u002Fshapes\u002Ftetrahedron","2.api\u002F5.shapes\u002Ftetrahedron",{"title":297,"path":298,"stem":299},"Torus","\u002Fapi\u002Fshapes\u002Ftorus","2.api\u002F5.shapes\u002Ftorus",{"title":301,"path":302,"stem":303},"Torus Knot","\u002Fapi\u002Fshapes\u002Ftorus-knot","2.api\u002F5.shapes\u002Ftorus-knot",{"title":305,"path":306,"stem":307},"Tube","\u002Fapi\u002Fshapes\u002Ftube","2.api\u002F5.shapes\u002Ftube",{"title":309,"path":310,"stem":311,"children":312},"Debug\u002FPerformance","\u002Fapi\u002Fdebug-performance","2.api\u002F6.debug-performance\u002Findex",[313,314,318,322,326,330],{"title":309,"path":310,"stem":311},{"title":315,"path":316,"stem":317},"Helper","\u002Fapi\u002Fdebug-performance\u002Fhelper","2.api\u002F6.debug-performance\u002Fhelper",{"title":319,"path":320,"stem":321},"LOD","\u002Fapi\u002Fdebug-performance\u002Flod","2.api\u002F6.debug-performance\u002Flod",{"title":323,"path":324,"stem":325},"Stats","\u002Fapi\u002Fdebug-performance\u002Fstats","2.api\u002F6.debug-performance\u002Fstats",{"title":327,"path":328,"stem":329},"StatsGl","\u002Fapi\u002Fdebug-performance\u002Fstats-gl","2.api\u002F6.debug-performance\u002Fstats-gl",{"title":331,"path":332,"stem":333},"useBVH","\u002Fapi\u002Fdebug-performance\u002Fuse-bvh","2.api\u002F6.debug-performance\u002Fuse-bvh",{"title":335,"path":336,"stem":337,"children":338},"Light\u002FShadow","\u002Fapi\u002Flight-shadow","2.api\u002F7.light-shadow\u002Findex",[339,340,344,348,352,356,360,364],{"title":335,"path":336,"stem":337},{"title":341,"path":342,"stem":343},"Accumulative Shadows","\u002Fapi\u002Flight-shadow\u002Faccumulative-shadows","2.api\u002F7.light-shadow\u002Faccumulative-shadows",{"title":345,"path":346,"stem":347},"Bake Shadows","\u002Fapi\u002Flight-shadow\u002Fbake-shadows","2.api\u002F7.light-shadow\u002Fbake-shadows",{"title":349,"path":350,"stem":351},"Circle Shadow","\u002Fapi\u002Flight-shadow\u002Fcircle-shadow","2.api\u002F7.light-shadow\u002Fcircle-shadow",{"title":353,"path":354,"stem":355},"Contact Shadows","\u002Fapi\u002Flight-shadow\u002Fcontact-shadows","2.api\u002F7.light-shadow\u002Fcontact-shadows",{"title":357,"path":358,"stem":359},"Lensflare","\u002Fapi\u002Flight-shadow\u002Flensflare","2.api\u002F7.light-shadow\u002Flensflare",{"title":361,"path":362,"stem":363},"Randomized Lights","\u002Fapi\u002Flight-shadow\u002Frandomized-lights","2.api\u002F7.light-shadow\u002Frandomized-lights",{"title":365,"path":366,"stem":367},"Soft Shadows","\u002Fapi\u002Flight-shadow\u002Fsoft-shadows","2.api\u002F7.light-shadow\u002Fsoft-shadows",{"title":369,"path":370,"stem":371,"children":372},"Staging","\u002Fapi\u002Fstaging","2.api\u002F8.staging\u002Findex",[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","\u002Fapi\u002Fstaging\u002Fenvironment","2.api\u002F8.staging\u002F1.environment",{"title":379,"path":380,"stem":381},"useEnvironment","\u002Fapi\u002Fstaging\u002Fuse-environment","2.api\u002F8.staging\u002F2.use-environment",{"title":383,"path":384,"stem":385},"Lightformer","\u002Fapi\u002Fstaging\u002Flightformer","2.api\u002F8.staging\u002F3.lightformer",{"title":387,"path":388,"stem":389},"Backdrop","\u002Fapi\u002Fstaging\u002Fbackdrop","2.api\u002F8.staging\u002Fbackdrop",{"title":391,"path":392,"stem":393},"Ocean","\u002Fapi\u002Fstaging\u002Focean","2.api\u002F8.staging\u002Focean",{"title":395,"path":396,"stem":397},"Precipitation","\u002Fapi\u002Fstaging\u002Fprecipitation","2.api\u002F8.staging\u002Fprecipitation",{"title":399,"path":400,"stem":401},"Sky","\u002Fapi\u002Fstaging\u002Fsky","2.api\u002F8.staging\u002Fsky",{"title":403,"path":404,"stem":405},"Smoke","\u002Fapi\u002Fstaging\u002Fsmoke","2.api\u002F8.staging\u002Fsmoke",{"title":407,"path":408,"stem":409},"Sparkles","\u002Fapi\u002Fstaging\u002Fsparkles","2.api\u002F8.staging\u002Fsparkles",{"title":411,"path":412,"stem":413},"Stage","\u002Fapi\u002Fstaging\u002Fstage","2.api\u002F8.staging\u002Fstage",{"title":415,"path":416,"stem":417},"Stars","\u002Fapi\u002Fstaging\u002Fstars","2.api\u002F8.staging\u002Fstars",{"title":419,"path":420,"stem":421,"children":422},"Objects","\u002Fapi\u002Fobjects","2.api\u002F9.objects\u002Findex",[423,424,428,432,436,440,444,448,452,456,460],{"title":419,"path":420,"stem":421},{"title":425,"path":426,"stem":427},"AnimatedSprite","\u002Fapi\u002Fobjects\u002Fanimated-sprite","2.api\u002F9.objects\u002Fanimated-sprite",{"title":429,"path":430,"stem":431},"CubeCamera","\u002Fapi\u002Fobjects\u002Fcube-camera","2.api\u002F9.objects\u002Fcube-camera",{"title":433,"path":434,"stem":435},"Fbo","\u002Fapi\u002Fobjects\u002Ffbo","2.api\u002F9.objects\u002Ffbo",{"title":437,"path":438,"stem":439},"GradientTexture","\u002Fapi\u002Fobjects\u002Fgradient-texture","2.api\u002F9.objects\u002Fgradient-texture",{"title":441,"path":442,"stem":443},"HTML","\u002Fapi\u002Fobjects\u002Fhtml","2.api\u002F9.objects\u002Fhtml",{"title":445,"path":446,"stem":447},"Image","\u002Fapi\u002Fobjects\u002Fimage","2.api\u002F9.objects\u002Fimage",{"title":449,"path":450,"stem":451},"MarchingCubes","\u002Fapi\u002Fobjects\u002Fmarching-cubes","2.api\u002F9.objects\u002Fmarching-cubes",{"title":453,"path":454,"stem":455},"Reflector","\u002Fapi\u002Fobjects\u002Freflector","2.api\u002F9.objects\u002Freflector",{"title":457,"path":458,"stem":459},"Refractor","\u002Fapi\u002Fobjects\u002Frefractor","2.api\u002F9.objects\u002Frefractor",{"title":461,"path":462,"stem":463},"Text3D","\u002Fapi\u002Fobjects\u002Ftext-3d","2.api\u002F9.objects\u002Ftext-3d",{"title":465,"path":466,"stem":467,"children":468},"Miscellaneous","\u002Fapi\u002Fmiscellaneous","2.api\u002Fmiscellaneous\u002Findex",[469,470,474,478,482,486,490,494],{"title":465,"path":466,"stem":467},{"title":471,"path":472,"stem":473},"Bounds","\u002Fapi\u002Fmiscellaneous\u002Fbounds","2.api\u002Fmiscellaneous\u002Fbounds",{"title":475,"path":476,"stem":477},"GlobalAudio","\u002Fapi\u002Fmiscellaneous\u002Fglobal-audio","2.api\u002Fmiscellaneous\u002Fglobal-audio",{"title":479,"path":480,"stem":481},"MouseParallax","\u002Fapi\u002Fmiscellaneous\u002Fmouse-parallax","2.api\u002Fmiscellaneous\u002Fmouse-parallax",{"title":483,"path":484,"stem":485},"PositionalAudio","\u002Fapi\u002Fmiscellaneous\u002Fpositional-audio","2.api\u002Fmiscellaneous\u002Fpositional-audio",{"title":487,"path":488,"stem":489},"useAnimations","\u002Fapi\u002Fmiscellaneous\u002Fuse-animations","2.api\u002Fmiscellaneous\u002Fuse-animations",{"title":491,"path":492,"stem":493},"useGLTFExporter","\u002Fapi\u002Fmiscellaneous\u002Fuse-gltf-exporter","2.api\u002Fmiscellaneous\u002Fuse-gltf-exporter",{"title":495,"path":496,"stem":497},"useIntersect","\u002Fapi\u002Fmiscellaneous\u002Fuse-intersect","2.api\u002Fmiscellaneous\u002Fuse-intersect",{"id":499,"title":253,"body":500,"description":1296,"extension":1297,"links":1298,"meta":1299,"navigation":653,"path":254,"seo":1300,"stem":255,"__hash__":1301},"docs\u002F2.api\u002F5.shapes\u002Fline2.md",{"type":501,"value":502,"toc":1290},"minimark",[503,509,532,536,864,868,1056,1060,1063,1068,1075,1141,1147,1283,1286],[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 \u002F>"," component for creating 3-D lines. It wraps ",[523,524,528,529],"a",{"href":525,"rel":526},"https:\u002F\u002Fgithub.com\u002Fmrdoob\u002Fthree.js\u002Fblob\u002Fe2bcdfff6427c2f106cb819b18d88d1e13aa508a\u002Fexamples\u002Fjsm\u002Flines\u002FLine2.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\u002Fcore'\nimport { Line2 } from '@tresjs\u002Fcientos'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" \u002F>\n    \u003CLine2\n      :points=\"[[0, 0, 0], [1, 1, 0], [1, 1, 1], [0, 0, 1]]\"\n      color=\"orange\"\n      :line-width=\"3\"\n    \u002F>\n    \u003CTresAmbientLight \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n",[542,543,544,545,546,547],3,8,9,10,11,12,"vue","",[514,551,552,587,616,638,648,655,665,676,719,727,798,813,829,835,845,855],{"__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\u002Fcore",[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\u002Fcientos",[553,637,615],{"class":559},[553,639,641,644,646],{"class":555,"line":640},4,[553,642,643],{"class":559},"\u003C\u002F",[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,691,693,695,698,702,705,707,709,711,714,716],{"class":678,"line":543},[555,619],[553,680,681],{"class":559},"    \u003C",[553,683,684],{"class":563},"TresPerspectiveCamera",[553,686,687],{"class":559}," :",[553,689,690],{"class":567},"position",[553,692,574],{"class":559},[553,694,577],{"class":559},[553,696,697],{"class":559},"[",[553,699,701],{"class":700},"sbssI","3",[553,703,704],{"class":559},", ",[553,706,701],{"class":700},[553,708,704],{"class":559},[553,710,701],{"class":700},[553,712,713],{"class":559},"]",[553,715,577],{"class":559},[553,717,718],{"class":559}," \u002F>\n",[553,720,722,724],{"class":721,"line":544},[555,619],[553,723,681],{"class":559},[553,725,726],{"class":563},"Line2\n",[553,728,730,733,736,738,740,743,746,748,750,752,754,757,760,762,764,766,768,770,772,774,776,778,780,782,784,786,788,790,792,795],{"class":729,"line":545},[555,619],[553,731,732],{"class":559},"      :",[553,734,735],{"class":567},"points",[553,737,574],{"class":559},[553,739,577],{"class":559},[553,741,742],{"class":559},"[[",[553,744,745],{"class":700},"0",[553,747,704],{"class":559},[553,749,745],{"class":700},[553,751,704],{"class":559},[553,753,745],{"class":700},[553,755,756],{"class":559},"], [",[553,758,759],{"class":700},"1",[553,761,704],{"class":559},[553,763,759],{"class":700},[553,765,704],{"class":559},[553,767,745],{"class":700},[553,769,756],{"class":559},[553,771,759],{"class":700},[553,773,704],{"class":559},[553,775,759],{"class":700},[553,777,704],{"class":559},[553,779,759],{"class":700},[553,781,756],{"class":559},[553,783,745],{"class":700},[553,785,704],{"class":559},[553,787,745],{"class":700},[553,789,704],{"class":559},[553,791,759],{"class":700},[553,793,794],{"class":559},"]]",[553,796,797],{"class":559},"\"\n",[553,799,801,804,806,808,811],{"class":800,"line":546},[555,619],[553,802,803],{"class":567},"      color",[553,805,574],{"class":559},[553,807,577],{"class":559},[553,809,810],{"class":580},"orange",[553,812,797],{"class":559},[553,814,816,818,821,823,825,827],{"class":815,"line":547},[555,619],[553,817,732],{"class":559},[553,819,820],{"class":567},"line-width",[553,822,574],{"class":559},[553,824,577],{"class":559},[553,826,701],{"class":700},[553,828,797],{"class":559},[553,830,832],{"class":555,"line":831},13,[553,833,834],{"class":559},"    \u002F>\n",[553,836,838,840,843],{"class":555,"line":837},14,[553,839,681],{"class":559},[553,841,842],{"class":563},"TresAmbientLight",[553,844,718],{"class":559},[553,846,848,851,853],{"class":555,"line":847},15,[553,849,850],{"class":559},"  \u003C\u002F",[553,852,673],{"class":563},[553,854,586],{"class":559},[553,856,858,860,862],{"class":555,"line":857},16,[553,859,643],{"class":559},[553,861,662],{"class":563},[553,863,586],{"class":559},[533,865,867],{"id":866},"props","Props",[869,870,871,890],"table",{},[872,873,874],"thead",{},[875,876,877,881,884,887],"tr",{},[878,879,880],"th",{},"Prop",[878,882,883],{},"Type",[878,885,886],{},"Description",[878,888,889],{},"Default",[891,892,893,909,925,941,956,972,986,1000,1014,1028,1042],"tbody",{},[875,894,895,898,904,907],{},[896,897,735],"td",{},[896,899,900],{},[523,901,903],{"href":902},"#points","See below",[896,905,906],{},"Points representing the line",[896,908],{},[875,910,911,914,919,922],{},[896,912,913],{},"vertexColors",[896,915,916],{},[514,917,918],{},"TresColor[]",[896,920,921],{},"Vertex colors, if using",[896,923,924],{},"null",[875,926,927,930,935,938],{},[896,928,929],{},"color",[896,931,932],{},[514,933,934],{},"TresColor",[896,936,937],{},"Color for the line – multiplies vertex colors",[896,939,940],{},"'white'",[875,942,943,946,951,954],{},[896,944,945],{},"lineWidth",[896,947,948],{},[514,949,950],{},"number",[896,952,953],{},"Width of the line – in world units with size attenuation, pixels otherwise",[896,955,759],{},[875,957,958,961,966,969],{},[896,959,960],{},"worldUnits",[896,962,963],{},[514,964,965],{},"boolean",[896,967,968],{},"Whether the line width is in world units or pixels",[896,970,971],{},"false",[875,973,974,977,981,984],{},[896,975,976],{},"alphaToCoverage",[896,978,979],{},[514,980,965],{},[896,982,983],{},"Enables alpha to coverage. Can only be used with MSAA-enabled contexts (meaning when the renderer was created with antialias parameter set to true).",[896,985,971],{},[875,987,988,991,995,998],{},[896,989,990],{},"dashed",[896,992,993],{},[514,994,965],{},[896,996,997],{},"Whether the line is dashed",[896,999,971],{},[875,1001,1002,1005,1009,1012],{},[896,1003,1004],{},"dashSize",[896,1006,1007],{},[514,1008,950],{},[896,1010,1011],{},"Dash size",[896,1013,759],{},[875,1015,1016,1019,1023,1026],{},[896,1017,1018],{},"gapSize",[896,1020,1021],{},[514,1022,950],{},[896,1024,1025],{},"Gap size in dashed line",[896,1027,759],{},[875,1029,1030,1033,1037,1040],{},[896,1031,1032],{},"dashScale",[896,1034,1035],{},[514,1036,950],{},[896,1038,1039],{},"Scale of the dashes\u002Fgaps",[896,1041,759],{},[875,1043,1044,1047,1051,1054],{},[896,1045,1046],{},"dashOffset",[896,1048,1049],{},[514,1050,950],{},[896,1052,1053],{},"Dash offset",[896,1055,745],{},[1057,1058,1059],"h3",{"id":735},"Points",[510,1061,1062],{},"The points prop has the following type:",[510,1064,1065],{},[514,1066,1067],{},"Array\u003CVector3 | Vector2 | [number, number, number] | [number, number] | number>",[510,1069,1070,1071,1074],{},"The passed array is converted to ",[514,1072,1073],{},"Array\u003Cnumber>"," – i.e., a series of x, y, z vertex coordinates. This is done array entry by array entry, as follows:",[869,1076,1077,1087],{},[872,1078,1079],{},[875,1080,1081,1084],{},[878,1082,1083],{},"Entry type",[878,1085,1086],{},"Interpretation",[891,1088,1089,1099,1112,1122,1132],{},[875,1090,1091,1096],{},[896,1092,1093],{},[514,1094,1095],{},"Vector3",[896,1097,1098],{},"Insert the vector's x, y, z into the result array",[875,1100,1101,1109],{},[896,1102,1103],{},[1104,1105,1106],"nobr",{},[514,1107,1108],{},"[number, number, number]",[896,1110,1111],{},"Insert the array values into the result array",[875,1113,1114,1119],{},[896,1115,1116],{},[514,1117,1118],{},"Vector2",[896,1120,1121],{},"Insert the vector's x, y, then 0 into the result array",[875,1123,1124,1129],{},[896,1125,1126],{},[514,1127,1128],{},"[number, number]",[896,1130,1131],{},"Insert the array values, then 0 into the result array",[875,1133,1134,1138],{},[896,1135,1136],{},[514,1137,950],{},[896,1139,1140],{},"Insert the number into the result array",[1142,1143,1144],"prose-warning",{},[510,1145,1146],{},"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,1148,1150],{"className":539,"code":1149,"language":548,"meta":549,"style":549},"\u003C!-- Wrong -->\n\u003CLine2 :points=\"[[1,1], 2, 2, [3,3]]\" \u002F>\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]]\" \u002F>\n\u003C!-- result: (1,1,0) (2,2,0) (3,3,0) -->\n",[514,1151,1152,1158,1209,1214,1218,1223,1278],{"__ignoreMap":549},[553,1153,1154],{"class":555,"line":556},[553,1155,1157],{"class":1156},"sHwdD","\u003C!-- Wrong -->\n",[553,1159,1160,1162,1164,1166,1168,1170,1172,1174,1176,1179,1181,1183,1185,1188,1190,1192,1194,1197,1199,1201,1203,1205,1207],{"class":555,"line":589},[553,1161,560],{"class":559},[553,1163,253],{"class":563},[553,1165,687],{"class":559},[553,1167,735],{"class":567},[553,1169,574],{"class":559},[553,1171,577],{"class":559},[553,1173,742],{"class":599},[553,1175,759],{"class":700},[553,1177,1178],{"class":559},",",[553,1180,759],{"class":700},[553,1182,713],{"class":599},[553,1184,1178],{"class":559},[553,1186,1187],{"class":700}," 2",[553,1189,1178],{"class":559},[553,1191,1187],{"class":700},[553,1193,1178],{"class":559},[553,1195,1196],{"class":599}," [",[553,1198,701],{"class":700},[553,1200,1178],{"class":559},[553,1202,701],{"class":700},[553,1204,794],{"class":599},[553,1206,577],{"class":559},[553,1208,718],{"class":559},[553,1210,1211],{"class":555,"line":542},[553,1212,1213],{"class":1156},"\u003C!-- result: (1,1,0) (2,2,3) (3,0,❌) -->\n",[553,1215,1216],{"class":555,"line":640},[553,1217,654],{"emptyLinePlaceholder":653},[553,1219,1220],{"class":555,"line":650},[553,1221,1222],{"class":1156},"\u003C!-- Right -->\n",[553,1224,1225,1227,1229,1231,1233,1235,1237,1239,1241,1243,1246,1248,1250,1252,1254,1256,1258,1261,1263,1265,1267,1269,1272,1274,1276],{"class":555,"line":657},[553,1226,560],{"class":559},[553,1228,253],{"class":563},[553,1230,687],{"class":559},[553,1232,735],{"class":567},[553,1234,574],{"class":559},[553,1236,577],{"class":559},[553,1238,742],{"class":599},[553,1240,759],{"class":700},[553,1242,1178],{"class":559},[553,1244,1245],{"class":700}," 1",[553,1247,713],{"class":599},[553,1249,1178],{"class":559},[553,1251,1187],{"class":700},[553,1253,1178],{"class":559},[553,1255,1187],{"class":700},[553,1257,1178],{"class":559},[553,1259,1260],{"class":700}," 0",[553,1262,1178],{"class":559},[553,1264,1196],{"class":599},[553,1266,701],{"class":700},[553,1268,1178],{"class":559},[553,1270,1271],{"class":700}," 3",[553,1273,794],{"class":599},[553,1275,577],{"class":559},[553,1277,718],{"class":559},[553,1279,1280],{"class":555,"line":667},[553,1281,1282],{"class":1156},"\u003C!-- result: (1,1,0) (2,2,0) (3,3,0) -->\n",[510,1284,1285],{},"The component, like Three.js, will not keep you from shooting yourself in the foot.",[1287,1288,1289],"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":549,"searchDepth":556,"depth":589,"links":1291},[1292,1293],{"id":535,"depth":589,"text":15},{"id":866,"depth":589,"text":867,"children":1294},[1295],{"id":735,"depth":542,"text":1059},"Component for creating 3D lines using Three.js's Line2.","md",null,{},{"title":253,"description":1296},"YTuT8KgQYLHeyqqWlrzJw6EHsHroohvx3OSFmnm7qB8",[1303,1305],{"title":249,"path":250,"stem":251,"description":1304,"children":-1},"Short-cut for a IcosahedronGeometry and a MeshBasicMaterial with a Mesh object.",{"title":257,"path":258,"stem":259,"description":1306,"children":-1},"Short-cut for a OctahedronGeometry and a MeshBasicMaterial with a Mesh object.",1791549574217]