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