Skip to content

Set atmosphere effect in scene

View on GitHub

Changes the appearance of the atmosphere in a scene.

Image of Set atmosphere effect in scene sample

Use case

Atmospheric effect can be used to make the scene view look more realistic.

How to use the sample

Select one of the three available atmosphere effects. The sky will change to display the selected atmosphere effect.

How it works

  1. Create a Scene and add it to a SceneView.
  2. Set the atmosphere effect on the scene view using the SceneView.atmosphereEffect(_:) modifier.

Relevant API

  • AtmosphereEffect
  • Scene
  • SceneView

About the data

There are three atmosphere effect options:

  • Realistic - A realistic atmosphere effect is applied over the entire surface.
  • Horizon only - Atmosphere effect applied to the sky (horizon) only.
  • Off - No atmosphere effect. The sky is rendered black with a starfield consisting of randomly placed white dots.

Tags

atmosphere, horizon, sky

Sample Code

SetAtmosphereEffectInSceneView.swift
Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
// Copyright 2025 Esri
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   https://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import ArcGIS
import SwiftUI

struct SetAtmosphereEffectInSceneView: View {
    /// A scene with an imagery basemap.
    @State private var scene: ArcGIS.Scene = {
        // Creates a scene and sets an initial viewpoint.
        let scene = Scene(basemapStyle: .arcGISImagery)
        let camera = Camera(
            latitude: 64.416919,
            longitude: -14.483728,
            altitude: 0,
            heading: 318,
            pitch: 105,
            roll: 0
        )
        scene.initialViewpoint = Viewpoint(boundingGeometry: camera.location, camera: camera)

        // Creates an elevation source and sets it on the scene's base surface.
        let elevationSource = ArcGISTiledElevationSource(url: .worldElevationService)
        scene.baseSurface.addElevationSource(elevationSource)

        return scene
    }()

    /// The scene view's atmosphere effect.
    @State private var atmosphereEffect: SceneView.AtmosphereEffect = .horizonOnly

    var body: some View {
        SceneView(scene: scene)
            .atmosphereEffect(atmosphereEffect)
            .toolbar {
                ToolbarItem(placement: .bottomBar) {
                    Picker("Atmosphere Effect", selection: $atmosphereEffect) {
                        ForEach(SceneView.AtmosphereEffect.allCases, id: \.self) { atmosphereEffect in
                            Text(atmosphereEffect.label)
                        }
                    }
                    .pickerStyle(.segmented)
                }
            }
    }
}

private extension SceneView.AtmosphereEffect {
    /// A human-readable label for each atmosphere effect.
    var label: String {
        switch self {
        case .horizonOnly: "Horizon Only"
        case .realistic: "Realistic"
        case .off: "Off"
        @unknown default: "Unknown"
        }
    }
}

private extension URL {
    /// The URL of the Terrain 3D ArcGIS REST Service.
    static var worldElevationService: URL {
        URL(string: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer")!
    }
}

#Preview {
    SetAtmosphereEffectInSceneView()
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.