[{"data":1,"prerenderedAt":5563},["ShallowReactive",2],{"navigation":3,"\u002Fapi\u002Flight-shadow":498,"\u002Fapi\u002Flight-shadow-surround":519,"light-shadow-list":524},[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":335,"body":500,"description":512,"extension":513,"links":514,"meta":515,"navigation":516,"path":336,"seo":517,"stem":337,"__hash__":518},"docs\u002F2.api\u002F7.light-shadow\u002Findex.md",{"type":501,"value":502,"toc":507},"minimark",[503],[504,505],"api-list",{"list-name":506},"light-shadow-list",{"title":508,"searchDepth":509,"depth":510,"links":511},"",1,2,[],"All light and shadow components","md",null,{},true,{"title":335,"description":512},"B0bNYRR6uHrMAPYM97O4pO0XgKVI2RHigAOH6CRDa_0",[520,522],{"title":331,"path":332,"stem":333,"description":521,"children":-1},"Speed up raycasting with Bounding Volume Hierarchy (BVH) optimization.",{"title":341,"path":342,"stem":343,"description":523,"children":-1},"DirectionalLight-based shadow component with progressive accumulation.",[525,1207,1901,2335,2842,4399,5107],{"id":526,"title":341,"body":527,"description":523,"extension":513,"links":514,"meta":1204,"navigation":516,"path":342,"seo":1205,"stem":343,"__hash__":1206},"docs\u002F2.api\u002F7.light-shadow\u002Faccumulative-shadows.md",{"type":501,"value":528,"toc":1199},[529,535,555,559,943,947,1161,1165,1175,1195],[530,531,532],"scene-controls-wrapper",{},[533,534],"light-shadow-accumulative-shadows",{},[536,537,538,542,543,546,547,554],"p",{},[539,540,541],"code",{},"\u003CAccumulativeShadows \u002F>"," is a ",[539,544,545],{},"THREE.DirectionalLight","-based shadow component. It displays shadows on a single shadow catcher plane, included in the component. It is based on ",[548,549,553],"a",{"href":550,"rel":551},"http:\u002F\u002Fdrei.docs.pmnd.rs\u002Fstaging\u002Faccumulative-shadows",[552],"nofollow","Drei component of the same name",".",[556,557,15],"h2",{"id":558},"usage",[560,561,571],"pre",{"className":562,"code":563,"highlights":564,"language":570,"meta":508,"style":508},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { AccumulativeShadows } from '@tresjs\u002Fcientos'\nimport { TresCanvas } from '@tresjs\u002Fcore'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#fbb03b\" :shadows=\"true\">\n      \u003CTresPerspectiveCamera\n      :look-at=\"[0, 0, 0]\"\n    \u002F>\n    \u003CTresMesh :position-y=\"0.3\" :scale=\"0.4\" :cast-shadow=\"true\">\n      \u003CTresTorusKnotGeometry \u002F>\n      \u003CTresMeshNormalMaterial \u002F>\n    \u003C\u002FTresMesh>\n    \u003CAccumulativeShadows\n      :blend=\"100\"\n      color=\"#fbb03b\"\n      once\n      :position-y=\"-0.4\"\n    \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n",[510,565,566,567,568,569],15,16,17,18,19,"vue",[539,572,573,607,637,658,668,674,684,723,732,767,773,825,836,846,856,864,881,895,901,919,924,934],{"__ignoreMap":508},[574,575,577,581,585,589,592,595,598,602,604],"span",{"class":576,"line":509},"line",[574,578,580],{"class":579},"sMK4o","\u003C",[574,582,584],{"class":583},"swJcz","script",[574,586,588],{"class":587},"spNyl"," setup",[574,590,591],{"class":587}," lang",[574,593,594],{"class":579},"=",[574,596,597],{"class":579},"\"",[574,599,601],{"class":600},"sfazB","ts",[574,603,597],{"class":579},[574,605,606],{"class":579},">\n",[574,608,611,615,618,622,625,628,631,634],{"class":609,"line":510},[576,610],"highlight",[574,612,614],{"class":613},"s7zQu","import",[574,616,617],{"class":579}," {",[574,619,621],{"class":620},"sTEyZ"," AccumulativeShadows",[574,623,624],{"class":579}," }",[574,626,627],{"class":613}," from",[574,629,630],{"class":579}," '",[574,632,633],{"class":600},"@tresjs\u002Fcientos",[574,635,636],{"class":579},"'\n",[574,638,640,642,644,647,649,651,653,656],{"class":576,"line":639},3,[574,641,614],{"class":613},[574,643,617],{"class":579},[574,645,646],{"class":620}," TresCanvas",[574,648,624],{"class":579},[574,650,627],{"class":613},[574,652,630],{"class":579},[574,654,655],{"class":600},"@tresjs\u002Fcore",[574,657,636],{"class":579},[574,659,661,664,666],{"class":576,"line":660},4,[574,662,663],{"class":579},"\u003C\u002F",[574,665,584],{"class":583},[574,667,606],{"class":579},[574,669,671],{"class":576,"line":670},5,[574,672,673],{"emptyLinePlaceholder":516},"\n",[574,675,677,679,682],{"class":576,"line":676},6,[574,678,580],{"class":579},[574,680,681],{"class":583},"template",[574,683,606],{"class":579},[574,685,687,690,693,696,698,700,703,705,708,711,713,715,719,721],{"class":576,"line":686},7,[574,688,689],{"class":579},"  \u003C",[574,691,692],{"class":583},"TresCanvas",[574,694,695],{"class":587}," clear-color",[574,697,594],{"class":579},[574,699,597],{"class":579},[574,701,702],{"class":600},"#fbb03b",[574,704,597],{"class":579},[574,706,707],{"class":579}," :",[574,709,710],{"class":587},"shadows",[574,712,594],{"class":579},[574,714,597],{"class":579},[574,716,718],{"class":717},"sfNiH","true",[574,720,597],{"class":579},[574,722,606],{"class":579},[574,724,726,729],{"class":576,"line":725},8,[574,727,728],{"class":579},"      \u003C",[574,730,731],{"class":583},"TresPerspectiveCamera\n",[574,733,735,738,741,743,745,748,752,755,757,759,761,764],{"class":576,"line":734},9,[574,736,737],{"class":579},"      :",[574,739,740],{"class":587},"look-at",[574,742,594],{"class":579},[574,744,597],{"class":579},[574,746,747],{"class":579},"[",[574,749,751],{"class":750},"sbssI","0",[574,753,754],{"class":579},", ",[574,756,751],{"class":750},[574,758,754],{"class":579},[574,760,751],{"class":750},[574,762,763],{"class":579},"]",[574,765,766],{"class":579},"\"\n",[574,768,770],{"class":576,"line":769},10,[574,771,772],{"class":579},"    \u002F>\n",[574,774,776,779,782,784,787,789,791,794,796,798,801,803,805,808,810,812,815,817,819,821,823],{"class":576,"line":775},11,[574,777,778],{"class":579},"    \u003C",[574,780,781],{"class":583},"TresMesh",[574,783,707],{"class":579},[574,785,786],{"class":587},"position-y",[574,788,594],{"class":579},[574,790,597],{"class":579},[574,792,793],{"class":750},"0.3",[574,795,597],{"class":579},[574,797,707],{"class":579},[574,799,800],{"class":587},"scale",[574,802,594],{"class":579},[574,804,597],{"class":579},[574,806,807],{"class":750},"0.4",[574,809,597],{"class":579},[574,811,707],{"class":579},[574,813,814],{"class":587},"cast-shadow",[574,816,594],{"class":579},[574,818,597],{"class":579},[574,820,718],{"class":717},[574,822,597],{"class":579},[574,824,606],{"class":579},[574,826,828,830,833],{"class":576,"line":827},12,[574,829,728],{"class":579},[574,831,832],{"class":583},"TresTorusKnotGeometry",[574,834,835],{"class":579}," \u002F>\n",[574,837,839,841,844],{"class":576,"line":838},13,[574,840,728],{"class":579},[574,842,843],{"class":583},"TresMeshNormalMaterial",[574,845,835],{"class":579},[574,847,849,852,854],{"class":576,"line":848},14,[574,850,851],{"class":579},"    \u003C\u002F",[574,853,781],{"class":583},[574,855,606],{"class":579},[574,857,859,861],{"class":858,"line":565},[576,610],[574,860,778],{"class":579},[574,862,863],{"class":583},"AccumulativeShadows\n",[574,865,867,869,872,874,876,879],{"class":866,"line":566},[576,610],[574,868,737],{"class":579},[574,870,871],{"class":587},"blend",[574,873,594],{"class":579},[574,875,597],{"class":579},[574,877,878],{"class":750},"100",[574,880,766],{"class":579},[574,882,884,887,889,891,893],{"class":883,"line":567},[576,610],[574,885,886],{"class":587},"      color",[574,888,594],{"class":579},[574,890,597],{"class":579},[574,892,702],{"class":600},[574,894,766],{"class":579},[574,896,898],{"class":897,"line":568},[576,610],[574,899,900],{"class":587},"      once\n",[574,902,904,906,908,910,912,915,917],{"class":903,"line":569},[576,610],[574,905,737],{"class":579},[574,907,786],{"class":587},[574,909,594],{"class":579},[574,911,597],{"class":579},[574,913,914],{"class":579},"-",[574,916,807],{"class":750},[574,918,766],{"class":579},[574,920,922],{"class":576,"line":921},20,[574,923,772],{"class":579},[574,925,927,930,932],{"class":576,"line":926},21,[574,928,929],{"class":579},"  \u003C\u002F",[574,931,692],{"class":583},[574,933,606],{"class":579},[574,935,937,939,941],{"class":576,"line":936},22,[574,938,663],{"class":579},[574,940,681],{"class":583},[574,942,606],{"class":579},[556,944,946],{"id":945},"props","Props",[948,949,950,966],"table",{},[951,952,953],"thead",{},[954,955,956,960,963],"tr",{},[957,958,959],"th",{},"Prop",[957,961,962],{},"Description",[957,964,965],{},"Default",[967,968,969,985,999,1024,1040,1058,1072,1087,1102,1117,1132,1147],"tbody",{},[954,970,971,977,980],{},[972,973,974],"td",{},[539,975,976],{},"once",[972,978,979],{},"Whether shadow creation only happens once (resets after props change)",[972,981,982],{},[539,983,984],{},"false",[954,986,987,992,995],{},[972,988,989],{},[539,990,991],{},"accumulate",[972,993,994],{},"Whether shadows accumulate progressively over several frames",[972,996,997],{},[539,998,718],{},[954,1000,1001,1006,1019],{},[972,1002,1003],{},[539,1004,1005],{},"frames",[972,1007,1008,1009,1012,1013,1015,1016,1018],{},"Number of frames to render. More yields cleaner results but takes more time. If ",[539,1010,1011],{},"accumulate && once",", 1 frame will be consumed every update for ",[539,1014,1005],{}," updates. Otherwise, ",[539,1017,1005],{}," frames are consumed for every update.",[972,1020,1021],{},[539,1022,1023],{},"40",[954,1025,1026,1030,1036],{},[972,1027,1028],{},[539,1029,871],{},[972,1031,1032,1033,1035],{},"If ",[539,1034,991],{},", controls the refresh ratio",[972,1037,1038],{},[539,1039,878],{},[954,1041,1042,1047,1054],{},[972,1043,1044],{},[539,1045,1046],{},"limit",[972,1048,1049,1050,1053],{},"If less than ",[539,1051,1052],{},"Infinity",", limits the amount of frames rendered. Use this to increase performance once a movable scene has settled",[972,1055,1056],{},[539,1057,1052],{},[954,1059,1060,1064,1067],{},[972,1061,1062],{},[539,1063,800],{},[972,1065,1066],{},"Scale of the plane",[972,1068,1069],{},[539,1070,1071],{},"10",[954,1073,1074,1079,1082],{},[972,1075,1076],{},[539,1077,1078],{},"opacity",[972,1080,1081],{},"Opacity of the plane",[972,1083,1084],{},[539,1085,1086],{},"1",[954,1088,1089,1094,1097],{},[972,1090,1091],{},[539,1092,1093],{},"alphaTest",[972,1095,1096],{},"Discards alpha pixels",[972,1098,1099],{},[539,1100,1101],{},"0.65",[954,1103,1104,1109,1112],{},[972,1105,1106],{},[539,1107,1108],{},"color",[972,1110,1111],{},"Shadow color",[972,1113,1114],{},[539,1115,1116],{},"'black'",[954,1118,1119,1124,1128],{},[972,1120,1121],{},[539,1122,1123],{},"colorBlend",[972,1125,1049,1126,1053],{},[539,1127,1052],{},[972,1129,1130],{},[539,1131,1052],{},[954,1133,1134,1139,1142],{},[972,1135,1136],{},[539,1137,1138],{},"resolution",[972,1140,1141],{},"Buffer resolution",[972,1143,1144],{},[539,1145,1146],{},"1024",[954,1148,1149,1154,1157],{},[972,1150,1151],{},[539,1152,1153],{},"toneMapped",[972,1155,1156],{},"Texture tonemapping",[972,1158,1159],{},[539,1160,718],{},[556,1162,1164],{"id":1163},"slot","Slot",[536,1166,1167,1168,1171,1172,554],{},"You can bring your own lights to ",[539,1169,1170],{},"\u003CAccumulatedShadows \u002F>",", but it's designed to be used with ",[539,1173,1174],{},"\u003CRandomizedLights \u002F>",[536,1176,1177,1178,1182,1183,1185,1186,1189,1190,1194],{},"By default, there's a ",[548,1179,1180],{"href":362},[539,1181,1174],{}," instance provided in ",[539,1184,1170],{},"'s ",[539,1187,1188],{},"\u003Cslot \u002F>",". You can replace it with your own ",[548,1191,1192],{"href":362},[539,1193,1174],{}," or an alternative by passing it as a child component.",[1196,1197,1198],"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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);}",{"title":508,"searchDepth":509,"depth":510,"links":1200},[1201,1202,1203],{"id":558,"depth":510,"text":15},{"id":945,"depth":510,"text":946},{"id":1163,"depth":510,"text":1164},{},{"title":341,"description":523},"VdtFCKwQ2ZyFv-ZyG0covi7a2nS1DuskCV9MJO6BaDQ",{"id":1208,"title":345,"body":1209,"description":1897,"extension":513,"links":514,"meta":1898,"navigation":516,"path":346,"seo":1899,"stem":347,"__hash__":1900},"docs\u002F2.api\u002F7.light-shadow\u002Fbake-shadows.md",{"type":501,"value":1210,"toc":1894},[1211,1217,1231,1235,1241,1891],[1212,1213,1214],"scene-wrapper",{},[1215,1216],"light-shadow-bake-shadows",{},[536,1218,1219,1223,1224,1227,1228,1230],{},[1220,1221,1222],"strong",{},"Cientos"," provides a component called ",[539,1225,1226],{},"BakeShadows",". Basically this component set the renderer.shadowMap.autoUpdate to ",[539,1229,984],{},", so the shadows are casted just in the first frame which is really great for performance, the downside of this method is that the shadows will not be updated.",[556,1232,1234],{"id":1233},"basic-usage","Basic usage",[1236,1237,1238],"prose-warning",{},[536,1239,1240],{},"You have to set the shadows in the TresCanvas (renderer), your light sources and objects to receive and cast accordantly as you normally would do.",[560,1242,1246],{"className":562,"code":1243,"highlights":1244,"language":570,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { BakeShadows } from '@tresjs\u002Fcientos'\nimport { TresCanvas } from '@tresjs\u002Fcore'\nimport { shallowRef } from 'vue'\n\nconst cubeRef = shallowRef()\n\nfunction onLoop({ elapsed }: { elapsed: number }) {\n  if (cubeRef.value) {\n    cubeRef.value.rotation.y = elapsed * 0.5\n    cubeRef.value.rotation.x = elapsed * 0.5\n  }\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas\n    clear-color=\"#82DBC5\"\n    shadows\n    @loop=\"onLoop\"\n  >\n    \u003CTresPerspectiveCamera\n      :position=\"[0, 2, 5]\"\n      :look-at=\"[0, 0, 0]\"\n    \u002F>\n    \u003CBakeShadows \u002F>\n    \u003CTresMesh\n      ref=\"cubeRef\"\n      cast-shadow\n    >\n      \u003CTresBoxGeometry \u002F>\n      \u003CTresMeshStandardMaterial color=\"orange\" \u002F>\n    \u003C\u002FTresMesh>\n    \u003CTresMesh\n      receive-shadow\n      :position=\"[0, -2, 0]\"\n      :rotation-x=\"-Math.PI \u002F 2\"\n    >\n      \u003CTresPlaneGeometry :args=\"[5, 5]\" \u002F>\n      \u003CTresMeshStandardMaterial :color=\"0xF7F7F7\" \u002F>\n    \u003C\u002FTresMesh>\n    \u003CTresDirectionalLight\n      cast-shadow\n      :position=\"[0, 10, 0]\"\n    \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n\n",[510,1245],26,[539,1247,1248,1268,1288,1306,1325,1329,1345,1349,1384,1406,1436,1461,1466,1471,1479,1483,1491,1498,1512,1517,1534,1539,1545,1575,1602,1607,1616,1624,1638,1644,1650,1660,1682,1691,1698,1704,1732,1761,1766,1797,1819,1828,1836,1841,1868,1873,1882],{"__ignoreMap":508},[574,1249,1250,1252,1254,1256,1258,1260,1262,1264,1266],{"class":576,"line":509},[574,1251,580],{"class":579},[574,1253,584],{"class":583},[574,1255,588],{"class":587},[574,1257,591],{"class":587},[574,1259,594],{"class":579},[574,1261,597],{"class":579},[574,1263,601],{"class":600},[574,1265,597],{"class":579},[574,1267,606],{"class":579},[574,1269,1271,1273,1275,1278,1280,1282,1284,1286],{"class":1270,"line":510},[576,610],[574,1272,614],{"class":613},[574,1274,617],{"class":579},[574,1276,1277],{"class":620}," BakeShadows",[574,1279,624],{"class":579},[574,1281,627],{"class":613},[574,1283,630],{"class":579},[574,1285,633],{"class":600},[574,1287,636],{"class":579},[574,1289,1290,1292,1294,1296,1298,1300,1302,1304],{"class":576,"line":639},[574,1291,614],{"class":613},[574,1293,617],{"class":579},[574,1295,646],{"class":620},[574,1297,624],{"class":579},[574,1299,627],{"class":613},[574,1301,630],{"class":579},[574,1303,655],{"class":600},[574,1305,636],{"class":579},[574,1307,1308,1310,1312,1315,1317,1319,1321,1323],{"class":576,"line":660},[574,1309,614],{"class":613},[574,1311,617],{"class":579},[574,1313,1314],{"class":620}," shallowRef",[574,1316,624],{"class":579},[574,1318,627],{"class":613},[574,1320,630],{"class":579},[574,1322,570],{"class":600},[574,1324,636],{"class":579},[574,1326,1327],{"class":576,"line":670},[574,1328,673],{"emptyLinePlaceholder":516},[574,1330,1331,1334,1337,1339,1342],{"class":576,"line":676},[574,1332,1333],{"class":587},"const",[574,1335,1336],{"class":620}," cubeRef ",[574,1338,594],{"class":579},[574,1340,1314],{"class":1341},"s2Zo4",[574,1343,1344],{"class":620},"()\n",[574,1346,1347],{"class":576,"line":686},[574,1348,673],{"emptyLinePlaceholder":516},[574,1350,1351,1354,1357,1360,1364,1367,1369,1371,1374,1378,1381],{"class":576,"line":725},[574,1352,1353],{"class":587},"function",[574,1355,1356],{"class":1341}," onLoop",[574,1358,1359],{"class":579},"({",[574,1361,1363],{"class":1362},"sHdIc"," elapsed",[574,1365,1366],{"class":579}," }:",[574,1368,617],{"class":579},[574,1370,1363],{"class":583},[574,1372,1373],{"class":579},":",[574,1375,1377],{"class":1376},"sBMFI"," number",[574,1379,1380],{"class":579}," })",[574,1382,1383],{"class":579}," {\n",[574,1385,1386,1389,1392,1395,1397,1400,1403],{"class":576,"line":734},[574,1387,1388],{"class":613},"  if",[574,1390,1391],{"class":583}," (",[574,1393,1394],{"class":620},"cubeRef",[574,1396,554],{"class":579},[574,1398,1399],{"class":620},"value",[574,1401,1402],{"class":583},") ",[574,1404,1405],{"class":579},"{\n",[574,1407,1408,1411,1413,1415,1417,1420,1422,1425,1428,1430,1433],{"class":576,"line":769},[574,1409,1410],{"class":620},"    cubeRef",[574,1412,554],{"class":579},[574,1414,1399],{"class":620},[574,1416,554],{"class":579},[574,1418,1419],{"class":620},"rotation",[574,1421,554],{"class":579},[574,1423,1424],{"class":620},"y",[574,1426,1427],{"class":579}," =",[574,1429,1363],{"class":620},[574,1431,1432],{"class":579}," *",[574,1434,1435],{"class":750}," 0.5\n",[574,1437,1438,1440,1442,1444,1446,1448,1450,1453,1455,1457,1459],{"class":576,"line":775},[574,1439,1410],{"class":620},[574,1441,554],{"class":579},[574,1443,1399],{"class":620},[574,1445,554],{"class":579},[574,1447,1419],{"class":620},[574,1449,554],{"class":579},[574,1451,1452],{"class":620},"x",[574,1454,1427],{"class":579},[574,1456,1363],{"class":620},[574,1458,1432],{"class":579},[574,1460,1435],{"class":750},[574,1462,1463],{"class":576,"line":827},[574,1464,1465],{"class":579},"  }\n",[574,1467,1468],{"class":576,"line":838},[574,1469,1470],{"class":579},"}\n",[574,1472,1473,1475,1477],{"class":576,"line":848},[574,1474,663],{"class":579},[574,1476,584],{"class":583},[574,1478,606],{"class":579},[574,1480,1481],{"class":576,"line":565},[574,1482,673],{"emptyLinePlaceholder":516},[574,1484,1485,1487,1489],{"class":576,"line":566},[574,1486,580],{"class":579},[574,1488,681],{"class":583},[574,1490,606],{"class":579},[574,1492,1493,1495],{"class":576,"line":567},[574,1494,689],{"class":579},[574,1496,1497],{"class":583},"TresCanvas\n",[574,1499,1500,1503,1505,1507,1510],{"class":576,"line":568},[574,1501,1502],{"class":587},"    clear-color",[574,1504,594],{"class":579},[574,1506,597],{"class":579},[574,1508,1509],{"class":600},"#82DBC5",[574,1511,766],{"class":579},[574,1513,1514],{"class":576,"line":569},[574,1515,1516],{"class":587},"    shadows\n",[574,1518,1519,1522,1525,1527,1529,1532],{"class":576,"line":921},[574,1520,1521],{"class":579},"    @",[574,1523,1524],{"class":587},"loop",[574,1526,594],{"class":579},[574,1528,597],{"class":579},[574,1530,1531],{"class":620},"onLoop",[574,1533,766],{"class":579},[574,1535,1536],{"class":576,"line":926},[574,1537,1538],{"class":579},"  >\n",[574,1540,1541,1543],{"class":576,"line":936},[574,1542,778],{"class":579},[574,1544,731],{"class":583},[574,1546,1548,1550,1553,1555,1557,1559,1561,1563,1566,1568,1571,1573],{"class":576,"line":1547},23,[574,1549,737],{"class":579},[574,1551,1552],{"class":587},"position",[574,1554,594],{"class":579},[574,1556,597],{"class":579},[574,1558,747],{"class":579},[574,1560,751],{"class":750},[574,1562,754],{"class":579},[574,1564,1565],{"class":750},"2",[574,1567,754],{"class":579},[574,1569,1570],{"class":750},"5",[574,1572,763],{"class":579},[574,1574,766],{"class":579},[574,1576,1578,1580,1582,1584,1586,1588,1590,1592,1594,1596,1598,1600],{"class":576,"line":1577},24,[574,1579,737],{"class":579},[574,1581,740],{"class":587},[574,1583,594],{"class":579},[574,1585,597],{"class":579},[574,1587,747],{"class":579},[574,1589,751],{"class":750},[574,1591,754],{"class":579},[574,1593,751],{"class":750},[574,1595,754],{"class":579},[574,1597,751],{"class":750},[574,1599,763],{"class":579},[574,1601,766],{"class":579},[574,1603,1605],{"class":576,"line":1604},25,[574,1606,772],{"class":579},[574,1608,1610,1612,1614],{"class":1609,"line":1245},[576,610],[574,1611,778],{"class":579},[574,1613,1226],{"class":583},[574,1615,835],{"class":579},[574,1617,1619,1621],{"class":576,"line":1618},27,[574,1620,778],{"class":579},[574,1622,1623],{"class":583},"TresMesh\n",[574,1625,1627,1630,1632,1634,1636],{"class":576,"line":1626},28,[574,1628,1629],{"class":587},"      ref",[574,1631,594],{"class":579},[574,1633,597],{"class":579},[574,1635,1394],{"class":600},[574,1637,766],{"class":579},[574,1639,1641],{"class":576,"line":1640},29,[574,1642,1643],{"class":587},"      cast-shadow\n",[574,1645,1647],{"class":576,"line":1646},30,[574,1648,1649],{"class":579},"    >\n",[574,1651,1653,1655,1658],{"class":576,"line":1652},31,[574,1654,728],{"class":579},[574,1656,1657],{"class":583},"TresBoxGeometry",[574,1659,835],{"class":579},[574,1661,1663,1665,1668,1671,1673,1675,1678,1680],{"class":576,"line":1662},32,[574,1664,728],{"class":579},[574,1666,1667],{"class":583},"TresMeshStandardMaterial",[574,1669,1670],{"class":587}," color",[574,1672,594],{"class":579},[574,1674,597],{"class":579},[574,1676,1677],{"class":600},"orange",[574,1679,597],{"class":579},[574,1681,835],{"class":579},[574,1683,1685,1687,1689],{"class":576,"line":1684},33,[574,1686,851],{"class":579},[574,1688,781],{"class":583},[574,1690,606],{"class":579},[574,1692,1694,1696],{"class":576,"line":1693},34,[574,1695,778],{"class":579},[574,1697,1623],{"class":583},[574,1699,1701],{"class":576,"line":1700},35,[574,1702,1703],{"class":587},"      receive-shadow\n",[574,1705,1707,1709,1711,1713,1715,1717,1719,1722,1724,1726,1728,1730],{"class":576,"line":1706},36,[574,1708,737],{"class":579},[574,1710,1552],{"class":587},[574,1712,594],{"class":579},[574,1714,597],{"class":579},[574,1716,747],{"class":579},[574,1718,751],{"class":750},[574,1720,1721],{"class":579},", -",[574,1723,1565],{"class":750},[574,1725,754],{"class":579},[574,1727,751],{"class":750},[574,1729,763],{"class":579},[574,1731,766],{"class":579},[574,1733,1735,1737,1740,1742,1744,1746,1749,1751,1754,1757,1759],{"class":576,"line":1734},37,[574,1736,737],{"class":579},[574,1738,1739],{"class":587},"rotation-x",[574,1741,594],{"class":579},[574,1743,597],{"class":579},[574,1745,914],{"class":579},[574,1747,1748],{"class":620},"Math",[574,1750,554],{"class":579},[574,1752,1753],{"class":620},"PI",[574,1755,1756],{"class":579}," \u002F ",[574,1758,1565],{"class":750},[574,1760,766],{"class":579},[574,1762,1764],{"class":576,"line":1763},38,[574,1765,1649],{"class":579},[574,1767,1769,1771,1774,1776,1779,1781,1783,1785,1787,1789,1791,1793,1795],{"class":576,"line":1768},39,[574,1770,728],{"class":579},[574,1772,1773],{"class":583},"TresPlaneGeometry",[574,1775,707],{"class":579},[574,1777,1778],{"class":587},"args",[574,1780,594],{"class":579},[574,1782,597],{"class":579},[574,1784,747],{"class":579},[574,1786,1570],{"class":750},[574,1788,754],{"class":579},[574,1790,1570],{"class":750},[574,1792,763],{"class":579},[574,1794,597],{"class":579},[574,1796,835],{"class":579},[574,1798,1800,1802,1804,1806,1808,1810,1812,1815,1817],{"class":576,"line":1799},40,[574,1801,728],{"class":579},[574,1803,1667],{"class":583},[574,1805,707],{"class":579},[574,1807,1108],{"class":587},[574,1809,594],{"class":579},[574,1811,597],{"class":579},[574,1813,1814],{"class":750},"0xF7F7F7",[574,1816,597],{"class":579},[574,1818,835],{"class":579},[574,1820,1822,1824,1826],{"class":576,"line":1821},41,[574,1823,851],{"class":579},[574,1825,781],{"class":583},[574,1827,606],{"class":579},[574,1829,1831,1833],{"class":576,"line":1830},42,[574,1832,778],{"class":579},[574,1834,1835],{"class":583},"TresDirectionalLight\n",[574,1837,1839],{"class":576,"line":1838},43,[574,1840,1643],{"class":587},[574,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860,1862,1864,1866],{"class":576,"line":1843},44,[574,1845,737],{"class":579},[574,1847,1552],{"class":587},[574,1849,594],{"class":579},[574,1851,597],{"class":579},[574,1853,747],{"class":579},[574,1855,751],{"class":750},[574,1857,754],{"class":579},[574,1859,1071],{"class":750},[574,1861,754],{"class":579},[574,1863,751],{"class":750},[574,1865,763],{"class":579},[574,1867,766],{"class":579},[574,1869,1871],{"class":576,"line":1870},45,[574,1872,772],{"class":579},[574,1874,1876,1878,1880],{"class":576,"line":1875},46,[574,1877,929],{"class":579},[574,1879,692],{"class":583},[574,1881,606],{"class":579},[574,1883,1885,1887,1889],{"class":576,"line":1884},47,[574,1886,663],{"class":579},[574,1888,681],{"class":583},[574,1890,606],{"class":579},[1196,1892,1893],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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);}",{"title":508,"searchDepth":509,"depth":510,"links":1895},[1896],{"id":1233,"depth":510,"text":1234},"Bakes shadows in the first frame for performance optimization.",{},{"title":345,"description":1897},"QK3DUMpIehZIpD5u6Zp41TLp1-R6Kjjc-USX_iID0V8",{"id":1902,"title":349,"body":1903,"description":2331,"extension":513,"links":514,"meta":2332,"navigation":516,"path":350,"seo":2333,"stem":351,"__hash__":2334},"docs\u002F2.api\u002F7.light-shadow\u002Fcircle-shadow.md",{"type":501,"value":1904,"toc":2327},[1905,1910,1919,1921,2224,2226,2229,2324],[530,1906,1907],{},[1908,1909],"light-shadow-circle-shadow",{},[536,1911,1912,1915,1916,554],{},[539,1913,1914],{},"\u003CCircleShadow \u002F>"," is a cheap, texture-based radial gradient on a ",[539,1917,1918],{},"THREE.PlaneGeometry",[556,1920,15],{"id":558},[560,1922,1925],{"className":562,"code":1923,"highlights":1924,"language":570,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { CircleShadow, OrbitControls } from \"@tresjs\u002Fcientos\";\nimport { TresCanvas } from \"@tresjs\u002Fcore\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera \u002F>\n    \u003COrbitControls \u002F>\n    \u003CTresGroup :position-y=\"-0.5\">\n      \u003CTresMesh :position-y=\"1\">\n        \u003CTresBoxGeometry \u002F>\n        \u003CTresMeshToonMaterial color=\"orange\" \u002F>\n      \u003C\u002FTresMesh>\n      \u003CCircleShadow :scale=\"1.5\" \u002F>\n    \u003C\u002FTresGroup>\n    \u003CTresAmbientLight \u002F>\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n\n",[510,565],[539,1926,1927,1947,1977,1997,2005,2009,2017,2035,2044,2053,2077,2097,2106,2125,2134,2157,2165,2174,2208,2216],{"__ignoreMap":508},[574,1928,1929,1931,1933,1935,1937,1939,1941,1943,1945],{"class":576,"line":509},[574,1930,580],{"class":579},[574,1932,584],{"class":583},[574,1934,588],{"class":587},[574,1936,591],{"class":587},[574,1938,594],{"class":579},[574,1940,597],{"class":579},[574,1942,601],{"class":600},[574,1944,597],{"class":579},[574,1946,606],{"class":579},[574,1948,1950,1952,1954,1957,1960,1963,1965,1967,1970,1972,1974],{"class":1949,"line":510},[576,610],[574,1951,614],{"class":613},[574,1953,617],{"class":579},[574,1955,1956],{"class":620}," CircleShadow",[574,1958,1959],{"class":579},",",[574,1961,1962],{"class":620}," OrbitControls",[574,1964,624],{"class":579},[574,1966,627],{"class":613},[574,1968,1969],{"class":579}," \"",[574,1971,633],{"class":600},[574,1973,597],{"class":579},[574,1975,1976],{"class":579},";\n",[574,1978,1979,1981,1983,1985,1987,1989,1991,1993,1995],{"class":576,"line":639},[574,1980,614],{"class":613},[574,1982,617],{"class":579},[574,1984,646],{"class":620},[574,1986,624],{"class":579},[574,1988,627],{"class":613},[574,1990,1969],{"class":579},[574,1992,655],{"class":600},[574,1994,597],{"class":579},[574,1996,1976],{"class":579},[574,1998,1999,2001,2003],{"class":576,"line":660},[574,2000,663],{"class":579},[574,2002,584],{"class":583},[574,2004,606],{"class":579},[574,2006,2007],{"class":576,"line":670},[574,2008,673],{"emptyLinePlaceholder":516},[574,2010,2011,2013,2015],{"class":576,"line":676},[574,2012,580],{"class":579},[574,2014,681],{"class":583},[574,2016,606],{"class":579},[574,2018,2019,2021,2023,2025,2027,2029,2031,2033],{"class":576,"line":686},[574,2020,689],{"class":579},[574,2022,692],{"class":583},[574,2024,695],{"class":587},[574,2026,594],{"class":579},[574,2028,597],{"class":579},[574,2030,1509],{"class":600},[574,2032,597],{"class":579},[574,2034,606],{"class":579},[574,2036,2037,2039,2042],{"class":576,"line":725},[574,2038,778],{"class":579},[574,2040,2041],{"class":583},"TresPerspectiveCamera",[574,2043,835],{"class":579},[574,2045,2046,2048,2051],{"class":576,"line":734},[574,2047,778],{"class":579},[574,2049,2050],{"class":583},"OrbitControls",[574,2052,835],{"class":579},[574,2054,2055,2057,2060,2062,2064,2066,2068,2070,2073,2075],{"class":576,"line":769},[574,2056,778],{"class":579},[574,2058,2059],{"class":583},"TresGroup",[574,2061,707],{"class":579},[574,2063,786],{"class":587},[574,2065,594],{"class":579},[574,2067,597],{"class":579},[574,2069,914],{"class":579},[574,2071,2072],{"class":750},"0.5",[574,2074,597],{"class":579},[574,2076,606],{"class":579},[574,2078,2079,2081,2083,2085,2087,2089,2091,2093,2095],{"class":576,"line":775},[574,2080,728],{"class":579},[574,2082,781],{"class":583},[574,2084,707],{"class":579},[574,2086,786],{"class":587},[574,2088,594],{"class":579},[574,2090,597],{"class":579},[574,2092,1086],{"class":750},[574,2094,597],{"class":579},[574,2096,606],{"class":579},[574,2098,2099,2102,2104],{"class":576,"line":827},[574,2100,2101],{"class":579},"        \u003C",[574,2103,1657],{"class":583},[574,2105,835],{"class":579},[574,2107,2108,2110,2113,2115,2117,2119,2121,2123],{"class":576,"line":838},[574,2109,2101],{"class":579},[574,2111,2112],{"class":583},"TresMeshToonMaterial",[574,2114,1670],{"class":587},[574,2116,594],{"class":579},[574,2118,597],{"class":579},[574,2120,1677],{"class":600},[574,2122,597],{"class":579},[574,2124,835],{"class":579},[574,2126,2127,2130,2132],{"class":576,"line":848},[574,2128,2129],{"class":579},"      \u003C\u002F",[574,2131,781],{"class":583},[574,2133,606],{"class":579},[574,2135,2137,2139,2142,2144,2146,2148,2150,2153,2155],{"class":2136,"line":565},[576,610],[574,2138,728],{"class":579},[574,2140,2141],{"class":583},"CircleShadow",[574,2143,707],{"class":579},[574,2145,800],{"class":587},[574,2147,594],{"class":579},[574,2149,597],{"class":579},[574,2151,2152],{"class":750},"1.5",[574,2154,597],{"class":579},[574,2156,835],{"class":579},[574,2158,2159,2161,2163],{"class":576,"line":566},[574,2160,851],{"class":579},[574,2162,2059],{"class":583},[574,2164,606],{"class":579},[574,2166,2167,2169,2172],{"class":576,"line":567},[574,2168,778],{"class":579},[574,2170,2171],{"class":583},"TresAmbientLight",[574,2173,835],{"class":579},[574,2175,2176,2178,2181,2183,2185,2187,2189,2191,2193,2195,2197,2199,2202,2204,2206],{"class":576,"line":568},[574,2177,778],{"class":579},[574,2179,2180],{"class":583},"TresDirectionalLight",[574,2182,707],{"class":579},[574,2184,1552],{"class":587},[574,2186,594],{"class":579},[574,2188,597],{"class":579},[574,2190,747],{"class":579},[574,2192,751],{"class":750},[574,2194,754],{"class":579},[574,2196,1565],{"class":750},[574,2198,754],{"class":579},[574,2200,2201],{"class":750},"4",[574,2203,763],{"class":579},[574,2205,597],{"class":579},[574,2207,835],{"class":579},[574,2209,2210,2212,2214],{"class":576,"line":569},[574,2211,929],{"class":579},[574,2213,692],{"class":583},[574,2215,606],{"class":579},[574,2217,2218,2220,2222],{"class":576,"line":921},[574,2219,663],{"class":579},[574,2221,681],{"class":583},[574,2223,606],{"class":579},[556,2225,946],{"id":945},[536,2227,2228],{},"All props are optional.",[948,2230,2231,2243],{},[951,2232,2233],{},[954,2234,2235,2239,2241],{},[957,2236,2238],{"align":2237},"left","Name",[957,2240,962],{"align":2237},[957,2242,965],{},[967,2244,2245,2261,2274,2296,2310],{},[954,2246,2247,2251,2257],{},[972,2248,2249],{"align":2237},[539,2250,1108],{},[972,2252,2253,2254],{"align":2237},"Color of the shadow as a ",[539,2255,2256],{},"Color | number | string",[972,2258,2259],{},[539,2260,1116],{},[954,2262,2263,2267,2270],{},[972,2264,2265],{"align":2237},[539,2266,1078],{},[972,2268,2269],{"align":2237},"Opacity of the shadow",[972,2271,2272],{},[539,2273,2072],{},[954,2275,2276,2281,2292],{},[972,2277,2278],{"align":2237},[539,2279,2280],{},"offset",[972,2282,2283,2284,2287,2288,2291],{"align":2237},"Placement of the first radial gradient color stop. ",[539,2285,2286],{},"0.0"," is the center of the circle. ",[539,2289,2290],{},"1.0"," is edge.",[972,2293,2294],{},[539,2295,751],{},[954,2297,2298,2303,2306],{},[972,2299,2300],{"align":2237},[539,2301,2302],{},"fog",[972,2304,2305],{"align":2237},"Whether the material is affected by fog",[972,2307,2308],{},[539,2309,984],{},[954,2311,2312,2317,2320],{},[972,2313,2314],{"align":2237},[539,2315,2316],{},"depthWrite",[972,2318,2319],{"align":2237},"Whether rendering the material has any effect on the depth buffer",[972,2321,2322],{},[539,2323,984],{},[1196,2325,2326],{},"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);}",{"title":508,"searchDepth":509,"depth":510,"links":2328},[2329,2330],{"id":558,"depth":510,"text":15},{"id":945,"depth":510,"text":946},"Cheap, texture-based radial gradient shadow on a plane geometry.",{},{"title":349,"description":2331},"jex1uKNCt29jCPBXUCSBNgtrQ_7FSemdGlLVzRCeKOs",{"id":2336,"title":353,"body":2337,"description":2838,"extension":513,"links":514,"meta":2839,"navigation":516,"path":354,"seo":2840,"stem":355,"__hash__":2841},"docs\u002F2.api\u002F7.light-shadow\u002Fcontact-shadows.md",{"type":501,"value":2338,"toc":2834},[2339,2344,2361,2363,2644,2646,2832],[530,2340,2341],{},[2342,2343],"light-shadow-contact-shadow",{},[536,2345,2346,2349,2350,2355,2356,554],{},[539,2347,2348],{},"\u003CContactShadows \u002F>"," is a \"fake\", non-lighting-based shadow component. It displays shadows on a single plane. The component is based on the ",[548,2351,2354],{"href":2352,"rel":2353},"https:\u002F\u002Fthreejs.org\u002Fexamples\u002Fwebgl_shadow_contact.html",[552],"Three.js contact shadows example"," by ",[548,2357,2360],{"href":2358,"rel":2359},"https:\u002F\u002Ftwitter.com\u002Fmrdoob",[552],"@mrdoob",[556,2362,15],{"id":558},[560,2364,2367],{"className":562,"code":2365,"highlights":2366,"language":570,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { ContactShadows, Levioso, TorusKnot } from '@tresjs\u002Fcientos'\nimport { TresCanvas } from '@tresjs\u002Fcore'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"white\">\n    \u003CLevioso :speed=\"2\" :range=\"[0, 0.7]\" :rotation-factor=\"9\">\n      \u003CTorusKnot :scale=\"0.45\">\n        \u003CTresMeshNormalMaterial \u002F>\n      \u003C\u002FTorusKnot>\n    \u003C\u002FLevioso>\n    \u003CContactShadows :position-y=\"-1\" color=\"#335\" :scale=\"20\" \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n",[510,838],[539,2368,2369,2389,2419,2437,2445,2449,2457,2476,2534,2556,2564,2572,2580,2628,2636],{"__ignoreMap":508},[574,2370,2371,2373,2375,2377,2379,2381,2383,2385,2387],{"class":576,"line":509},[574,2372,580],{"class":579},[574,2374,584],{"class":583},[574,2376,588],{"class":587},[574,2378,591],{"class":587},[574,2380,594],{"class":579},[574,2382,597],{"class":579},[574,2384,601],{"class":600},[574,2386,597],{"class":579},[574,2388,606],{"class":579},[574,2390,2392,2394,2396,2399,2401,2404,2406,2409,2411,2413,2415,2417],{"class":2391,"line":510},[576,610],[574,2393,614],{"class":613},[574,2395,617],{"class":579},[574,2397,2398],{"class":620}," ContactShadows",[574,2400,1959],{"class":579},[574,2402,2403],{"class":620}," Levioso",[574,2405,1959],{"class":579},[574,2407,2408],{"class":620}," TorusKnot",[574,2410,624],{"class":579},[574,2412,627],{"class":613},[574,2414,630],{"class":579},[574,2416,633],{"class":600},[574,2418,636],{"class":579},[574,2420,2421,2423,2425,2427,2429,2431,2433,2435],{"class":576,"line":639},[574,2422,614],{"class":613},[574,2424,617],{"class":579},[574,2426,646],{"class":620},[574,2428,624],{"class":579},[574,2430,627],{"class":613},[574,2432,630],{"class":579},[574,2434,655],{"class":600},[574,2436,636],{"class":579},[574,2438,2439,2441,2443],{"class":576,"line":660},[574,2440,663],{"class":579},[574,2442,584],{"class":583},[574,2444,606],{"class":579},[574,2446,2447],{"class":576,"line":670},[574,2448,673],{"emptyLinePlaceholder":516},[574,2450,2451,2453,2455],{"class":576,"line":676},[574,2452,580],{"class":579},[574,2454,681],{"class":583},[574,2456,606],{"class":579},[574,2458,2459,2461,2463,2465,2467,2469,2472,2474],{"class":576,"line":686},[574,2460,689],{"class":579},[574,2462,692],{"class":583},[574,2464,695],{"class":587},[574,2466,594],{"class":579},[574,2468,597],{"class":579},[574,2470,2471],{"class":600},"white",[574,2473,597],{"class":579},[574,2475,606],{"class":579},[574,2477,2478,2480,2483,2485,2488,2490,2492,2494,2496,2498,2501,2503,2505,2507,2509,2511,2514,2516,2518,2520,2523,2525,2527,2530,2532],{"class":576,"line":725},[574,2479,778],{"class":579},[574,2481,2482],{"class":583},"Levioso",[574,2484,707],{"class":579},[574,2486,2487],{"class":587},"speed",[574,2489,594],{"class":579},[574,2491,597],{"class":579},[574,2493,1565],{"class":750},[574,2495,597],{"class":579},[574,2497,707],{"class":579},[574,2499,2500],{"class":587},"range",[574,2502,594],{"class":579},[574,2504,597],{"class":579},[574,2506,747],{"class":579},[574,2508,751],{"class":750},[574,2510,754],{"class":579},[574,2512,2513],{"class":750},"0.7",[574,2515,763],{"class":579},[574,2517,597],{"class":579},[574,2519,707],{"class":579},[574,2521,2522],{"class":587},"rotation-factor",[574,2524,594],{"class":579},[574,2526,597],{"class":579},[574,2528,2529],{"class":750},"9",[574,2531,597],{"class":579},[574,2533,606],{"class":579},[574,2535,2536,2538,2541,2543,2545,2547,2549,2552,2554],{"class":576,"line":734},[574,2537,728],{"class":579},[574,2539,2540],{"class":583},"TorusKnot",[574,2542,707],{"class":579},[574,2544,800],{"class":587},[574,2546,594],{"class":579},[574,2548,597],{"class":579},[574,2550,2551],{"class":750},"0.45",[574,2553,597],{"class":579},[574,2555,606],{"class":579},[574,2557,2558,2560,2562],{"class":576,"line":769},[574,2559,2101],{"class":579},[574,2561,843],{"class":583},[574,2563,835],{"class":579},[574,2565,2566,2568,2570],{"class":576,"line":775},[574,2567,2129],{"class":579},[574,2569,2540],{"class":583},[574,2571,606],{"class":579},[574,2573,2574,2576,2578],{"class":576,"line":827},[574,2575,851],{"class":579},[574,2577,2482],{"class":583},[574,2579,606],{"class":579},[574,2581,2583,2585,2588,2590,2592,2594,2596,2598,2600,2602,2604,2606,2608,2611,2613,2615,2617,2619,2621,2624,2626],{"class":2582,"line":838},[576,610],[574,2584,778],{"class":579},[574,2586,2587],{"class":583},"ContactShadows",[574,2589,707],{"class":579},[574,2591,786],{"class":587},[574,2593,594],{"class":579},[574,2595,597],{"class":579},[574,2597,914],{"class":579},[574,2599,1086],{"class":750},[574,2601,597],{"class":579},[574,2603,1670],{"class":587},[574,2605,594],{"class":579},[574,2607,597],{"class":579},[574,2609,2610],{"class":600},"#335",[574,2612,597],{"class":579},[574,2614,707],{"class":579},[574,2616,800],{"class":587},[574,2618,594],{"class":579},[574,2620,597],{"class":579},[574,2622,2623],{"class":750},"20",[574,2625,597],{"class":579},[574,2627,835],{"class":579},[574,2629,2630,2632,2634],{"class":576,"line":848},[574,2631,929],{"class":579},[574,2633,692],{"class":583},[574,2635,606],{"class":579},[574,2637,2638,2640,2642],{"class":576,"line":565},[574,2639,663],{"class":579},[574,2641,681],{"class":583},[574,2643,606],{"class":579},[556,2645,946],{"id":945},[948,2647,2648,2658],{},[951,2649,2650],{},[954,2651,2652,2654,2656],{},[957,2653,959],{},[957,2655,962],{},[957,2657,965],{},[967,2659,2660,2673,2687,2701,2718,2732,2746,2760,2774,2788,2802,2819],{},[954,2661,2662,2666,2669],{},[972,2663,2664],{},[539,2665,1078],{},[972,2667,2668],{},"The opacity of the shadows.",[972,2670,2671],{},[539,2672,1086],{},[954,2674,2675,2680,2683],{},[972,2676,2677],{},[539,2678,2679],{},"blur",[972,2681,2682],{},"The blur of the shadows.",[972,2684,2685],{},[539,2686,1086],{},[954,2688,2689,2693,2696],{},[972,2690,2691],{},[539,2692,1108],{},[972,2694,2695],{},"The color of the shadows.",[972,2697,2698],{},[539,2699,2700],{},"'#000000'",[954,2702,2703,2708,2713],{},[972,2704,2705],{},[539,2706,2707],{},"tint",[972,2709,2710,2711,554],{},"If provided, the color of the \"core\" of the shadows. \"Added\" to ",[539,2712,1108],{},[972,2714,2715],{},[539,2716,2717],{},"undefined",[954,2719,2720,2724,2730],{},[972,2721,2722],{},[539,2723,800],{},[972,2725,2726,2727,554],{},"The scale of the shadows\u002Fshadow plane. Can be a number or an array of two numbers ",[539,2728,2729],{},"[x, y]",[972,2731,1071],{},[954,2733,2734,2739,2742],{},[972,2735,2736],{},[539,2737,2738],{},"width",[972,2740,2741],{},"The width of the shadow plane.",[972,2743,2744],{},[539,2745,1086],{},[954,2747,2748,2753,2756],{},[972,2749,2750],{},[539,2751,2752],{},"height",[972,2754,2755],{},"The height of the shadow plane.",[972,2757,2758],{},[539,2759,1086],{},[954,2761,2762,2767,2770],{},[972,2763,2764],{},[539,2765,2766],{},"far",[972,2768,2769],{},"The distance of the orthographic shadow camera extends above the shadow plane.",[972,2771,2772],{},[539,2773,1071],{},[954,2775,2776,2781,2784],{},[972,2777,2778],{},[539,2779,2780],{},"smooth",[972,2782,2783],{},"Whether the shadows should be smoothed to reduce artifacts.",[972,2785,2786],{},[539,2787,718],{},[954,2789,2790,2794,2797],{},[972,2791,2792],{},[539,2793,1138],{},[972,2795,2796],{},"The resolution of the shadow textures.",[972,2798,2799],{},[539,2800,2801],{},"512",[954,2803,2804,2808,2814],{},[972,2805,2806],{},[539,2807,1005],{},[972,2809,2810,2811,2813],{},"For performance, optionally stop updating shadows after ",[539,2812,1005],{}," frames.",[972,2815,2816],{},[539,2817,2818],{},"Math.POSITIVE_INFINITY",[954,2820,2821,2825,2828],{},[972,2822,2823],{},[539,2824,2316],{},[972,2826,2827],{},"Whether the shadows should write to the depth buffer or not.",[972,2829,2830],{},[539,2831,984],{},[1196,2833,2326],{},{"title":508,"searchDepth":509,"depth":510,"links":2835},[2836,2837],{"id":558,"depth":510,"text":15},{"id":945,"depth":510,"text":946},"Fake, non-lighting-based shadow component for single plane shadows.",{},{"title":353,"description":2838},"TB1Ehaki9I6r1J_wGeA_UAl3knLim1b5GHqTm1K7PNY",{"id":2843,"title":357,"body":2844,"description":4395,"extension":513,"links":514,"meta":4396,"navigation":516,"path":358,"seo":4397,"stem":359,"__hash__":4398},"docs\u002F2.api\u002F7.light-shadow\u002Flensflare.md",{"type":501,"value":2845,"toc":4379},[2846,2851,2862,2864,2998,3000,3129,3133,3139,3148,3154,3212,3216,3222,3236,3244,3249,3275,3294,3301,3306,3311,3318,3324,3423,3428,3432,3437,3450,3454,3462,3522,3532,3535,3555,3564,3572,3576,3579,3587,3599,3607,3633,3640,3673,3677,3680,3724,3739,3744,3747,3750,3775,3794,3799,3803,3806,3940,3945,3950,4147,4153,4159,4162,4165,4376],[530,2847,2848],{},[2849,2850],"light-shadow-lensflare",{},[536,2852,2853,2856,2857,554],{},[539,2854,2855],{},"\u003CLensflare \u002F>"," wraps the ",[548,2858,2861],{"href":2859,"rel":2860},"https:\u002F\u002Fthreejs.org\u002Fdocs\u002F#examples\u002Fen\u002Fobjects\u002FLensflare",[552],"Three.js Lensflare",[556,2863,15],{"id":558},[560,2865,2868],{"className":562,"code":2866,"highlights":2867,"language":570,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs\u002Fcore'\nimport { Lensflare } from '@tresjs\u002Fcientos'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPointLight>\n      \u003CLensflare \u002F>\n    \u003C\u002FTresPointLight>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n",[639,734],[539,2869,2870,2890,2908,2928,2936,2940,2948,2956,2965,2974,2982,2990],{"__ignoreMap":508},[574,2871,2872,2874,2876,2878,2880,2882,2884,2886,2888],{"class":576,"line":509},[574,2873,580],{"class":579},[574,2875,584],{"class":583},[574,2877,588],{"class":587},[574,2879,591],{"class":587},[574,2881,594],{"class":579},[574,2883,597],{"class":579},[574,2885,601],{"class":600},[574,2887,597],{"class":579},[574,2889,606],{"class":579},[574,2891,2892,2894,2896,2898,2900,2902,2904,2906],{"class":576,"line":510},[574,2893,614],{"class":613},[574,2895,617],{"class":579},[574,2897,646],{"class":620},[574,2899,624],{"class":579},[574,2901,627],{"class":613},[574,2903,630],{"class":579},[574,2905,655],{"class":600},[574,2907,636],{"class":579},[574,2909,2911,2913,2915,2918,2920,2922,2924,2926],{"class":2910,"line":639},[576,610],[574,2912,614],{"class":613},[574,2914,617],{"class":579},[574,2916,2917],{"class":620}," Lensflare",[574,2919,624],{"class":579},[574,2921,627],{"class":613},[574,2923,630],{"class":579},[574,2925,633],{"class":600},[574,2927,636],{"class":579},[574,2929,2930,2932,2934],{"class":576,"line":660},[574,2931,663],{"class":579},[574,2933,584],{"class":583},[574,2935,606],{"class":579},[574,2937,2938],{"class":576,"line":670},[574,2939,673],{"emptyLinePlaceholder":516},[574,2941,2942,2944,2946],{"class":576,"line":676},[574,2943,580],{"class":579},[574,2945,681],{"class":583},[574,2947,606],{"class":579},[574,2949,2950,2952,2954],{"class":576,"line":686},[574,2951,689],{"class":579},[574,2953,692],{"class":583},[574,2955,606],{"class":579},[574,2957,2958,2960,2963],{"class":576,"line":725},[574,2959,778],{"class":579},[574,2961,2962],{"class":583},"TresPointLight",[574,2964,606],{"class":579},[574,2966,2968,2970,2972],{"class":2967,"line":734},[576,610],[574,2969,728],{"class":579},[574,2971,357],{"class":583},[574,2973,835],{"class":579},[574,2975,2976,2978,2980],{"class":576,"line":769},[574,2977,851],{"class":579},[574,2979,2962],{"class":583},[574,2981,606],{"class":579},[574,2983,2984,2986,2988],{"class":576,"line":775},[574,2985,929],{"class":579},[574,2987,692],{"class":583},[574,2989,606],{"class":579},[574,2991,2992,2994,2996],{"class":576,"line":827},[574,2993,663],{"class":579},[574,2995,681],{"class":583},[574,2997,606],{"class":579},[556,2999,946],{"id":945},[948,3001,3002,3012],{},[951,3003,3004],{},[954,3005,3006,3008,3010],{},[957,3007,2238],{"align":2237},[957,3009,962],{"align":2237},[957,3011,965],{"align":2237},[967,3013,3014,3030,3046,3063,3079,3096,3112],{},[954,3015,3016,3020,3026],{},[972,3017,3018],{"align":2237},[1220,3019,800],{},[972,3021,3022,3025],{"align":2237},[539,3023,3024],{},"number"," – multiplier for lensflare element sizes",[972,3027,3028],{"align":2237},[539,3029,2290],{},[954,3031,3032,3037,3042],{},[972,3033,3034],{"align":2237},[1220,3035,3036],{},"distance",[972,3038,3039,3041],{"align":2237},[539,3040,3024],{}," – multiplier for element distances from flare center",[972,3043,3044],{"align":2237},[539,3045,2290],{},[954,3047,3048,3053,3059],{},[972,3049,3050],{"align":2237},[1220,3051,3052],{},"elements",[972,3054,3055,3058],{"align":2237},[539,3056,3057],{},"Partial<LensflareElementProps>[]"," – array of lensflare element properties",[972,3060,3061],{"align":2237},[539,3062,2717],{},[954,3064,3065,3070,3075],{},[972,3066,3067],{"align":2237},[1220,3068,3069],{},"seed",[972,3071,3072,3074],{"align":2237},[539,3073,3024],{}," – random seed for generating random seeded elements",[972,3076,3077],{"align":2237},[539,3078,2717],{},[954,3080,3081,3086,3092],{},[972,3082,3083],{"align":2237},[1220,3084,3085],{},"seedProps",[972,3087,3088,3091],{"align":2237},[539,3089,3090],{},"SeedProps[]"," – specifications for generating random seeded elements",[972,3093,3094],{"align":2237},[539,3095,2717],{},[954,3097,3098,3102,3108],{},[972,3099,3100],{"align":2237},[1220,3101,1108],{},[972,3103,3104,3107],{"align":2237},[539,3105,3106],{},"TresColor"," – default color of lensflare elements",[972,3109,3110],{"align":2237},[539,3111,2717],{},[954,3113,3114,3119,3125],{},[972,3115,3116],{"align":2237},[1220,3117,3118],{},"texture",[972,3120,3121,3124],{"align":2237},[539,3122,3123],{},"Texture | string"," – default texture of lensflare elements",[972,3126,3127],{"align":2237},[539,3128,2717],{},[556,3130,3131],{"id":3052},[539,3132,3052],{},[536,3134,3135,3136,3138],{},"You can specify individual lensflare element properties directly using the component's ",[539,3137,3052],{}," prop.",[536,3140,3141,3142,3144,3145,554],{},"The ",[539,3143,3052],{}," prop expects an instance of ",[539,3146,3147],{},"(Partial\u003CLensflareElementProps>)[]",[536,3149,3150,3151,3153],{},"Every object in ",[539,3152,3052],{}," may have any (or none) of the following properties.",[948,3155,3156,3164],{},[951,3157,3158],{},[954,3159,3160,3162],{},[957,3161,2238],{"align":2237},[957,3163,962],{"align":2237},[967,3165,3166,3178,3189,3200],{},[954,3167,3168,3172],{},[972,3169,3170],{"align":2237},[1220,3171,3118],{},[972,3173,3174,3177],{"align":2237},[539,3175,3176],{},"string | Texture"," - an image URL or texture to use on the lensflare element",[954,3179,3180,3184],{},[972,3181,3182],{"align":2237},[1220,3183,1108],{},[972,3185,3186,3188],{"align":2237},[539,3187,3106],{}," - color of the lensflare element",[954,3190,3191,3195],{},[972,3192,3193],{"align":2237},[1220,3194,3036],{},[972,3196,3197,3199],{"align":2237},[539,3198,3024],{}," - distance of the lensflare element from the lensflare center",[954,3201,3202,3207],{},[972,3203,3204],{"align":2237},[1220,3205,3206],{},"size",[972,3208,3209,3211],{"align":2237},[539,3210,3024],{}," - size of the lensflare element",[556,3213,3214],{"id":3069},[539,3215,3069],{},[536,3217,3218,3219,3221],{},"Adding a ",[539,3220,3069],{}," prop to a component enables seeded random element generation.",[536,3223,3141,3224,3226,3227,3232,3233,554],{},[539,3225,3069],{}," prop is used as the \"seed\" in a ",[548,3228,3231],{"href":3229,"rel":3230},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FPseudorandom_number_generator",[552],"pseudorandom number generator (PRNG)",". The PRNG is in turn used to build lensflare elements, by selecting values from an array of ",[539,3234,3235],{},"SeedProps",[3237,3238,3239],"prose-note",{},[536,3240,3241,3242,554],{},"If you set a seed but not seedProps, the component will fall back to the default, built-in SeedProps",[574,3243],{},[3245,3246,3248],"h3",{"id":3247},"example","Example",[560,3250,3252],{"className":562,"code":3251,"language":570,"meta":508,"style":508},"\u003CLensflare :seed=\"seedRef\" \u002F>\n",[539,3253,3254],{"__ignoreMap":508},[574,3255,3256,3258,3260,3262,3264,3266,3268,3271,3273],{"class":576,"line":509},[574,3257,580],{"class":579},[574,3259,357],{"class":583},[574,3261,707],{"class":579},[574,3263,3069],{"class":587},[574,3265,594],{"class":579},[574,3267,597],{"class":579},[574,3269,3270],{"class":620},"seedRef",[574,3272,597],{"class":579},[574,3274,835],{"class":579},[536,3276,3277,3278,3281,3282,754,3284,754,3286,754,3288,754,3291,3293],{},"Below, the results of setting ",[539,3279,3280],{},"seedRef.value"," to ",[539,3283,751],{},[539,3285,1086],{},[539,3287,1565],{},[539,3289,3290],{},"3",[539,3292,2201],{},", respectively.",[536,3295,3296],{},[3297,3298],"img",{"alt":3299,"src":3300},"Lensflare seeds 0-4","\u002Fcientos\u002Flensflare_seeds.png",[556,3302,3304],{"id":3303},"seedprops",[539,3305,3085],{},[536,3307,3218,3308,3310],{},[539,3309,3085],{}," prop to the component enables seeded random element generation.",[536,3312,3141,3313,3144,3315,3317],{},[539,3314,3085],{},[539,3316,3090],{},". It specifies rules and acceptable values for creating random lensflare elements.",[536,3319,3320,3321,3323],{},"Every element in ",[539,3322,3085],{}," has this shape.",[948,3325,3326,3337],{},[951,3327,3328],{},[954,3329,3330,3332,3334],{},[957,3331,2238],{"align":2237},[957,3333,962],{"align":2237},[957,3335,3336],{},"Required",[967,3338,3339,3354,3368,3382,3395,3409],{},[954,3340,3341,3345,3351],{},[972,3342,3343],{"align":2237},[1220,3344,3118],{},[972,3346,3347,3350],{"align":2237},[539,3348,3349],{},"string[]"," - array of 1 or more image URLs; a single texture will be selected per generated element",[972,3352,3353],{},"yes",[954,3355,3356,3360,3366],{},[972,3357,3358],{"align":2237},[1220,3359,1108],{},[972,3361,3362,3365],{"align":2237},[539,3363,3364],{},"TresColor[]"," - array of 1 or more colors; a single color will be selected per generated element",[972,3367,3353],{},[954,3369,3370,3374,3380],{},[972,3371,3372],{"align":2237},[1220,3373,3036],{},[972,3375,3376,3379],{"align":2237},[539,3377,3378],{},"[number, number]"," - minimum and maximum allowable distance from the flare center",[972,3381,3353],{},[954,3383,3384,3388,3393],{},[972,3385,3386],{"align":2237},[1220,3387,3206],{},[972,3389,3390,3392],{"align":2237},[539,3391,3378],{}," - minimum and maximum allowable size",[972,3394,3353],{},[954,3396,3397,3402,3407],{},[972,3398,3399],{"align":2237},[1220,3400,3401],{},"length",[972,3403,3404,3406],{"align":2237},[539,3405,3378],{}," - minimum and maximum allowable number of elements to generate",[972,3408,3353],{},[954,3410,3411,3415,3420],{},[972,3412,3413],{"align":2237},[1220,3414,3069],{},[972,3416,3417,3419],{"align":2237},[539,3418,3024],{}," - if set, when this entry is processed, the random number generator with a combination of the incoming seed and this seed",[972,3421,3422],{},"no",[3237,3424,3425],{},[536,3426,3427],{},"If you set seedProps but not seed, the component will fall back to a default seed of 0.",[556,3429,3431],{"id":3430},"random-elements-and-non-random-properties","Random elements and non-random properties",[536,3433,3434,3436],{},[539,3435,2855],{}," was designed to make it easy to get a lensflare on screen. You can simply add the component with no props and the component will generate seeded random lensflare elements.",[560,3438,3440],{"className":562,"code":3439,"language":570,"meta":508,"style":508},"\u003CLensflare \u002F>\n",[539,3441,3442],{"__ignoreMap":508},[574,3443,3444,3446,3448],{"class":576,"line":509},[574,3445,580],{"class":579},[574,3447,357],{"class":583},[574,3449,835],{"class":579},[3245,3451,3453],{"id":3452},"non-random-properties","Non-random properties",[536,3455,3456,3457,3138],{},"You can provide a list of lensflare element properties using the ",[548,3458,3460],{"href":3459},"#elements",[539,3461,3052],{},[560,3463,3465],{"className":562,"code":3464,"language":570,"meta":508,"style":508},"\u003CLensflare :elements=\"[{ color: 'red' }, { color: 'yellow' }]\" \u002F>\n",[539,3466,3467],{"__ignoreMap":508},[574,3468,3469,3471,3473,3475,3477,3479,3481,3483,3486,3488,3490,3492,3495,3498,3501,3503,3505,3507,3509,3512,3514,3516,3518,3520],{"class":576,"line":509},[574,3470,580],{"class":579},[574,3472,357],{"class":583},[574,3474,707],{"class":579},[574,3476,3052],{"class":587},[574,3478,594],{"class":579},[574,3480,597],{"class":579},[574,3482,747],{"class":620},[574,3484,3485],{"class":579},"{",[574,3487,1670],{"class":583},[574,3489,1373],{"class":579},[574,3491,630],{"class":579},[574,3493,3494],{"class":600},"red",[574,3496,3497],{"class":579},"'",[574,3499,3500],{"class":579}," },",[574,3502,617],{"class":579},[574,3504,1670],{"class":583},[574,3506,1373],{"class":579},[574,3508,630],{"class":579},[574,3510,3511],{"class":600},"yellow",[574,3513,3497],{"class":579},[574,3515,624],{"class":579},[574,3517,763],{"class":620},[574,3519,597],{"class":579},[574,3521,835],{"class":579},[536,3523,3524,3525,754,3527,754,3529,3531],{},"This will produce a lensflare with 2 elements. The first element will be red. The second will be yellow. The unspecified properties – ",[539,3526,3036],{},[539,3528,3206],{},[539,3530,3118],{}," – will be filled in by the built-in defaults in this case.",[536,3533,3534],{},"You can also provide default props which will overwrite random generated props.",[560,3536,3538],{"className":562,"code":3537,"language":570,"meta":508,"style":508},"\u003CLensflare color:\"red\" \u002F>\n",[539,3539,3540],{"__ignoreMap":508},[574,3541,3542,3544,3546,3549,3552],{"class":576,"line":509},[574,3543,580],{"class":579},[574,3545,357],{"class":583},[574,3547,3548],{"class":587}," color:",[574,3550,3551],{"class":620},"\"red\" ",[574,3553,3554],{"class":579},"\u002F>\n",[536,3556,3557,3558,3560,3561,3563],{},"Since ",[539,3559,3052],{}," is not defined here, the component will generate random lensflare elements. The specified ",[539,3562,1108],{}," prop – \"red\" – will overwrite the color property of the generated lensflare elements.",[536,3565,3566,3567,3571],{},"See ",[548,3568,3570],{"href":3569},"#precedence","precedence"," for details about how properties are filled in.",[3245,3573,3575],{"id":3574},"random-elements","Random elements",[536,3577,3578],{},"You can let the component generate random elements ...",[536,3580,3581,3582],{},"... by not adding an ",[548,3583,3584,3586],{"href":3459},[539,3585,3052],{}," prop",[560,3588,3589],{"className":562,"code":3439,"language":570,"meta":508,"style":508},[539,3590,3591],{"__ignoreMap":508},[574,3592,3593,3595,3597],{"class":576,"line":509},[574,3594,580],{"class":579},[574,3596,357],{"class":583},[574,3598,835],{"class":579},[536,3600,3601,3602],{},"... by adding a ",[548,3603,3605,3586],{"href":3604},"#seed",[539,3606,3069],{},[560,3608,3610],{"className":562,"code":3609,"language":570,"meta":508,"style":508},"\u003CLensflare :seed=\"7127\" \u002F>\n",[539,3611,3612],{"__ignoreMap":508},[574,3613,3614,3616,3618,3620,3622,3624,3626,3629,3631],{"class":576,"line":509},[574,3615,580],{"class":579},[574,3617,357],{"class":583},[574,3619,707],{"class":579},[574,3621,3069],{"class":587},[574,3623,594],{"class":579},[574,3625,597],{"class":579},[574,3627,3628],{"class":750},"7127",[574,3630,597],{"class":579},[574,3632,835],{"class":579},[536,3634,3601,3635],{},[548,3636,3638,3586],{"href":3637},"#seedprops",[539,3639,3085],{},[560,3641,3643],{"className":562,"code":3642,"language":570,"meta":508,"style":508},"\u003CLensflare :seedProps=\"[{...}, {...}]\" \u002F>\n",[539,3644,3645],{"__ignoreMap":508},[574,3646,3647,3649,3651,3653,3655,3657,3659,3661,3664,3667,3669,3671],{"class":576,"line":509},[574,3648,580],{"class":579},[574,3650,357],{"class":583},[574,3652,707],{"class":579},[574,3654,3085],{"class":587},[574,3656,594],{"class":579},[574,3658,597],{"class":579},[574,3660,747],{"class":620},[574,3662,3663],{"class":579},"{...},",[574,3665,3666],{"class":579}," {...}",[574,3668,763],{"class":620},[574,3670,597],{"class":579},[574,3672,835],{"class":579},[3245,3674,3676],{"id":3675},"mixing-random-elements-and-non-random-properties","Mixing random elements and non-random properties",[536,3678,3679],{},"You can mix your own properties and random elements.",[560,3681,3683],{"className":562,"code":3682,"language":570,"meta":508,"style":508},"\u003CLensflare :elements=\"[{...}, {...}]\" :seed=\"8193\" \u002F>\n",[539,3684,3685],{"__ignoreMap":508},[574,3686,3687,3689,3691,3693,3695,3697,3699,3701,3703,3705,3707,3709,3711,3713,3715,3717,3720,3722],{"class":576,"line":509},[574,3688,580],{"class":579},[574,3690,357],{"class":583},[574,3692,707],{"class":579},[574,3694,3052],{"class":587},[574,3696,594],{"class":579},[574,3698,597],{"class":579},[574,3700,747],{"class":620},[574,3702,3663],{"class":579},[574,3704,3666],{"class":579},[574,3706,763],{"class":620},[574,3708,597],{"class":579},[574,3710,707],{"class":579},[574,3712,3069],{"class":587},[574,3714,594],{"class":579},[574,3716,597],{"class":579},[574,3718,3719],{"class":750},"8193",[574,3721,597],{"class":579},[574,3723,835],{"class":579},[536,3725,3726,3727,3729,3730,3732,3733,3735,3736,554],{},"Here, both ",[539,3728,3052],{}," and ",[539,3731,3069],{}," are defined. The component will generate random elements and overwrite their properties with the contents of ",[539,3734,3052],{},", according to the ",[548,3737,3738],{"href":3569},"order of precedence",[3237,3740,3741],{},[536,3742,3743],{},"When mixing random elements with elements, the final number of lensflare elements equals whichever is larger, the length of the array of generated random elements or the length of elements.",[3245,3745,3746],{"id":3570},"Precedence",[536,3748,3749],{},"If more than one source sets the same property on a given element, the following order of precendence is used. Higher in the list (lower number) equals higher precendence.",[3751,3752,3753,3758,3765,3772],"ol",{},[3754,3755,3756],"li",{},[539,3757,3052],{},[3754,3759,3760,754,3762,3764],{},[539,3761,1108],{},[539,3763,3118],{}," – default element properties",[3754,3766,3767,754,3769,3771],{},[539,3768,3069],{},[539,3770,3085],{}," – generated random elements",[3754,3773,3774],{},"built-in default element properties",[3237,3776,3777],{},[536,3778,3779,3729,3781,3783,3784,3787,3788,3790,3791,3793],{},[539,3780,800],{},[539,3782,3036],{}," are applied as ",[1220,3785,3786],{},"multipliers"," at render time, not as default values. They proportionally adjust all element sizes and distances respectively, preserving the variation between elements. Use ",[539,3789,800],{}," to make the entire lensflare larger or smaller, and ",[539,3792,3036],{}," to spread or compress the scattered elements.",[3237,3795,3796],{},[536,3797,3798],{},"If elements, seed, and seedProps are all undefined, a seed of 0 and built-in default seedProps will be used to generate the lensflare elements.",[3245,3800,3802],{"id":3801},"precedence-example","Precedence example",[536,3804,3805],{},"Here's an example of precedence. Assume this is in our vue template.",[560,3807,3809],{"className":562,"code":3808,"language":570,"meta":508,"style":508},"\u003CLensflare\n  :elements=\"[\n    {size:512, texture='http:\u002F\u002Fexample.net\u002Fcircle.png'},\n    {color:'yellow', distance:0.5}\n  ]\"\n  :texture=\"http:\u002F\u002Fexample.net\u002Fring.png\"\n  color=\"red\"\n  :seed=\"1\"\n\u002F>\n",[539,3810,3811,3818,3832,3860,3885,3892,3909,3922,3936],{"__ignoreMap":508},[574,3812,3813,3815],{"class":576,"line":509},[574,3814,580],{"class":579},[574,3816,3817],{"class":583},"Lensflare\n",[574,3819,3820,3823,3825,3827,3829],{"class":576,"line":510},[574,3821,3822],{"class":579},"  :",[574,3824,3052],{"class":587},[574,3826,594],{"class":579},[574,3828,597],{"class":579},[574,3830,3831],{"class":620},"[\n",[574,3833,3834,3837,3839,3841,3843,3845,3848,3850,3852,3855,3857],{"class":576,"line":639},[574,3835,3836],{"class":579},"    {",[574,3838,3206],{"class":583},[574,3840,1373],{"class":579},[574,3842,2801],{"class":750},[574,3844,1959],{"class":579},[574,3846,3847],{"class":620}," texture",[574,3849,594],{"class":579},[574,3851,3497],{"class":579},[574,3853,3854],{"class":600},"http:\u002F\u002Fexample.net\u002Fcircle.png",[574,3856,3497],{"class":579},[574,3858,3859],{"class":579},"},\n",[574,3861,3862,3864,3866,3868,3870,3872,3874,3876,3879,3881,3883],{"class":576,"line":660},[574,3863,3836],{"class":579},[574,3865,1108],{"class":583},[574,3867,1373],{"class":579},[574,3869,3497],{"class":579},[574,3871,3511],{"class":600},[574,3873,3497],{"class":579},[574,3875,1959],{"class":579},[574,3877,3878],{"class":583}," distance",[574,3880,1373],{"class":579},[574,3882,2072],{"class":750},[574,3884,1470],{"class":579},[574,3886,3887,3890],{"class":576,"line":670},[574,3888,3889],{"class":620},"  ]",[574,3891,766],{"class":579},[574,3893,3894,3896,3898,3900,3902,3905],{"class":576,"line":676},[574,3895,3822],{"class":579},[574,3897,3118],{"class":587},[574,3899,594],{"class":579},[574,3901,597],{"class":579},[574,3903,3904],{"class":620},"http:",[574,3906,3908],{"class":3907},"sHwdD","\u002F\u002Fexample.net\u002Fring.png\"\n",[574,3910,3911,3914,3916,3918,3920],{"class":576,"line":686},[574,3912,3913],{"class":620},"  color",[574,3915,594],{"class":579},[574,3917,597],{"class":579},[574,3919,3494],{"class":587},[574,3921,766],{"class":620},[574,3923,3924,3926,3928,3930,3932,3934],{"class":576,"line":725},[574,3925,3822],{"class":579},[574,3927,3069],{"class":587},[574,3929,594],{"class":579},[574,3931,597],{"class":579},[574,3933,1086],{"class":750},[574,3935,766],{"class":579},[574,3937,3938],{"class":576,"line":734},[574,3939,3554],{"class":620},[536,3941,3942,3944],{},[539,3943,3069],{}," is defined, so the component will produce random elements.",[536,3946,3947,3948,1373],{},"Assume the random element generator produces this, based on ",[539,3949,3069],{},[560,3951,3955],{"className":3952,"code":3953,"language":3954,"meta":508,"style":508},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[\n  {\n    color: 'white',\n    distance: 0,\n    size: 1024,\n    texture: 'http:\u002F\u002Fexample.net\u002Frays.png',\n  },\n  {\n    color: 'white',\n    distance: 1,\n    size: 512,\n    texture: 'http:\u002F\u002Fexample.net\u002Fcircle.png',\n  },\n  {\n    color: 'white',\n    distance: 2,\n    size: 512,\n    texture: 'http:\u002F\u002Fexample.net\u002Fcircle.png',\n  },\n]\n","js",[539,3956,3957,3961,3966,3982,3994,4006,4022,4027,4031,4045,4056,4067,4081,4085,4089,4103,4114,4124,4138,4142],{"__ignoreMap":508},[574,3958,3959],{"class":576,"line":509},[574,3960,3831],{"class":620},[574,3962,3963],{"class":576,"line":510},[574,3964,3965],{"class":579},"  {\n",[574,3967,3968,3971,3973,3975,3977,3979],{"class":576,"line":639},[574,3969,3970],{"class":583},"    color",[574,3972,1373],{"class":579},[574,3974,630],{"class":579},[574,3976,2471],{"class":600},[574,3978,3497],{"class":579},[574,3980,3981],{"class":579},",\n",[574,3983,3984,3987,3989,3992],{"class":576,"line":660},[574,3985,3986],{"class":583},"    distance",[574,3988,1373],{"class":579},[574,3990,3991],{"class":750}," 0",[574,3993,3981],{"class":579},[574,3995,3996,3999,4001,4004],{"class":576,"line":670},[574,3997,3998],{"class":583},"    size",[574,4000,1373],{"class":579},[574,4002,4003],{"class":750}," 1024",[574,4005,3981],{"class":579},[574,4007,4008,4011,4013,4015,4018,4020],{"class":576,"line":676},[574,4009,4010],{"class":583},"    texture",[574,4012,1373],{"class":579},[574,4014,630],{"class":579},[574,4016,4017],{"class":600},"http:\u002F\u002Fexample.net\u002Frays.png",[574,4019,3497],{"class":579},[574,4021,3981],{"class":579},[574,4023,4024],{"class":576,"line":686},[574,4025,4026],{"class":579},"  },\n",[574,4028,4029],{"class":576,"line":725},[574,4030,3965],{"class":579},[574,4032,4033,4035,4037,4039,4041,4043],{"class":576,"line":734},[574,4034,3970],{"class":583},[574,4036,1373],{"class":579},[574,4038,630],{"class":579},[574,4040,2471],{"class":600},[574,4042,3497],{"class":579},[574,4044,3981],{"class":579},[574,4046,4047,4049,4051,4054],{"class":576,"line":769},[574,4048,3986],{"class":583},[574,4050,1373],{"class":579},[574,4052,4053],{"class":750}," 1",[574,4055,3981],{"class":579},[574,4057,4058,4060,4062,4065],{"class":576,"line":775},[574,4059,3998],{"class":583},[574,4061,1373],{"class":579},[574,4063,4064],{"class":750}," 512",[574,4066,3981],{"class":579},[574,4068,4069,4071,4073,4075,4077,4079],{"class":576,"line":827},[574,4070,4010],{"class":583},[574,4072,1373],{"class":579},[574,4074,630],{"class":579},[574,4076,3854],{"class":600},[574,4078,3497],{"class":579},[574,4080,3981],{"class":579},[574,4082,4083],{"class":576,"line":838},[574,4084,4026],{"class":579},[574,4086,4087],{"class":576,"line":848},[574,4088,3965],{"class":579},[574,4090,4091,4093,4095,4097,4099,4101],{"class":576,"line":565},[574,4092,3970],{"class":583},[574,4094,1373],{"class":579},[574,4096,630],{"class":579},[574,4098,2471],{"class":600},[574,4100,3497],{"class":579},[574,4102,3981],{"class":579},[574,4104,4105,4107,4109,4112],{"class":576,"line":566},[574,4106,3986],{"class":583},[574,4108,1373],{"class":579},[574,4110,4111],{"class":750}," 2",[574,4113,3981],{"class":579},[574,4115,4116,4118,4120,4122],{"class":576,"line":567},[574,4117,3998],{"class":583},[574,4119,1373],{"class":579},[574,4121,4064],{"class":750},[574,4123,3981],{"class":579},[574,4125,4126,4128,4130,4132,4134,4136],{"class":576,"line":568},[574,4127,4010],{"class":583},[574,4129,1373],{"class":579},[574,4131,630],{"class":579},[574,4133,3854],{"class":600},[574,4135,3497],{"class":579},[574,4137,3981],{"class":579},[574,4139,4140],{"class":576,"line":569},[574,4141,4026],{"class":579},[574,4143,4144],{"class":576,"line":921},[574,4145,4146],{"class":620},"]\n",[536,4148,4149,4150,4152],{},"When random elements are mixed with ",[539,4151,3052],{},", the final number of elements in the lensflare is determined by whichever is longer.",[536,4154,4155,4156,4158],{},"Here, ",[539,4157,3052],{}," contains 2 entries. The random element generator produced 3. So the resulting lensflare will have 3 elements.",[536,4160,4161],{},"Therefore, resulting lensflare will have 3 elements.",[536,4163,4164],{},"The resulting 3 lensflare elements will have the following properties, from the following sources:",[560,4166,4168],{"className":3952,"code":4167,"language":3954,"meta":508,"style":508},"[\n  {\n    color: 'yellow', \u002F\u002F from `elements`\n    distance: 0, \u002F\u002F from random element generator\n    size: 512, \u002F\u002F from `elements`\n    texture: 'http:\u002F\u002Fexample.net\u002Fcircle.png', \u002F\u002F from `elements`\n  },\n  {\n    color: 'red', \u002F\u002F from component prop `color`\n    distance: 0.5, \u002F\u002F from `elements`\n    size: 512, \u002F\u002F from random element generator\n    texture: 'http:\u002F\u002Fexample.net\u002Fring.png', \u002F\u002F from component prop `texture`\n  },\n  {\n    color: 'red', \u002F\u002F from component prop `color`\n    distance: 2, \u002F\u002F from random element generator\n    size: 512, \u002F\u002F from random element generator\n    texture: 'http:\u002F\u002Fexample.net\u002Fring.png', \u002F\u002F from component prop `texture`\n  },\n]\n",[539,4169,4170,4174,4178,4195,4208,4220,4236,4240,4244,4261,4274,4286,4304,4308,4312,4328,4340,4352,4368,4372],{"__ignoreMap":508},[574,4171,4172],{"class":576,"line":509},[574,4173,3831],{"class":620},[574,4175,4176],{"class":576,"line":510},[574,4177,3965],{"class":579},[574,4179,4180,4182,4184,4186,4188,4190,4192],{"class":576,"line":639},[574,4181,3970],{"class":583},[574,4183,1373],{"class":579},[574,4185,630],{"class":579},[574,4187,3511],{"class":600},[574,4189,3497],{"class":579},[574,4191,1959],{"class":579},[574,4193,4194],{"class":3907}," \u002F\u002F from `elements`\n",[574,4196,4197,4199,4201,4203,4205],{"class":576,"line":660},[574,4198,3986],{"class":583},[574,4200,1373],{"class":579},[574,4202,3991],{"class":750},[574,4204,1959],{"class":579},[574,4206,4207],{"class":3907}," \u002F\u002F from random element generator\n",[574,4209,4210,4212,4214,4216,4218],{"class":576,"line":670},[574,4211,3998],{"class":583},[574,4213,1373],{"class":579},[574,4215,4064],{"class":750},[574,4217,1959],{"class":579},[574,4219,4194],{"class":3907},[574,4221,4222,4224,4226,4228,4230,4232,4234],{"class":576,"line":676},[574,4223,4010],{"class":583},[574,4225,1373],{"class":579},[574,4227,630],{"class":579},[574,4229,3854],{"class":600},[574,4231,3497],{"class":579},[574,4233,1959],{"class":579},[574,4235,4194],{"class":3907},[574,4237,4238],{"class":576,"line":686},[574,4239,4026],{"class":579},[574,4241,4242],{"class":576,"line":725},[574,4243,3965],{"class":579},[574,4245,4246,4248,4250,4252,4254,4256,4258],{"class":576,"line":734},[574,4247,3970],{"class":583},[574,4249,1373],{"class":579},[574,4251,630],{"class":579},[574,4253,3494],{"class":600},[574,4255,3497],{"class":579},[574,4257,1959],{"class":579},[574,4259,4260],{"class":3907}," \u002F\u002F from component prop `color`\n",[574,4262,4263,4265,4267,4270,4272],{"class":576,"line":769},[574,4264,3986],{"class":583},[574,4266,1373],{"class":579},[574,4268,4269],{"class":750}," 0.5",[574,4271,1959],{"class":579},[574,4273,4194],{"class":3907},[574,4275,4276,4278,4280,4282,4284],{"class":576,"line":775},[574,4277,3998],{"class":583},[574,4279,1373],{"class":579},[574,4281,4064],{"class":750},[574,4283,1959],{"class":579},[574,4285,4207],{"class":3907},[574,4287,4288,4290,4292,4294,4297,4299,4301],{"class":576,"line":827},[574,4289,4010],{"class":583},[574,4291,1373],{"class":579},[574,4293,630],{"class":579},[574,4295,4296],{"class":600},"http:\u002F\u002Fexample.net\u002Fring.png",[574,4298,3497],{"class":579},[574,4300,1959],{"class":579},[574,4302,4303],{"class":3907}," \u002F\u002F from component prop `texture`\n",[574,4305,4306],{"class":576,"line":838},[574,4307,4026],{"class":579},[574,4309,4310],{"class":576,"line":848},[574,4311,3965],{"class":579},[574,4313,4314,4316,4318,4320,4322,4324,4326],{"class":576,"line":565},[574,4315,3970],{"class":583},[574,4317,1373],{"class":579},[574,4319,630],{"class":579},[574,4321,3494],{"class":600},[574,4323,3497],{"class":579},[574,4325,1959],{"class":579},[574,4327,4260],{"class":3907},[574,4329,4330,4332,4334,4336,4338],{"class":576,"line":566},[574,4331,3986],{"class":583},[574,4333,1373],{"class":579},[574,4335,4111],{"class":750},[574,4337,1959],{"class":579},[574,4339,4207],{"class":3907},[574,4341,4342,4344,4346,4348,4350],{"class":576,"line":567},[574,4343,3998],{"class":583},[574,4345,1373],{"class":579},[574,4347,4064],{"class":750},[574,4349,1959],{"class":579},[574,4351,4207],{"class":3907},[574,4353,4354,4356,4358,4360,4362,4364,4366],{"class":576,"line":568},[574,4355,4010],{"class":583},[574,4357,1373],{"class":579},[574,4359,630],{"class":579},[574,4361,4296],{"class":600},[574,4363,3497],{"class":579},[574,4365,1959],{"class":579},[574,4367,4303],{"class":3907},[574,4369,4370],{"class":576,"line":569},[574,4371,4026],{"class":579},[574,4373,4374],{"class":576,"line":921},[574,4375,4146],{"class":620},[1196,4377,4378],{},"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":508,"searchDepth":509,"depth":510,"links":4380},[4381,4382,4383,4384,4387,4388],{"id":558,"depth":510,"text":15},{"id":945,"depth":510,"text":946},{"id":3052,"depth":510,"text":3052},{"id":3069,"depth":510,"text":3069,"children":4385},[4386],{"id":3247,"depth":639,"text":3248},{"id":3303,"depth":510,"text":3085},{"id":3430,"depth":510,"text":3431,"children":4389},[4390,4391,4392,4393,4394],{"id":3452,"depth":639,"text":3453},{"id":3574,"depth":639,"text":3575},{"id":3675,"depth":639,"text":3676},{"id":3570,"depth":639,"text":3746},{"id":3801,"depth":639,"text":3802},"Wraps the Three.js Lensflare with seeded random element generation.",{},{"title":357,"description":4395},"IPTu6ltIJ84TUkEk77xCaQa3Z9Y35mfjfjyH23AjLG0",{"id":4400,"title":361,"body":4401,"description":5103,"extension":513,"links":514,"meta":5104,"navigation":516,"path":362,"seo":5105,"stem":363,"__hash__":5106},"docs\u002F2.api\u002F7.light-shadow\u002Frandomized-lights.md",{"type":501,"value":4402,"toc":5099},[4403,4408,4415,4423,4425,4932,4934,5097],[1212,4404,4405],{},[4406,4407],"light-shadow-randomized-lights",{},[536,4409,4410,4412,4413,554],{},[539,4411,1174],{}," internally creates multiple lights and jiggles them. You would normally add it as a child of ",[539,4414,541],{},[536,4416,4417,4418,554],{},"It is based on this ",[548,4419,4422],{"href":4420,"rel":4421},"http:\u002F\u002Fdrei.docs.pmnd.rs\u002Fstaging\u002Frandomized-light",[552],"Drei component",[556,4424,15],{"id":558},[560,4426,4429],{"className":562,"code":4427,"highlights":4428,"language":570,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from \"@tresjs\u002Fcore\";\nimport {\n  RandomizedLights,\n  AccumulativeShadows,\n  OrbitControls,\n  Plane,\n} from \"@tresjs\u002Fcientos\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas shadows>\n    \u003CTresPerspectiveCamera :position=\"[0, 3, 5]\" \u002F>\n    \u003COrbitControls \u002F>\n    \u003CAccumulativeShadows :blend=\"100\" color=\"#fbb03b\" once :position-y=\"-1\">\n      \u003CRandomizedLights\n        :ambient=\"0.25\"\n        :bias=\"0.001\"\n        :count=\"8\"\n        :intensity=\"Math.PI\"\n        :map-size=\"1024\"\n        :position=\"[5, 5, -10]\"\n        :radius=\"2\"\n      \u002F>\n    \u003C\u002FAccumulativeShadows>\n    \u003CTresMesh cast-shadow>\n      \u003CTresBoxGeometry \u002F>\n      \u003CTresMeshToonMaterial color=\"orange\" \u002F>\n    \u003C\u002FTresMesh>\n    \u003CPlane :position=\"[0, -2, 0]\" receive-shadow :args=\"[10, 10]\">\n      \u003CTresMeshStandardMaterial \u002F>\n    \u003C\u002FPlane>\n    \u003CTresAmbientLight \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n\n",[660,566,567,568,569,921,926,936,1547],[539,4430,4431,4451,4471,4477,4485,4492,4499,4506,4521,4529,4533,4541,4552,4584,4592,4640,4648,4666,4683,4700,4720,4736,4763,4779,4784,4792,4803,4811,4829,4837,4892,4900,4908,4916,4924],{"__ignoreMap":508},[574,4432,4433,4435,4437,4439,4441,4443,4445,4447,4449],{"class":576,"line":509},[574,4434,580],{"class":579},[574,4436,584],{"class":583},[574,4438,588],{"class":587},[574,4440,591],{"class":587},[574,4442,594],{"class":579},[574,4444,597],{"class":579},[574,4446,601],{"class":600},[574,4448,597],{"class":579},[574,4450,606],{"class":579},[574,4452,4453,4455,4457,4459,4461,4463,4465,4467,4469],{"class":576,"line":510},[574,4454,614],{"class":613},[574,4456,617],{"class":579},[574,4458,646],{"class":620},[574,4460,624],{"class":579},[574,4462,627],{"class":613},[574,4464,1969],{"class":579},[574,4466,655],{"class":600},[574,4468,597],{"class":579},[574,4470,1976],{"class":579},[574,4472,4473,4475],{"class":576,"line":639},[574,4474,614],{"class":613},[574,4476,1383],{"class":579},[574,4478,4480,4483],{"class":4479,"line":660},[576,610],[574,4481,4482],{"class":620},"  RandomizedLights",[574,4484,3981],{"class":579},[574,4486,4487,4490],{"class":576,"line":670},[574,4488,4489],{"class":620},"  AccumulativeShadows",[574,4491,3981],{"class":579},[574,4493,4494,4497],{"class":576,"line":676},[574,4495,4496],{"class":620},"  OrbitControls",[574,4498,3981],{"class":579},[574,4500,4501,4504],{"class":576,"line":686},[574,4502,4503],{"class":620},"  Plane",[574,4505,3981],{"class":579},[574,4507,4508,4511,4513,4515,4517,4519],{"class":576,"line":725},[574,4509,4510],{"class":579},"}",[574,4512,627],{"class":613},[574,4514,1969],{"class":579},[574,4516,633],{"class":600},[574,4518,597],{"class":579},[574,4520,1976],{"class":579},[574,4522,4523,4525,4527],{"class":576,"line":734},[574,4524,663],{"class":579},[574,4526,584],{"class":583},[574,4528,606],{"class":579},[574,4530,4531],{"class":576,"line":769},[574,4532,673],{"emptyLinePlaceholder":516},[574,4534,4535,4537,4539],{"class":576,"line":775},[574,4536,580],{"class":579},[574,4538,681],{"class":583},[574,4540,606],{"class":579},[574,4542,4543,4545,4547,4550],{"class":576,"line":827},[574,4544,689],{"class":579},[574,4546,692],{"class":583},[574,4548,4549],{"class":587}," shadows",[574,4551,606],{"class":579},[574,4553,4554,4556,4558,4560,4562,4564,4566,4568,4570,4572,4574,4576,4578,4580,4582],{"class":576,"line":838},[574,4555,778],{"class":579},[574,4557,2041],{"class":583},[574,4559,707],{"class":579},[574,4561,1552],{"class":587},[574,4563,594],{"class":579},[574,4565,597],{"class":579},[574,4567,747],{"class":579},[574,4569,751],{"class":750},[574,4571,754],{"class":579},[574,4573,3290],{"class":750},[574,4575,754],{"class":579},[574,4577,1570],{"class":750},[574,4579,763],{"class":579},[574,4581,597],{"class":579},[574,4583,835],{"class":579},[574,4585,4586,4588,4590],{"class":576,"line":848},[574,4587,778],{"class":579},[574,4589,2050],{"class":583},[574,4591,835],{"class":579},[574,4593,4594,4596,4599,4601,4603,4605,4607,4609,4611,4613,4615,4617,4619,4621,4624,4626,4628,4630,4632,4634,4636,4638],{"class":576,"line":565},[574,4595,778],{"class":579},[574,4597,4598],{"class":583},"AccumulativeShadows",[574,4600,707],{"class":579},[574,4602,871],{"class":587},[574,4604,594],{"class":579},[574,4606,597],{"class":579},[574,4608,878],{"class":750},[574,4610,597],{"class":579},[574,4612,1670],{"class":587},[574,4614,594],{"class":579},[574,4616,597],{"class":579},[574,4618,702],{"class":600},[574,4620,597],{"class":579},[574,4622,4623],{"class":587}," once",[574,4625,707],{"class":579},[574,4627,786],{"class":587},[574,4629,594],{"class":579},[574,4631,597],{"class":579},[574,4633,914],{"class":579},[574,4635,1086],{"class":750},[574,4637,597],{"class":579},[574,4639,606],{"class":579},[574,4641,4643,4645],{"class":4642,"line":566},[576,610],[574,4644,728],{"class":579},[574,4646,4647],{"class":583},"RandomizedLights\n",[574,4649,4651,4654,4657,4659,4661,4664],{"class":4650,"line":567},[576,610],[574,4652,4653],{"class":579},"        :",[574,4655,4656],{"class":587},"ambient",[574,4658,594],{"class":579},[574,4660,597],{"class":579},[574,4662,4663],{"class":750},"0.25",[574,4665,766],{"class":579},[574,4667,4669,4671,4674,4676,4678,4681],{"class":4668,"line":568},[576,610],[574,4670,4653],{"class":579},[574,4672,4673],{"class":587},"bias",[574,4675,594],{"class":579},[574,4677,597],{"class":579},[574,4679,4680],{"class":750},"0.001",[574,4682,766],{"class":579},[574,4684,4686,4688,4691,4693,4695,4698],{"class":4685,"line":569},[576,610],[574,4687,4653],{"class":579},[574,4689,4690],{"class":587},"count",[574,4692,594],{"class":579},[574,4694,597],{"class":579},[574,4696,4697],{"class":750},"8",[574,4699,766],{"class":579},[574,4701,4703,4705,4708,4710,4712,4714,4716,4718],{"class":4702,"line":921},[576,610],[574,4704,4653],{"class":579},[574,4706,4707],{"class":587},"intensity",[574,4709,594],{"class":579},[574,4711,597],{"class":579},[574,4713,1748],{"class":620},[574,4715,554],{"class":579},[574,4717,1753],{"class":620},[574,4719,766],{"class":579},[574,4721,4723,4725,4728,4730,4732,4734],{"class":4722,"line":926},[576,610],[574,4724,4653],{"class":579},[574,4726,4727],{"class":587},"map-size",[574,4729,594],{"class":579},[574,4731,597],{"class":579},[574,4733,1146],{"class":750},[574,4735,766],{"class":579},[574,4737,4739,4741,4743,4745,4747,4749,4751,4753,4755,4757,4759,4761],{"class":4738,"line":936},[576,610],[574,4740,4653],{"class":579},[574,4742,1552],{"class":587},[574,4744,594],{"class":579},[574,4746,597],{"class":579},[574,4748,747],{"class":579},[574,4750,1570],{"class":750},[574,4752,754],{"class":579},[574,4754,1570],{"class":750},[574,4756,1721],{"class":579},[574,4758,1071],{"class":750},[574,4760,763],{"class":579},[574,4762,766],{"class":579},[574,4764,4766,4768,4771,4773,4775,4777],{"class":4765,"line":1547},[576,610],[574,4767,4653],{"class":579},[574,4769,4770],{"class":587},"radius",[574,4772,594],{"class":579},[574,4774,597],{"class":579},[574,4776,1565],{"class":750},[574,4778,766],{"class":579},[574,4780,4781],{"class":576,"line":1577},[574,4782,4783],{"class":579},"      \u002F>\n",[574,4785,4786,4788,4790],{"class":576,"line":1604},[574,4787,851],{"class":579},[574,4789,4598],{"class":583},[574,4791,606],{"class":579},[574,4793,4794,4796,4798,4801],{"class":576,"line":1245},[574,4795,778],{"class":579},[574,4797,781],{"class":583},[574,4799,4800],{"class":587}," cast-shadow",[574,4802,606],{"class":579},[574,4804,4805,4807,4809],{"class":576,"line":1618},[574,4806,728],{"class":579},[574,4808,1657],{"class":583},[574,4810,835],{"class":579},[574,4812,4813,4815,4817,4819,4821,4823,4825,4827],{"class":576,"line":1626},[574,4814,728],{"class":579},[574,4816,2112],{"class":583},[574,4818,1670],{"class":587},[574,4820,594],{"class":579},[574,4822,597],{"class":579},[574,4824,1677],{"class":600},[574,4826,597],{"class":579},[574,4828,835],{"class":579},[574,4830,4831,4833,4835],{"class":576,"line":1640},[574,4832,851],{"class":579},[574,4834,781],{"class":583},[574,4836,606],{"class":579},[574,4838,4839,4841,4843,4845,4847,4849,4851,4853,4855,4857,4859,4861,4863,4865,4867,4870,4872,4874,4876,4878,4880,4882,4884,4886,4888,4890],{"class":576,"line":1646},[574,4840,778],{"class":579},[574,4842,261],{"class":583},[574,4844,707],{"class":579},[574,4846,1552],{"class":587},[574,4848,594],{"class":579},[574,4850,597],{"class":579},[574,4852,747],{"class":579},[574,4854,751],{"class":750},[574,4856,1721],{"class":579},[574,4858,1565],{"class":750},[574,4860,754],{"class":579},[574,4862,751],{"class":750},[574,4864,763],{"class":579},[574,4866,597],{"class":579},[574,4868,4869],{"class":587}," receive-shadow",[574,4871,707],{"class":579},[574,4873,1778],{"class":587},[574,4875,594],{"class":579},[574,4877,597],{"class":579},[574,4879,747],{"class":579},[574,4881,1071],{"class":750},[574,4883,754],{"class":579},[574,4885,1071],{"class":750},[574,4887,763],{"class":579},[574,4889,597],{"class":579},[574,4891,606],{"class":579},[574,4893,4894,4896,4898],{"class":576,"line":1652},[574,4895,728],{"class":579},[574,4897,1667],{"class":583},[574,4899,835],{"class":579},[574,4901,4902,4904,4906],{"class":576,"line":1662},[574,4903,851],{"class":579},[574,4905,261],{"class":583},[574,4907,606],{"class":579},[574,4909,4910,4912,4914],{"class":576,"line":1684},[574,4911,778],{"class":579},[574,4913,2171],{"class":583},[574,4915,835],{"class":579},[574,4917,4918,4920,4922],{"class":576,"line":1693},[574,4919,929],{"class":579},[574,4921,692],{"class":583},[574,4923,606],{"class":579},[574,4925,4926,4928,4930],{"class":576,"line":1700},[574,4927,663],{"class":579},[574,4929,681],{"class":583},[574,4931,606],{"class":579},[556,4933,946],{"id":945},[948,4935,4936,4946],{},[951,4937,4938],{},[954,4939,4940,4942,4944],{},[957,4941,959],{},[957,4943,962],{},[957,4945,965],{},[967,4947,4948,4961,4974,4988,5001,5015,5028,5042,5055,5069,5083],{},[954,4949,4950,4954,4957],{},[972,4951,4952],{},[539,4953,4690],{},[972,4955,4956],{},"Number of lights",[972,4958,4959],{},[539,4960,4697],{},[954,4962,4963,4967,4970],{},[972,4964,4965],{},[539,4966,4770],{},[972,4968,4969],{},"Radius of the jiggle, higher values make softer light",[972,4971,4972],{},[539,4973,1086],{},[954,4975,4976,4980,4983],{},[972,4977,4978],{},[539,4979,4707],{},[972,4981,4982],{},"Light intensity",[972,4984,4985],{},[539,4986,4987],{},"Math.PI",[954,4989,4990,4994,4997],{},[972,4991,4992],{},[539,4993,4656],{},[972,4995,4996],{},"\"Ambient occlusion\" to directional light ratio, lower values mean less AO",[972,4998,4999],{},[539,5000,2072],{},[954,5002,5003,5008,5011],{},[972,5004,5005],{},[539,5006,5007],{},"castShadow",[972,5009,5010],{},"If the lights cast shadows",[972,5012,5013],{},[539,5014,718],{},[954,5016,5017,5021,5024],{},[972,5018,5019],{},[539,5020,4673],{},[972,5022,5023],{},"Default shadow bias",[972,5025,5026],{},[539,5027,751],{},[954,5029,5030,5035,5038],{},[972,5031,5032],{},[539,5033,5034],{},"mapSize",[972,5036,5037],{},"Size of the lights' shadow map",[972,5039,5040],{},[539,5041,2801],{},[954,5043,5044,5048,5051],{},[972,5045,5046],{},[539,5047,3206],{},[972,5049,5050],{},"Size of the lights' shadow camera frustum",[972,5052,5053],{},[539,5054,1071],{},[954,5056,5057,5062,5065],{},[972,5058,5059],{},[539,5060,5061],{},"near",[972,5063,5064],{},"Lights' shadow camera near value",[972,5066,5067],{},[539,5068,2072],{},[954,5070,5071,5075,5078],{},[972,5072,5073],{},[539,5074,2766],{},[972,5076,5077],{},"Lights' shadow camera far value",[972,5079,5080],{},[539,5081,5082],{},"500",[954,5084,5085,5089,5092],{},[972,5086,5087],{},[539,5088,1552],{},[972,5090,5091],{},"Position",[972,5093,5094],{},[539,5095,5096],{},"[5, 5, -10]",[1196,5098,2326],{},{"title":508,"searchDepth":509,"depth":510,"links":5100},[5101,5102],{"id":558,"depth":510,"text":15},{"id":945,"depth":510,"text":946},"Creates multiple lights and jiggles them for softer shadows.",{},{"title":361,"description":5103},"baGOsq_IYKuFBxflpLvSmGExVBUODXQrO5EKfecXWks",{"id":5108,"title":365,"body":5109,"description":5559,"extension":513,"links":514,"meta":5560,"navigation":516,"path":366,"seo":5561,"stem":367,"__hash__":5562},"docs\u002F2.api\u002F7.light-shadow\u002Fsoft-shadows.md",{"type":501,"value":5110,"toc":5555},[5111,5116,5119,5121,5500,5502,5553],[530,5112,5113],{},[5114,5115],"light-shadow-soft-shadows",{},[536,5117,5118],{},"Injects percent closer soft shadows (pcss) into THREE's shader chunk. Mounting\u002Funmounting this component or changing its props will cause all shaders to be recompiled.",[556,5120,15],{"id":558},[560,5122,5125],{"className":562,"code":5123,"highlights":5124,"language":570,"meta":508,"style":508},"\u003Cscript setup lang=\"ts\">\nimport { SoftShadows, Levioso, TorusKnot, Plane } from \"@tresjs\u002Fcientos\";\nimport { TresCanvas } from \"@tresjs\u002Fcore\";\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas shadows clear-color=\"#82DBC5\">\n    \u003CLevioso :speed=\"4\" :range=\"[0, 0.7]\" :rotation-factor=\"9\">\n      \u003CTorusKnot cast-shadow :scale=\"0.45\">\n        \u003CTresMeshStandardMaterial color=\"orange\" \u002F>\n      \u003C\u002FTorusKnot>\n    \u003C\u002FLevioso>\n    \u003CPlane :position=\"[0, -2, 0]\" receive-shadow :args=\"[10, 10]\">\n      \u003CTresMeshStandardMaterial \u002F>\n    \u003C\u002FPlane>\n    \u003CTresDirectionalLight cast-shadow :position=\"[0, 3, 0]\" \u002F>\n    \u003CTresAmbientLight :intensity=\"0.5\" \u002F>\n    \u003CSoftShadows \u002F>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n",[510,568],[539,5126,5127,5147,5182,5202,5210,5214,5222,5242,5294,5316,5334,5342,5350,5404,5412,5420,5454,5474,5484,5492],{"__ignoreMap":508},[574,5128,5129,5131,5133,5135,5137,5139,5141,5143,5145],{"class":576,"line":509},[574,5130,580],{"class":579},[574,5132,584],{"class":583},[574,5134,588],{"class":587},[574,5136,591],{"class":587},[574,5138,594],{"class":579},[574,5140,597],{"class":579},[574,5142,601],{"class":600},[574,5144,597],{"class":579},[574,5146,606],{"class":579},[574,5148,5150,5152,5154,5157,5159,5161,5163,5165,5167,5170,5172,5174,5176,5178,5180],{"class":5149,"line":510},[576,610],[574,5151,614],{"class":613},[574,5153,617],{"class":579},[574,5155,5156],{"class":620}," SoftShadows",[574,5158,1959],{"class":579},[574,5160,2403],{"class":620},[574,5162,1959],{"class":579},[574,5164,2408],{"class":620},[574,5166,1959],{"class":579},[574,5168,5169],{"class":620}," Plane",[574,5171,624],{"class":579},[574,5173,627],{"class":613},[574,5175,1969],{"class":579},[574,5177,633],{"class":600},[574,5179,597],{"class":579},[574,5181,1976],{"class":579},[574,5183,5184,5186,5188,5190,5192,5194,5196,5198,5200],{"class":576,"line":639},[574,5185,614],{"class":613},[574,5187,617],{"class":579},[574,5189,646],{"class":620},[574,5191,624],{"class":579},[574,5193,627],{"class":613},[574,5195,1969],{"class":579},[574,5197,655],{"class":600},[574,5199,597],{"class":579},[574,5201,1976],{"class":579},[574,5203,5204,5206,5208],{"class":576,"line":660},[574,5205,663],{"class":579},[574,5207,584],{"class":583},[574,5209,606],{"class":579},[574,5211,5212],{"class":576,"line":670},[574,5213,673],{"emptyLinePlaceholder":516},[574,5215,5216,5218,5220],{"class":576,"line":676},[574,5217,580],{"class":579},[574,5219,681],{"class":583},[574,5221,606],{"class":579},[574,5223,5224,5226,5228,5230,5232,5234,5236,5238,5240],{"class":576,"line":686},[574,5225,689],{"class":579},[574,5227,692],{"class":583},[574,5229,4549],{"class":587},[574,5231,695],{"class":587},[574,5233,594],{"class":579},[574,5235,597],{"class":579},[574,5237,1509],{"class":600},[574,5239,597],{"class":579},[574,5241,606],{"class":579},[574,5243,5244,5246,5248,5250,5252,5254,5256,5258,5260,5262,5264,5266,5268,5270,5272,5274,5276,5278,5280,5282,5284,5286,5288,5290,5292],{"class":576,"line":725},[574,5245,778],{"class":579},[574,5247,2482],{"class":583},[574,5249,707],{"class":579},[574,5251,2487],{"class":587},[574,5253,594],{"class":579},[574,5255,597],{"class":579},[574,5257,2201],{"class":750},[574,5259,597],{"class":579},[574,5261,707],{"class":579},[574,5263,2500],{"class":587},[574,5265,594],{"class":579},[574,5267,597],{"class":579},[574,5269,747],{"class":579},[574,5271,751],{"class":750},[574,5273,754],{"class":579},[574,5275,2513],{"class":750},[574,5277,763],{"class":579},[574,5279,597],{"class":579},[574,5281,707],{"class":579},[574,5283,2522],{"class":587},[574,5285,594],{"class":579},[574,5287,597],{"class":579},[574,5289,2529],{"class":750},[574,5291,597],{"class":579},[574,5293,606],{"class":579},[574,5295,5296,5298,5300,5302,5304,5306,5308,5310,5312,5314],{"class":576,"line":734},[574,5297,728],{"class":579},[574,5299,2540],{"class":583},[574,5301,4800],{"class":587},[574,5303,707],{"class":579},[574,5305,800],{"class":587},[574,5307,594],{"class":579},[574,5309,597],{"class":579},[574,5311,2551],{"class":750},[574,5313,597],{"class":579},[574,5315,606],{"class":579},[574,5317,5318,5320,5322,5324,5326,5328,5330,5332],{"class":576,"line":769},[574,5319,2101],{"class":579},[574,5321,1667],{"class":583},[574,5323,1670],{"class":587},[574,5325,594],{"class":579},[574,5327,597],{"class":579},[574,5329,1677],{"class":600},[574,5331,597],{"class":579},[574,5333,835],{"class":579},[574,5335,5336,5338,5340],{"class":576,"line":775},[574,5337,2129],{"class":579},[574,5339,2540],{"class":583},[574,5341,606],{"class":579},[574,5343,5344,5346,5348],{"class":576,"line":827},[574,5345,851],{"class":579},[574,5347,2482],{"class":583},[574,5349,606],{"class":579},[574,5351,5352,5354,5356,5358,5360,5362,5364,5366,5368,5370,5372,5374,5376,5378,5380,5382,5384,5386,5388,5390,5392,5394,5396,5398,5400,5402],{"class":576,"line":838},[574,5353,778],{"class":579},[574,5355,261],{"class":583},[574,5357,707],{"class":579},[574,5359,1552],{"class":587},[574,5361,594],{"class":579},[574,5363,597],{"class":579},[574,5365,747],{"class":579},[574,5367,751],{"class":750},[574,5369,1721],{"class":579},[574,5371,1565],{"class":750},[574,5373,754],{"class":579},[574,5375,751],{"class":750},[574,5377,763],{"class":579},[574,5379,597],{"class":579},[574,5381,4869],{"class":587},[574,5383,707],{"class":579},[574,5385,1778],{"class":587},[574,5387,594],{"class":579},[574,5389,597],{"class":579},[574,5391,747],{"class":579},[574,5393,1071],{"class":750},[574,5395,754],{"class":579},[574,5397,1071],{"class":750},[574,5399,763],{"class":579},[574,5401,597],{"class":579},[574,5403,606],{"class":579},[574,5405,5406,5408,5410],{"class":576,"line":848},[574,5407,728],{"class":579},[574,5409,1667],{"class":583},[574,5411,835],{"class":579},[574,5413,5414,5416,5418],{"class":576,"line":565},[574,5415,851],{"class":579},[574,5417,261],{"class":583},[574,5419,606],{"class":579},[574,5421,5422,5424,5426,5428,5430,5432,5434,5436,5438,5440,5442,5444,5446,5448,5450,5452],{"class":576,"line":566},[574,5423,778],{"class":579},[574,5425,2180],{"class":583},[574,5427,4800],{"class":587},[574,5429,707],{"class":579},[574,5431,1552],{"class":587},[574,5433,594],{"class":579},[574,5435,597],{"class":579},[574,5437,747],{"class":579},[574,5439,751],{"class":750},[574,5441,754],{"class":579},[574,5443,3290],{"class":750},[574,5445,754],{"class":579},[574,5447,751],{"class":750},[574,5449,763],{"class":579},[574,5451,597],{"class":579},[574,5453,835],{"class":579},[574,5455,5456,5458,5460,5462,5464,5466,5468,5470,5472],{"class":576,"line":567},[574,5457,778],{"class":579},[574,5459,2171],{"class":583},[574,5461,707],{"class":579},[574,5463,4707],{"class":587},[574,5465,594],{"class":579},[574,5467,597],{"class":579},[574,5469,2072],{"class":750},[574,5471,597],{"class":579},[574,5473,835],{"class":579},[574,5475,5477,5479,5482],{"class":5476,"line":568},[576,610],[574,5478,778],{"class":579},[574,5480,5481],{"class":583},"SoftShadows",[574,5483,835],{"class":579},[574,5485,5486,5488,5490],{"class":576,"line":569},[574,5487,929],{"class":579},[574,5489,692],{"class":583},[574,5491,606],{"class":579},[574,5493,5494,5496,5498],{"class":576,"line":921},[574,5495,663],{"class":579},[574,5497,681],{"class":583},[574,5499,606],{"class":579},[556,5501,946],{"id":945},[948,5503,5504,5514],{},[951,5505,5506],{},[954,5507,5508,5510,5512],{},[957,5509,2238],{"align":2237},[957,5511,962],{"align":2237},[957,5513,965],{},[967,5515,5516,5528,5540],{},[954,5517,5518,5520,5523],{},[972,5519,3206],{"align":2237},[972,5521,5522],{"align":2237},"Size of the light source (the larger the softer the light)",[972,5524,5525],{},[539,5526,5527],{},"25",[954,5529,5530,5533,5536],{},[972,5531,5532],{"align":2237},"samples",[972,5534,5535],{"align":2237},"Number of samples (more samples less noise but more expensive)",[972,5537,5538],{},[539,5539,1071],{},[954,5541,5542,5545,5548],{},[972,5543,5544],{"align":2237},"focus",[972,5546,5547],{"align":2237},"Depth focus, use it to shift the focal point (where the shadow is the sharpest)",[972,5549,5550,5552],{},[539,5551,751],{}," (the beginning)",[1196,5554,2326],{},{"title":508,"searchDepth":509,"depth":510,"links":5556},[5557,5558],{"id":558,"depth":510,"text":15},{"id":945,"depth":510,"text":946},"Injects percent closer soft shadows (PCSS) into THREE's shader chunk.",{},{"title":365,"description":5559},"Jcog66jVOp0ZbwScDyRmLoOj7ZJPGe-FsPG7UiW8n8I",1791549577276]