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