PcoWSkbVqDnWTu_dm2ix

Atmosphere Controls

Atmosphere Controls

5 min

The Atmosphere object pushes Roblox closer toward realistic environments where sunlight scatters in different ways depending on density and other air particle properties. It simulates real-world “aerial perspective” and lets you control light transmission from the background sky through distant objects. Furthermore, it controls haze and glare conditions, letting you tune a perfect sunset, foggy afternoon, and more.

Setup

Atmospheric settings rely on both a Sky and Atmosphere object located in the Lighting service. If these objects do not exist, insert them.

Atmosphere Properties

Density

Atmosphere/Density|Density defines the amount of particles in the air. The higher the density, the more particles and the more in-game objects/terrain will be obscured by them. Note that density does not directly affect the articles/Custom Skyboxes|skybox it merely affects in-game objects/terrain and visibility of the skybox through them.

Offset

Atmosphere/Offset|Offset controls how light transmits between the camera and the sky background. Increase this value to create a horizon silhouette against the sky or reduce it to blend distant objects into the sky for an endless and seamless open world.

Haze

Atmosphere/Haze|Haze defines the haziness of the atmosphere with a visible effect both above the horizon and into the distance. This can be combined with Atmosphere/Color|Color to create environmental moods, like a smoky tint for a polluted alien planet.

Color

Atmosphere/Color|Color changes the atmosphere hue for subtle environmental moods. This is best combined with increased Atmosphere/Haze|Haze to expand the visible effect.

Glare

Atmosphere/Glare|Glare specifies the atmospheric glow/glare around the sun. More glare results in an increased effect of sunlight cast onto the sky and world.

Decay

Atmosphere/Decay|Decay defines the hue of the atmosphere away from the sun which moves across the sky based on Lighting/ClockTime|ClockTime or Lighting/TimeOfDay|TimeOfDay, gradually falling off from Atmosphere/Color|Color towards this value.

  <div class="tab-pane active show" id="SaharaSunset-Lighting">
    <table class="table studio-table no-outer-border mb-0">
      <tbody>
        <tr>
          <td scope="row" class="studio-header-row" colspan="2"><b class="text-white">Lighting</b></td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row" width="45%">OutdoorAmbient</td>
          <td scope="row" class="studio-item-row text-nowrap"><div class="rgb-box d-inline-block" style="background-color: rgb(100,70,70);"></div>[100, 70, 70]</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">ClockTime</td>
          <td scope="row" class="studio-item-row text-nowrap">17.7</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- Atmosphere -->
  <div class="tab-pane" id="SaharaSunset-Atmosphere">
    <table class="table studio-table no-outer-border mb-0">
      <tbody>
        <tr>
          <td scope="row" class="studio-header-row" colspan="2"><b class="text-white">Atmosphere</b> <span class="text-nowrap">(child of <b>Lighting</b>)</span></td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row" width="45%">Density</td>
          <td scope="row" class="studio-item-row text-nowrap">0.35</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">Color</td>
          <td scope="row" class="studio-item-row text-nowrap"><div class="rgb-box d-inline-block" style="background-color: rgb(250,180,120);"></div>[250, 180, 120]</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">Decay</td>
          <td scope="row" class="studio-item-row text-nowrap"><div class="rgb-box d-inline-block" style="background-color: rgb(255,0,200);"></div>[255, 0, 200]</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">Glare</td>
          <td scope="row" class="studio-item-row text-nowrap">1</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">Haze</td>
          <td scope="row" class="studio-item-row text-nowrap">2.1</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- Sky -->
  <div class="tab-pane" id="SaharaSunset-Sky">
    <table class="table studio-table no-outer-border mb-0">
      <tbody>
        <tr>
          <td scope="row" class="studio-header-row" colspan="2"><b class="text-white">Sky</b> <span class="text-nowrap">(child of <b>Lighting</b>)</span></td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row" width="45%">SunAngluarSize</td>
          <td scope="row" class="studio-item-row text-nowrap">16</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- ColorCorrection -->
  <div class="tab-pane" id="SaharaSunset-ColorCorrection">
    <table class="table studio-table no-outer-border mb-0">
      <tbody>
        <tr>
          <td scope="row" class="studio-header-row" colspan="2"><b class="text-white">ColorCorrection</b> <span class="text-nowrap">(child of <b>Lighting</b>)</span></td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row" width="45%">Contrast</td>
          <td scope="row" class="studio-item-row text-nowrap">2</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">Saturation</td>
          <td scope="row" class="studio-item-row text-nowrap">0.2</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">TintColor</td>
          <td scope="row" class="studio-item-row text-nowrap"><div class="rgb-box d-inline-block" style="background-color: rgb(200,150,220);"></div>[200, 150, 220]</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- SunRays -->
  <div class="tab-pane" id="SaharaSunset-SunRays">
    <table class="table studio-table no-outer-border mb-0">
      <tbody>
        <tr>
          <td scope="row" class="studio-header-row" colspan="2"><b class="text-white">SunRays</b> <span class="text-nowrap">(child of <b>Lighting</b>)</span></td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row" width="45%">Intensity</td>
          <td scope="row" class="studio-item-row text-nowrap">0.08</td>
        </tr>
        <tr>
          <td scope="row" class="studio-item-row">Spread</td>
          <td scope="row" class="studio-item-row text-nowrap">0.75</td>
        </tr>
      </tbody>
    </table>
  </div>
  <!-- (next effect) -->
</div>
-->
Tags: