Apple Vision Pro (visionOS) で透過PNGのWindowを表示する  | 技術ブログ | 株式会社OnePlanet 読み込まれました

Apple Vision Pro (visionOS) で透過PNGのWindowを表示する

はじめに

Apple Vision Pro (visionOS) で 透過PNGによる透明のWindowを表示する方法について説明します。

Apple Vision Pro について

Apple Vision Pro について、以下の記事にまとめてます。

プロジェクト作成

WindowのvisionOSプロジェクトを作成します。

Assetsに透過PNGを追加

Assetsに透過PNGファイルをドラッグ&ドロップします。

App.swift

import SwiftUI

@main
struct PNGAlphaWindowApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }.windowStyle(.plain)
    }
}

デフォルトのマテリアルはグラスマテリアルになります。今回はWindowを透過したいため、windowStyleを.planeにします。(windowStyleを.planeの場合、Windowに影がつかなくなります。)

ContentView.swift

import SwiftUI
import RealityKit

struct ContentView: View {
    var body: some View {
       Image("oneplanet")
    }
}

Assetsにドラッグ&ドロップした透過PNGの名前を指定してImageを読み込みます。

実行

透明のWindowに透過PNGが表示されます。

XR エンジニア

徳山 禎男

SIerとして金融や飲料系など様々な大規模プロジェクトに参画後、2020年にOnePlanetに入社。ARグラスを中心とした最先端のAR技術のR&Dや、法人顧客への技術提供を担当。過去にMagic Leap 公式アンバサダーを歴任。

View More

お問い合わせ・ご相談

ARでやってみたいことやお困りごとなど
お気軽にお問い合わせください。

お問い合わせ