visionOS Tips: フェードイン、フェードアウト

Entityのフェードイン、フェードアウトのシンプルな実装。
シンプルで使いやすい。
completionでの処理も。

実装

使い方

Task {
    await entity.setOpacity(1.0, animated: true, duration: 0.6)
}

Task {
    await entity.setOpacity(0.0, animated: true, duration: 1.2) {
        print("done")
    }
}

実装

import RealityKit
import Foundation

extension Entity {

    var opacity: Float {
        get {
            return components[OpacityComponent.self]?.opacity ?? 1.0
        }
        set {
            if !components.has(OpacityComponent.self) {
                components[OpacityComponent.self] = OpacityComponent(opacity: newValue)
            } else {
                components[OpacityComponent.self]?.opacity = newValue
            }
        }
    }

    @MainActor
    func setOpacity(_ opacity: Float, animated: Bool, duration: TimeInterval = 0.2, delay: TimeInterval = 0, completion: (() -> Void) = {}) async {
        guard animated, let scene else {
            self.opacity = opacity
            return
        }

        if !components.has(OpacityComponent.self) {
            components[OpacityComponent.self] = OpacityComponent(opacity: 1.0)
        }

        let animation = FromToByAnimation(name: "Entity/setOpacity", to: opacity, duration: duration, timing: .linear, isAdditive: false, bindTarget: .opacity, delay: delay)

        do {
            let animationResource: AnimationResource = try .generate(with: animation)
            let animationPlaybackController = playAnimation(animationResource)
            let filtered = scene.publisher(for: AnimationEvents.PlaybackTerminated.self)
                .filter { $0.playbackController == animationPlaybackController }
            _ = filtered.values.filter { await $0.playbackController.isComplete }
            completion()
        } catch {
            print("Could not generate animation: \(error.localizedDescription)")
        }
    }
}