2023/9/5
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