UE4 Lens Flare

末蓝、 2022-08-17 14:26 117阅读 0赞

[Unreal Engine 4.9][]

[Post Process Effects][]

![Lens Flare][]

The **Lens Flare** effect is an image-based technique that simulates the scattering of light when viewing bright objects due to imperfections in camera lenses.

<table style="border-top-width:1px; border-top-style:solid; border-top-color:rgb(160,160,160); border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(160,160,160); border-spacing:0px; width:930px; margin:1.5em 0em; font-size:0.925em; color:rgb(22,22,23); font-family:Helvetica,Verdana,Arial,sans-serif; line-height:26.25px; background-color:transparent">      
 <thead> 
  <tr> 
   <th colspan="1" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); color:rgb(0,0,0); padding:0.25em 2.5em 0.25em 0.5em; vertical-align:top; background-color:rgb(224,224,224)"> Property</th> 
   <th colspan="1" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); color:rgb(0,0,0); padding:0.25em 2.5em 0.25em 0.5em; vertical-align:top; background-color:rgb(224,224,224)"> Description</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Tint</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> Tints the color of the entire lens flare effect. 
    <div> 
     <div style=""> 
      <div style="z-index:20; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Tint (1.0, 1.0, 1.0)" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_tint_off_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; left:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Tint (1.0, 1.0, 1.0) 
       </div> 
      </div> 
      <div style="z-index:10; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Tint (0.25, 1.0, 1.0)" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_tint_on_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; right:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Tint (0.25, 1.0, 1.0) 
       </div> 
      </div> 
      <div style=""> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset solid inset inset; border-color:transparent white transparent transparent; position:absolute; top:19px; margin-top:-6px; left:19px; margin-left:-17px"></span> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset inset inset solid; border-color:transparent transparent transparent white; position:absolute; top:19px; margin-top:-6px; right:19px; margin-right:-17px"></span> 
      </div> 
     </div> 
    </div> </td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Threshold</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> Defines the minimum brightness of pixels that contribute to the lens flare. Higher thresholds keep content that is too dark too see from being blurred, improving performance as the fill rate cost increases linearly with the amount of pixels passing the threshold. 
    <div> 
     <div style=""> 
      <div style="z-index:20; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Threshold - 0.1" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_threshold_0_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; left:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Threshold - 0.1 
       </div> 
      </div> 
      <div style="z-index:10; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Threshold - 8" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_threshold_8_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; right:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Threshold - 8 
       </div> 
      </div> 
      <div style=""> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset solid inset inset; border-color:transparent white transparent transparent; position:absolute; top:19px; margin-top:-6px; left:19px; margin-left:-17px"></span> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset inset inset solid; border-color:transparent transparent transparent white; position:absolute; top:19px; margin-top:-6px; right:19px; margin-right:-17px"></span> 
      </div> 
     </div> 
    </div> </td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Bokeh Size</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> Scales the radius of the Bokeh shape. Possible uses: tweak image based lens flare look and performance (2x radius -&gt; 4x more fill rate). 
    <div> 
     <div style=""> 
      <div style="z-index:20; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Size - 1" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_bokehsize_1_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; left:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Size - 1 
       </div> 
      </div> 
      <div style="z-index:10; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Size - 8" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_bokehsize_8_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; right:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Size - 8 
       </div> 
      </div> 
      <div style=""> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset solid inset inset; border-color:transparent white transparent transparent; position:absolute; top:19px; margin-top:-6px; left:19px; margin-left:-17px"></span> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset inset inset solid; border-color:transparent transparent transparent white; position:absolute; top:19px; margin-top:-6px; right:19px; margin-right:-17px"></span> 
      </div> 
     </div> 
    </div> </td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Bokeh Shape</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> The texture to use to define the shape of the lens flares. 
    <div> 
     <div style=""> 
      <div style="z-index:20; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Shape - Default" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_bokehshape_default_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; left:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Shape - Default 
       </div> 
      </div> 
      <div style="z-index:10; position:absolute; top:0px; width:500px; height:0px"> 
       <p style="font-size:1em; margin-top:0px; margin-bottom:20px"><img alt="Lens Flare Shape - Square" width="500" src="https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare_bokehshape_square_small.jpg" style="border:0px solid rgb(128,128,128); max-width:100%; display:block"></p> 
       <div style="bottom:10px; color:rgb(255,255,255); font-weight:bold; right:10px; padding:0px 8px; position:absolute; z-index:100">
         Lens Flare Shape - Square 
       </div> 
      </div> 
      <div style=""> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset solid inset inset; border-color:transparent white transparent transparent; position:absolute; top:19px; margin-top:-6px; left:19px; margin-left:-17px"></span> 
       <span style="width:0px; height:0px; border-width:6px; border-style:inset inset inset solid; border-color:transparent transparent transparent white; position:absolute; top:19px; margin-top:-6px; right:19px; margin-right:-17px"></span> 
      </div> 
     </div> 
    </div> </td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Lens Flare Tints 1/2/3/4/5/6/7/8</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> Tints the color of each individual lens flare.</td> 
  </tr> 
  <tr> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> <strong>Intensity</strong></td> 
   <td colspan="1" align="" style="border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:rgb(216,216,216); vertical-align:top; padding:0.25em 2.5em 0.25em 0.5em"> Brightness scale of the image cased lens flares (linear).</td> 
  </tr> 
 </tbody> 
</table>

[Unreal Engine 4.9][]

[Post Process Effects][]

![Lens Flare][]

The **Lens Flare** effect is an image-based technique that simulates the scattering of light when viewing bright objects due to imperfections in camera lenses.

[Unreal Engine 4.9]: https://docs.unrealengine.com/latest/INT/SiteIndex/index.html?versions=4.9
[Post Process Effects]: https://docs.unrealengine.com/latest/INT/Engine/Rendering/PostProcessEffects/index.html
[Lens Flare]: https://docs.unrealengine.com/latest/images/Engine/Rendering/PostProcessEffects/LensFlare/lens_flare.jpg