[Swift] 60 visionOSアプリ製作 その8 ModelEntityのカラー変更 RealityKit

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

usdzファイルを読み込んだModelEntityは後からコードでカラー変更できるようです。あくまでアプリ上で一時的に変わるだけで、元モデルの色は変わりません。

マテリアルのインデックス番号を指定して、3Dモデルの各面や面取り領域のカラーを変えることも可能でしょう。

Reality Composer Proの機能をコード化しているといったところでしょうか。

var body: some View {
    ZStack {
        RealityView { content in
            if let entity = try? await ModelEntity(named: "hexa") {
                // エンティティのモデルを取得
                if var modelComponent = entity.model {
                    for i in 0..<modelComponent.materials.count {
                        if var material = modelComponent.materials[i] as? PhysicallyBasedMaterial {
                            // 全てのマテリアルをグリーンにする
                            material.baseColor = PhysicallyBasedMaterial.BaseColor(tint: .green)
                            // マテリアルを更新
                            modelComponent.materials[i] = material
                        }
                    }
                    // エンティティのモデルコンポーネントを更新
                    entity.model = modelComponent
                }

[Swift] 59 visionOSアプリ製作 その7 スライダー、SwiftData、Componentの連携

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

スライダーで3Dモデルの回転速度を変えられるようにしました。

スライダーを動かして止めると同時に変数、SwiftData、Componentの値を更新する仕組みの構築に苦労しました。

回転速度を設定しても他の画面に遷移して設定画面に戻るとスライダーが初期値になっている(回転速度自体はそのまま)、スライダーが初期値から動かない(動かしても離すと戻る)など様々なトラブルに見舞われ、結局丸一日掛かってしまいました。

[Swift] 58 visionOSアプリ製作 その6 テキスト読み上げ / AVSpeechUtterance関連エラー

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

AVSpeechUtteranceなどを使ってテキスト読み上げをさせているのですが、空文字読み上げで簡単にクラッシュします。その場合はアプリ再起動で直ります。

今度は読み上げスピードを1.5に設定するとクラッシュしました。こちらは重症でシミュレータを再インストールして復活しました。

Apple Developer ForumsやStack Overflowではこのトラブルにコードで何とかしようと悪戦苦闘されていますが、そもそも環境が壊れているので、シミュレータであれば再インストールで解決する事例でした。iPhoneなど実機の場合は解決方法不明です。

import AVFoundation

let speechSynthesizer = AVSpeechSynthesizer()
let utterance: AVSpeechUtterance
var textToSpeak: String = "XXX"

utterance = AVSpeechUtterance(string: textToSpeak)
utterance.voice = AVSpeechSynthesisVoice(language: "en-US")
utterance.rate = 1.5 // これを追加するとクラッシュした

speechSynthesizer.speak(utterance)
シミュレータ選択のManage Run Destinations…から上記画面でVision Proシミュレータを削除 / 再インストール

[Swift] 57 visionOSアプリ製作 その5 SwiftDataの特徴 

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

SwiftDataの特徴をようやくつかめてきたので、書き留めておきます。

SwiftDataは見た目は配列っぽいですが、中身はデータベースそのものです。配列として扱うと痛い目にあいます。

SwiftDataのデータモデルにデータを追加しても、配列の末尾に配置されるとは限りません。常に何らかのキーでソートしておく必要があります。そのため通し番号あるいは日時のプロパティは必須です。

import Foundation
import SwiftUI
import SwiftData

@Model
final class Face {
    var appNum: Int
    var appName: String
    var urlScheme: String
    var createDate: String

    init(appNum: Int, appName: String, urlScheme: String, createDate: String) {
        self.appNum = appNum
        self.appName = appName
        self.urlScheme = urlScheme
        self.createDate = createDate
    }
}
import SwiftUI
import RealityKitContent
import SwiftData

@main
struct TestApp: App {
    init(){
        RotateComponent.registerComponent()
        RotateSystem.registerSystem()
        }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
                .modelContainer(for: [Face.self, AppColor.self])
        }
        .windowStyle(.volumetric)
        .defaultSize(width: 1.0, height: 1.2, depth: 0.3, in: .meters)

        ImmersiveSpace(id: "ImmersiveSpace") {
            ImmersiveView()
        }
        .immersionStyle(selection: .constant(.full), in: .full)
    }
}
import SwiftUI
import RealityKit
import RealityKitContent
import SwiftData

struct ContentView: View {
    // 常に生成日時で昇順ソート
    @Query(sort: \Face.createDate) public var faces: [Face]
private func updateApp() {
        var nums: [Int] = [1,2,3,4,5,6]
        
        let size = faces.count
        var index = size - 1
        print("size: \(size)")

        // 配列の末尾からfor文を回す(新しいデータのみ残すため)
        for face in faces.reversed() {
            print("index: \(index)")
            print("face.appNum: \(face.appNum)")
            print("face.appName: \(face.appName)")
            print("face.createDate: \(face.createDate)")
            
            let surNum = face.appNum
            
            if nums != [], nums.contains(surNum){
                nums.removeAll { $0 == surNum }
                print("\(surface.appNum)をnumsから削除しました")
                print("現在のnums: \(nums)")
                print("\(surface.appNum)の最初のsurfaceは残留しました")
                
            } else {
                context.delete(faces[index])
                try? context.save()
                print("index\(index)を削除しました")
            }
            index -= 1
            
            if index == -1 {
                print("faces整理後確認")
                var count = 0
                for face in faces{
                    print("faces整理後 count: \(count)")
                    print("face.appNum: \(face.appNum)")
                    print("face.appName: \(face.appName)")
                    print("face.urlScheme: \(face.urlScheme)")
                    print("face.createDate: \(face.createDate)")
                    
                    count += 1
                }
            }
        }
    }

[Swift] 56 visionOSアプリ製作 その4 Fatal error: failed to find a currently active container 対策 / visionOSシミュレータのリセット or アプリ削除

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

SwiftDataで使うモデルにプロパティを追加すると、シミュレータ操作時に以下のエラーが出るようになりました。

import Foundation
import SwiftUI
import SwiftData

@Model
final class Face {
    var appNum: Int
    var appName: String
    var urlScheme: String
    var createDate: String // 追加したプロパティ

    init(appNum: Int, appName: String, urlScheme: String, createDate: String) {
        self.appNum = appNum
        self.appName = appName
        self.urlScheme = urlScheme
        self.createDate = createDate
    }
}
Fatal error: failed to find a currently active container

Apple Developer Forumsでも問題になっていて、アプリを再インストールすると直るという結論に落ち着いていました。

visionOSシミュレータからアプリを削除する方法が分からなかったので、メニューからDevice – Erase All Content and Settings… を選択してリセットしました。

23/12/01追記
アプリのアイコン長押しで削除できることを思い出しました。

アイコン長押しで赤い削除ボタン出現

Apple Developer Forums

[Swift] 55 visionOSアプリ製作 その3 データ永続化 / SwiftData

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

visionOSで使える簡単なユーティリティアプリを製作しています。

iOS 17から利用可能になったSwiftDataを試しています。まだ基本的な操作しか修得していませんが、まずまずの感触です。

現段階で大方の機能は実装しました。あとは自動回転などお遊び機能を入れてみようかと思います。

[Swift] 54 visionOSアプリ製作 その2 タップ検知 / CollisionComponent

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

ようやく3Dモデルへのタップを検知できるようになりました。

11/4にタップ検知実装に着手してから3週間も掛かりました。あまりの開発効率の悪さに我ながら引いています。

解決後、よく調べてみるとAppleが提供しているサンプルコード HappyBeamでCollisionComponentを扱っていました。

単なるEntityではなくusdzファイルを読み込ませたModelEntityでないと上手くいかないようです。デフォルトのSceneエンティティはただのEntityなのでハナから無理筋だったのか。

UnityでもvisionOSアプリを開発できるものの、Unity Pro(年額26.8万円)の登録が必須になっています。2年分でVision Proを購入できます。まあ個人開発者には厳しいですね。

そのうちUnity Personal(無料)に登録してMeta Quest用アプリを作ってみたいですが、visionOSアプリ開発にしばらく注力します。macOSやWindowsのように複数のアプリを起動できるvisionOSの方が私には魅力的です。

[Swift] 53 visionOSアプリ製作 その1 ECSの分割管理

[Mac M2 Pro 12CPU, Ventura 13.6, visionOS 1.0 (21N5300a), Xcode 15.1 beta 3]

visionOSアプリを製作しています。

Entity Component Systemアーキテクチャ(ECS)の扱いに手間取っています。初めはReality Composer Proを使ってRealityKitContent内でECSを一元管理しようと試みましたが、ContentViewにあるボタンとの連携がうまく出来ません。そこで自製ComponentについてはPackages外にECSディレクトリを設けて別管理することにしました。

[Swift] 52 BBS閲覧アプリiOS版製作 その6 スレッド表示 / datファイル取得

[Mac M2 Pro 12CPU, Ventura 13.6, iOS 17.0.3, Xcode 15.0]

掲示板サイトからdatファイルをダウンロードするところで、結構時間がかかりました。

ちょっとした手違いで非同期関数が非同期的に動作せず、ダウンロード完了の手前で終わっていました。

今はdatファイルの内容をそのまま表示しています。次はこれをHTMLに加工します。

datファイルはiPhone内のコンテナに保存しています。エディタで内容を確認するため可視ファイルにしたいのですが、今のところできていません。

掲示板名(横線)スレッドタイトル(横線)スレッド内容、を縦に並べている
import SwiftUI

struct datView: View {
    var board: Board?
    var thread: Thread?
    @State var datPath: String = ""
    @State var datContent: String?

    var body: some View {
        VStack(spacing: 8) {
            if let board = board {
                Text(board.name)
                    .font(.system(size: 16))
                Divider() // 横線
            }
            if let thread = thread {
                Text(thread.threadTitle)
                    .font(.system(size: 16))
                Divider()
            }
            // datファイルの内容を表示する
            if let content = datContent {
               Text(content)
            }
            Spacer()
        }
        .padding(.horizontal, 0)
        .padding(.top, 0)
        .padding(.bottom, 0)
        .task {
            if let thread = thread, let board = board {
                datPath = await makeDat(id: thread.threadID, url: board.url)
                datContent = await readDatFile(path: datPath)
                if datContent?.isEmpty ?? true {
                    print("datなし")
                }
            }
        }
        .refreshable {
            if let thread = thread, let board = board {
                datPath = await makeDat(id: thread.threadID, url: board.url)
                datContent = await readDatFile(path: datPath)
                if datContent?.isEmpty ?? true {
                    print("datなし")
                }
            }
        }
    }
}

struct datView_Previews: PreviewProvider {
    static var previews: some View {
        datView()
    }
}
今のところアプリ本体は852KB

[Swift] 51 BBS閲覧アプリiOS版製作 その5 文字列分割 / TestFlight登録 / Vision Pro

[Mac M2 Pro 12CPU, Ventura 13.6, iOS 17.0.3, Xcode 15.0]

手掛けている掲示板のHTMLから取得する文字列はスレッド番号、タイトル、投稿数が結合したものです。これを分割して、Viewに横並びさせました。

このアプリを公開する予定はないのですが、未経験のTestFlightに登録だけしてみました。内部テスターとして自分を登録し、iOSのTestFlightアプリからインストールしました。非公開のまま知り合いだけ内部テスターとして登録し、配布しても面白そうです。内部テスターは100人、外部テスター(アプリ要審査承認)は10000人まで登録できます。

Xcodeベータ版のVision Proシミュレータでも使ってみました。Vision ProではiPad版UIで使用できます。

import Foundation

struct ThreadContent{
    let threadNum: Int
    let threadTitle: String
    let threadPostNum: Int
}

func splitTitle(threadString: String) async -> ThreadContent {
    var threadContent: ThreadContent
    var colonIndex: String.Index?
    var openParenIndex: String.Index?
    var number: Int = 0
    var title: String = ""
    var postCount: Int = 0
    
    // 番号を取り出す(最初のコロンの左側)
    if let index = threadString.firstIndex(of: ":") {
        colonIndex = index
        if let colonIndex = colonIndex {
            number = Int(threadString[..<colonIndex]) ?? 0
            print("番号: \(number)")
        }
    }
    
    if let index = threadString.lastIndex(of: "(") {
        // タイトルを取り出す(最初のコロンの右が始点、末尾から最初の開き括弧の左が終点)
        openParenIndex = index
        if let colonIndex = colonIndex, let openParenIndex = openParenIndex {
            title = String(threadString[threadString.index(after: colonIndex)..<openParenIndex])
            print("タイトル: \(title)")
        }
        
        // 投稿数を取り出す(開き括弧右から末尾1文字を削除した数字)
        if let openParenIndex = openParenIndex {
            let postCountString = threadString[threadString.index(after: openParenIndex)..<threadString.index(before: threadString.endIndex)]
            postCount = Int(postCountString) ?? 0
            print("投稿数: \(postCount)")
        }

    }
    
    threadContent = ThreadContent(threadNum: number, threadTitle: title, threadPostNum: postCount)
    
    return threadContent
}
TestFlightにアルファ版を登録、配布可能にした
Vision Proシミュレータでテスト