春日部つむぎをLooking Glass Portraitにノーコードで召喚する

# ~~まだ記事は未完成状態ですが、公開します。今日(2024/3/17)できるところまで頑張って更新していきます。~~

目的は達成しました。体裁とか章構成は後日整理します。
誤って削除してしまった部分を復旧しました（3/18）

# こんなものをノーコードで作る話です。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">何かのおわり<a href="https://t.co/mNAsJgzuUF">https://t.co/mNAsJgzuUF</a><a href="https://twitter.com/hashtag/%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E?src=hash&amp;ref_src=twsrc%5Etfw">#春日部つむぎ</a> <a href="https://twitter.com/hashtag/VOICEVOX?src=hash&amp;ref_src=twsrc%5Etfw">#VOICEVOX</a> <a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/ChatdollKit?src=hash&amp;ref_src=twsrc%5Etfw">#ChatdollKit</a> <a href="https://t.co/hbWgRG8Squ">pic.twitter.com/hbWgRG8Squ</a></p>&mdash; ヤス (@yasubehe) <a href="https://twitter.com/yasubehe/status/1769368491868799431?ref_src=twsrc%5Etfw">March 17, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


# はじめに
X(旧Twitter)を見ていたところ、ふと目に留まったのが、春日部つむぎが裸眼立体視ディスプレー上でユーザーと対話している動画でした。
昔、Gateboxなるものがあったのは知っていましたが、いつの間にか割と手が届きやすい価格で販売されていたようです（これがLooking Glass Portrait）。
動画見た数日後にはLooking Glass Portraitが手元にありました（即メルカリで購入）。ちなみに最新版はLooking Glass Goで、もっと薄くてスマートなデバイスになっています。

# この記事は。。。
Unityを知らなくても（もっと言えばプログラムが書けなくても）何かを夢見てLooking Glassを買ってしまった人の助けになりたいという熱い思いから書くことに決めました。
私自身Unityははじめてで、いろんなサイトをめぐってどうやって動かすのかとても悩みました。こうやったらできるとは書いてあるのですが、具体的な手順がまとめられていない印象を受けました。

ノーコードってタイトルにありますが、それは先人の方々、サービス精神あふれる方々の善意によってノーコードで動かせるようになっています。私はそれを使わせていただいただけですので。。。

# 免責事項
環境によっては動かないかもしれません。動かなかったらごめんなさい。

# 動作環境（ハードウェア）
RZBOX(PC)
　CPU：Ryzen 5800H 
　Memory：32GB
Looking Glass Portrait

# 動作環境（ソフトウェア）
Windows 11

# 必要なソフトウェア
Unity Hub 3.7.0
Unity 2022.3.21f1
UnityのAsset
　ChatdollKit 0.7
  uLipSync 3.1.0
  UniTask 2.5.3
  UniVRM 0.89.0_9470
VOICEVOX 0.17.2
LookingGlassBridge 2.3.7

# 私のスキル
Unity初めて

# 1. 春日部つむぎ3DモデルをPMXからVMXに変換する
## 1.1. 3Dモデルのダウンロード
春日部つむぎーズ
https://3d.nicovideo.jp/works/td84779

ありがたく使わせていただきます。

## 1.2. 変換ツールのダウンロード
BVH to VMD and PMX to VRM Converter Mac/Window ファイル変換ソフト
https://booth.pm/ja/items/3581243?registration=1
→DSS7Dec2023をダウンロードします。

こちらもありがたく使わせていただきます。

## 1.3. 3Dモデルおよび変換ツールを適当なフォルダに解凍します。
ここでは、C:\work に解凍したことを前提として説明していきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/e0cac1fb-4f79-c900-772d-dd693c553460.png)

## 1.4. DSSC（BVH to VMD and PMX to VRM Converter Mac/Window ファイル変換ソフト）を実行します。

### 1.4.1. DSSc.exeを実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/6b876c2e-b9c7-19eb-64ca-e3ae63798737.png)

### 1.4.2. PMX>VRMをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/d4501c87-ac10-b947-cc48-b1c412874cbd.png)

### 1.4.3. LOADをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a326ca1b-31c4-c36b-6a49-1098cb4d313e.png)

### 1.4.4. ファイルを選択するダイアログが出てくるので、変換したいPMXを選択します。
今回は、春日部つむぎ3Dモデルの制服バージョンを開きます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a2d2c612-d3a0-fdc3-5cd7-7d8bea597db1.png)

### 1.4.5. Convertをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/082616aa-918e-20c5-0fdd-5db4af7070a2.png)

### 1.4.6. VMXファイルが作成されます。
4.5 の操作を行うとエクスプローラが開き、「C:\work\DSSc\DSSc_Data」配下に「Tsumugi_sEihuku.vrm」ファイルができていることが確認できます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a8e9f366-4f61-d68e-16f8-65a8fa046d66.png)

このファイルを「C:\work\春日部つむぎver1_00\モデルデータ」に移動しておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/44033062-4460-4586-f026-0db96e3def86.png)

### 1.4.7. 完了
以上で「春日部つむぎ3DモデルをPMXからVMXに変換する」は完了です。

# 2. Unityのインストール
春日部つむぎを召喚して対話するためにUnityを使用します。
ここではUnityのインストール手順について説明します。

## 2.1. Unity Hubのインストール
Unity公式サイトのダウンロードサイトにアクセスします。
https://unity.com/download

Download for Windowsをクリックするとセットアップファイルをダウンロードすることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/63a53872-ea4a-d8d1-dea1-7977b166fca3.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/fd2dd28f-bcad-dab0-43a5-19c108d1b08a.png)

ダウンロードしたセットアップファイルをダブルクリックしてインストールを開始します。

同意するをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/fd5b7195-9cf0-4138-c34c-64e5b36190ce.png)

インストールをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/e27248be-19df-dfad-38f6-68c0a2d76296.png)

インストールが完了すると以下の画面になります。
完了をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/93a020cf-7f95-09b8-3ba2-ad95df3751b2.png)

以下の画面が表示されればインストールは完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/473e3cf4-385f-8a5a-3b7c-87cdfa1bb8e6.png)

## 2.2. Unityのアカウントの作成
Unityを使用するにはアカウントが必要となります。
初めての場合はアカウントがないと思いますので、以下の「Create account」をクリックしてアカウントを作成します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/3414420a-4780-413b-5bda-7f55abb108dc.png)

ブラウザが開き、アカウントの作成画面が表示されます。
赤で囲った部分の必要事項を記入し、「Create a Unity ID」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a980a422-ba5b-7b5e-74c8-57943e1a302e.png)

アカウント作成後、記入したメールアドレスに確認のメールが届きます。「Link to confirm email」をクリックして確認してください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/d7a53732-51f2-e46f-a42f-3aad926ecfe1.png)

Unity Hubの画面からサインインします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/3dfd5bea-1dc8-6f03-c006-fac38a6fa8c1.png)

サインイン後、Unityをインストールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/12e3bfea-ac9c-30cf-1514-c6c1825f82fb.png)

Agreeをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/b62896c5-9226-32ac-0c94-0b93e2b3be7d.png)

インストールが完了しました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/e451a35f-d9bc-9fae-c5cd-2e94149be5db.png)

# 3. 3Dのプロジェクトを作成し、ChatdollKitのサンプルを動かす
Unityをインストールしたら、3Dのプロジェクトを作成し、ChatdollKitに付属のサンプルを動かします。

# 3.1. 3Dのプロジェクトを作成する。
Unity Hubを起動し、Projectsを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/eefdfb19-17a8-5878-a29b-db5034a98235.png)

「New project」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/431d7bf6-3d4d-d48b-6b29-634183e9c8c2.png)

3Dを選択し、Project Nameを入力したら「Create project」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/5ad052ff-b779-f255-b80f-a19e9f4ded0d.png)

プロジェクトが作成できたのでプロジェクトを開きます（クリックするとUnityが起動します）。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/4b6bcca9-f661-cbad-fca1-7ebc96f259b0.png)

Unityが起動したら完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/5257403e-3ce9-bb42-86d0-ffc0eb3e73ce.png)

# 3.2. ChatdollKitのサンプルを動かします。
ChatdollKitは、お好みの3Dモデルを使って音声対話可能なチャットボットを作るためのフレームワークです。
製作者はうえぞうさんという方で、サンプルを動かす手順をYouTubeの動画として公開していただいています。この動画を参照してサンプルを動かしてください。

ChatdollKit（公開サイト）
https://github.com/uezo/ChatdollKit/tree/master

YouTube（ChatdollKit v0.7.1 Setup）
https://www.youtube.com/watch?v=rRtm18QSJtc

# 4. 春日部つむぎの対話型AI作成
いよいよ春日部つむぎの対話型AIを作成していきます。

# 4.1. 春日部つむぎ用のUnityプロジェクトの作成
サンプルを動かした後、新たに春日部つむぎ用のUnityプロジェクトを作成します。

「New project」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/2fbec610-6112-01f7-e751-ff644e1c9738.png)

3Dを選択し、Project Nameに「KasukabeTsumugiAI」と入力し、「Create project」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a8252bac-8ef2-e9ee-4720-6a705a8a5994.png)

作成したプロジェクトをクリックしてUnityでプロジェクトを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/3397101a-04b7-fc60-bb4c-05e5f184e9f7.png)

プロジェクトを開いたら、「[3.2. ChatdollKitのサンプルを動かします。](#3.2. )」でサンプルを動かす際に追加した Assets をプロジェクトに追加します。
追加するアセットは順番に以下となります。追加方法はサンプル作成時の動画を見てください。
- Burst 1.8.13
- JSON.NET 3.2.1
- Anime Girls Idle Animations Free 1.02
- UniTask 2.5.3
- uLipSync 3.1.0
- UniVRM 0.89.0
- ChatdollKit 0.7.1
- ChatdollKit VRMExtension 0.7.1
- ChatdollKit Demo 0.7.1

# 4.2. 3Dモデルの配置
3Dモデルをプロジェクトに取り込みます。
Assets > ChatdollKit > Demo > Model 配下にドラッグ＆ドロップして取り込みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/55bebc20-5e0b-098f-0322-1bf2ac5cd4b1.png)

取り込み後は以下のようになります。表示が見づらいため、右下のスライドバーを調整（一番左にずらす）しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/008a2fd3-1bf3-5131-78ff-8a2565fc5076.png)


3Dモデルを配置します。
Assets > ChatdollKit > Demo > Model > 春日部つむぎvar1_00 > モデルデータ を開きます。
青い立方体のアイコンのファイルをSampleSceneにドラッグアンドドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/8a5d1521-7a72-3548-9071-718729a396e7.png)

# 4.5. ChatdollKitVRMの配備
ChatdollKitVRMを配備します。
Assets > ChatdollKit > Extension > VRM を開きます。
青い立方体のアイコンのファイルをSampleSceneにドラッグアンドドロップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/2d5420c5-6797-bff2-7b36-a08c84bf471b.png)

# 4.4. EventSystemの追加
SampleSceneの空欄を右クリックし、UI > EventSystem をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/110829c0-e760-05a4-2032-09d0556ad3c8.png)

# 4.5. カメラの調整
カメラの位置を調整します。
Main Cameraを選択し、右側のPosition、Rotation、Scaleを調整します。
最後にGameタブをクリックして表示内容を確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/93e85ad1-6569-a749-9522-d0d5edef219f.png)

# 4.6. Chatdoll Kit (Script)の設定
## 4.6.1. OpenAIのAPIキーの取得方法
以下のサイト等を参考にOpenAIのAPIキーを取得します（有料です）。
https://book.st-hakky.com/data-science/open-ai-create-api-key/

## 4.6.2. OpenAIのAPIキーの設定。
左の画面でChatdolKitVRMを選択し、右の画面でChatdoll Kit (Script)を展開します。
Speech ServiceにOpen AIを選択し、APIキーを設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/27a89d60-d31b-ef97-6b32-08f7c98b7f8c.png)

# 4.7. Model Controller (Script) の設定

## 4.7.1. Avatar Modelの設定
左の画面でChatdolKitVRMを選択し、右の画面でModel Controller (Script)を展開します。

右の画面のTsumugi_sEifukuをAvatar Modelにドラッグアンドドロップして設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/57946c6c-01a1-be48-a589-ff7a7468cbb9.png)

## 4.7.2. Setup ModelController
Model Controllerの設定を行います。
Model Controller (Script) の右上隅にある三点リーダーをクリックし、「Setup ModelController」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/087263df-da28-6b9f-da99-550ca9561aa6.png)

次に、FaceのSkinned Mesh Rendererの右の〇をクリックし、Rootをダブルクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/ed5a801d-c090-47b0-6510-e7a2e93fc449.png)


## 4.7.3. Setup Animater
Animaterの設定を行います。
Model Controller (Script) の右上隅にある三点リーダーをクリックし、「Setup Animater」を選択します。

ポップアップした画面で、「AnimeGirlIdleAnimations_free > Animations」フォルダを選択して「フォルダーの選択」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/458467ed-c291-c027-4049-9c4064252557.png)

01_Idlesは「Base Layer」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a8f9c8c2-c735-9715-6a0a-10419009ccbb.png)

02_Layersは「Additive Layer」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/feff2b83-ea27-6fb7-08a7-7996b07aa3ec.png)

03_Othersは「Base Layer」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/e3bb0a18-57d8-7859-5093-02fb4ebc2047.png)

次に、Window > Animation > Animatorを開きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/3c32cde1-107d-469c-3672-ed83e4305d15.png)

Projectの Assets > AnimeGirlIdleAnimations_free > Animations を開き、「Tsumugi_sEifuku」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/33f4f19e-733b-b3ac-bb50-990ba8bdc2fe.png)

Additive Layerを選択し、歯車をクリックしてWeightを1、BlendingをAdditiveに変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/8a8795a4-20d6-8bcb-49b2-47395338fe13.png)

## 4.8. AIを使用した会話の設定

### 4.8.1. コンポーネントの追加
SampleSceneのChatdollKitVRMを選択します。
次に、ProjectのAssets > ChatdollKit > Scripts > LLMを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/74bf7fe8-e94d-c84e-d825-f3b20ee5e438.png)

LLMRouterおよび、LLMContentSkillをドラッグアンドドロップしてコンポーネントとして追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a88d7dcf-0ac6-7035-d8fe-eef8c7778698.png)

次に、ProjectのAssets > ChatdollKit > Scripts > LLM > ChatGPT を選択し、ChatGPTService も同様にドラッグアンドドロップしてコンポーネントとして追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/c72f9a30-ac7f-1e09-c71d-f5ef603b22a5.png)

### 4.8.2. ChatGPTServiceの設定
SampleSceneのChatdollKitVRMを選択します。
次に、Inspectorの Chat GPT Service (Script) を選択します。

#### 4.8.2.1. プロンプトの設定
プロンプトでAIにどのようにふるまってほしいかを定義します。
プロンプト職人という言葉があるようにここが腕の見せ所です。
以下は、サンプルなので各自好きなように変更してみましょう。
文章内の英字部分は、内部で使用しているキーワードなので変更しないようにしてください。

System Message Content に以下の春日部つむぎ用のサンプルプロンプト(※)を入力します
※プロンプトの内容は「[ChatGPTキャラクターマスコットアプリの紹介【機能編】](https://qiita.com/Haruyama_Dev/items/a86ef0b096e7134932f7)」を参考にさせていただきました。

```
* あなたの名字は「春日部」、名前は「つむぎ」です。
* 春日部つくしのいとこで、埼玉県内の高校に通うギャルの女の子。
* あなたの一人称は「あーし」で、二人称は「君」です。
* チャームポイントは目元のほくろです。
* 敬語を喋らず、可愛い口調で喋ります。
* 年齢は18歳、身長は155cm、誕生日は11月14日です。

* 私たちはとても仲が良くて、カジュアルな雰囲気で話します。
* 会話のテンポを重視するため、50文字以内で回答してください。
* 表情は「Joy」「Angry」「Sorrow」「Fun」「Surprised」の4つです。
* 特定の感情を表現したい場合は[face:Joy]のように文頭に入れてください。

例
[face:Joy]あーしは埼玉ギャルの春日部つむぎだよ！ [face:Fun]何か話そうよ。

* 以下のアニメーションを通じて感情を表現できます。

- angry_hands_on_waist
- brave_hand_on_chest
- calm_hands_on_back
- concern_right_hand_front
- energetic_right_fist_up
- energetic_right_hand_piece
- pitiable_right_hand_on_back_head
- surprise_hands_open_front
- walking
- waving_arm
- look_away
- nodding_once
- swinging_body


例
[anim:waving_arm]やっほー。

春日部つむぎのセリフの例
あーしは埼玉ギャルの春日部つむぎだよ！
あーしの好きな食べ物はカレーで、趣味は動画配信サイトの巡回なんだ！
うん、そうだよ！

では会話しましょう。
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/f6ff115e-bdf9-8f1a-3e4d-0373bce56709.png)

#### 4.8.2.2. APIキーの設定
Api KeyにChatGPTのAPIキーを入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/3ab61af5-a64a-b59f-9305-896ea59c2856.png)

#### 4.8.2.3. サービスの有効化
Is Enabled をチェックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/eaf95cce-411c-5a45-154b-62fe068faeee.png)

### 4.9. 何もしていないときのアニメーションの設定
SampleSceneのChatdollKitVRMを選択します。
次に、Inspectorの Chat GPT Service (Script) を選択します。

Idle Animation Valueの値を6に変更します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/02c15457-6509-6e41-c01f-2ac1644102d4.png)

# 5. ここまでの状況を確認してみる
動かしてみます。
Gameタブをおして、矢印をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/f02c7ee5-33fa-0b4d-eac4-96462684fdbd.png)

何か会話してみてください。理想と現実を思い知らされます・・・。

実際の動作の様子
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">何かの途中（１）<a href="https://twitter.com/hashtag/%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E?src=hash&amp;ref_src=twsrc%5Etfw">#春日部つむぎ</a> <a href="https://twitter.com/hashtag/VOICEVOX?src=hash&amp;ref_src=twsrc%5Etfw">#VOICEVOX</a> <a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/ChatdollKit?src=hash&amp;ref_src=twsrc%5Etfw">#ChatdollKit</a> <a href="https://t.co/YeXcsfDFUW">pic.twitter.com/YeXcsfDFUW</a></p>&mdash; ヤス (@yasubehe) <a href="https://twitter.com/yasubehe/status/1769209809973502208?ref_src=twsrc%5Etfw">March 17, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

早急に何とかしたい点は以下でしょうか。
* 声が全然違う
* 春日部をはるひべと言っている
* しゃべってる感じがしない（全然動かない）

ここまでは、ChatdollKitの製作者のうえぞうさんが公開している以下の動画とほぼ内容は同じなので参考にしてください。
YouTube（ChatdollKit v0.7.1 Setup from blank scene）
https://www.youtube.com/watch?v=KI6TcwwsO2c&t=94s

# 6. 声を何とかする
VOICEVOXと連携することで春日部つむぎの声で話してくれるようになります。

## 6.1. VOICEVOXのインストール
公式サイト[VOICEVOX](https://voicevox.hiroshiba.jp/)からダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/5fd4603a-2d08-e218-1938-7c963b72a061.png)

ダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/796e9236-55cc-3a90-69e6-feb7be37f543.png)

ダウンロードしたファイルをダブルクリックしてVOICEVOXをインストールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/274990df-8e54-847e-d1e5-6d7e9a6f98e4.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/d24db823-988c-170a-5703-8aae22c91325.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/2c6caaf0-31c4-ead8-640f-43db4bd511d0.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/4c75d877-269c-db9b-b692-ce7c6e36479a.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/5bdcdcfe-45b9-0884-45a5-6233596a2d81.png)

「使い終わったダウンロード済みファイルを削除する」にチェックを追加して、「完了」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/e34ca05f-4a65-5495-bf21-94fee2c5c527.png)

## 6.2. VOICEVOXの設定
利用規約を読んでから「同意して利用開始」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/48028592-bdc5-032f-299e-06f342d9079d.png)

赤丸の部分を押して、サンプルボイスを聞いてみましょう。
この声でしゃべってもらうことが目標です。
聞き終わったら「完了」を押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/149158da-a259-f7fb-fde3-0a1ddbcc0e95.png)

プライバシーポリシーをよく読んで、どちらかのボタンを押してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/f97db787-be80-6cc8-6761-cf0006ce4922.png)

VOICEVOXはこのまま起動した状態にしておきます。

春日部つむぎの声を使用するためのIDを確認します。
(http://localhost:50021/docs)[http://localhost:50021/docs]にブラウザでアクセスします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/72c8b379-3a87-fd35-e4b6-6a6d21ba6812.png)

スクロールして/speakersを開き、Try it outをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/0e5f8825-974a-e202-0362-08efe6c27a80.png)

Executeをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/c8eea20b-c82c-1f8c-7637-d77dc9eec6c8.png)

ResponsesにResponses bodyが表示されます。スクロールして"春日部つむぎ"が表示される個所を探します。
name：春日部つむぎ、id：8 を控えておきます（後で使います）。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/b7ed976e-d422-b253-a8e1-7547cb520dfa.png)

## 6.3. ChatdollKitVRMにコンポーネントを追加
SampleSceneのChatdollKitVRMを選択します。
次に、ProjectのAssets > ChatdollKit > Extension > Voicevoxを選択します。
VoicevoxTTSLoaderをドラッグアンドドロップしてコンポーネントを追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a7f60c9d-5b72-19be-4e7e-f1e942ac4388.png)

SampleSceneのChatdollKitVRMを選択します。
次に、Inspectorの Voicevox TTS Loader (Script) を選択します。
EndpointUrlに「http://localhost:50021」、Speakerに「8」を入力します（先ほど控えておいたidの値を指定します）。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/f6eadd34-3f2a-1f80-99bb-2866f0b9dbf7.png)

次に、Open AITTS Loader (Script)を開きます。
赤枠で囲った2か所のチェックを外します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/0df13e19-35aa-3902-0d82-35ea09be416b.png)

# 7. ここまでの状況を確認してみる
動かしてみます。
Gameタブをおして、矢印をクリックします。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">何かの途中（２）<a href="https://twitter.com/hashtag/%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E?src=hash&amp;ref_src=twsrc%5Etfw">#春日部つむぎ</a> <a href="https://twitter.com/hashtag/VOICEVOX?src=hash&amp;ref_src=twsrc%5Etfw">#VOICEVOX</a> <a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/ChatdollKit?src=hash&amp;ref_src=twsrc%5Etfw">#ChatdollKit</a> <a href="https://t.co/HDlGtRjQwm">pic.twitter.com/HDlGtRjQwm</a></p>&mdash; ヤス (@yasubehe) <a href="https://twitter.com/yasubehe/status/1769248805436920294?ref_src=twsrc%5Etfw">March 17, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

声が変わりました。また、春日部を”かすかべ”と発音してくれています。
すごい！！

# 8. もっと動いてもらう
棒立ちでは困ります。もっと動いてほしいです。
ここはChatdollKitのサンプルでつかわれていた？Mainスクリプトをそのまま使います。

SampleSceneのChatdollKitVRMを選択します。
次に、ProjectのAssets > ChatdollKit > Demo > Scriptsを選択します。
Mainをドラッグアンドドロップしてコンポーネントを追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/b6e53aa3-b134-4f8d-0054-e3033f186d92.png)

会話するたびに動きが欲しいのでプロンプトを修正します。
SampleSceneのChatdollKitVRMを選択します。
次に、Inspectorの Chat GPT Service (Script) を選択します。
System Message Contentの内容を以下の内容で更新します。

```
* あなたの名字は「春日部」、名前は「つむぎ」です。
* 春日部つくしのいとこで、埼玉県内の高校に通うギャルの女の子。
* あなたの一人称は「あーし」で、二人称は「君」です。
* チャームポイントは目元のほくろです。
* 敬語を喋らず、可愛い口調で喋ります。
* 年齢は18歳、身長は155cm、誕生日は11月14日です。

* 私たちはとても仲が良くて、カジュアルな雰囲気で話します。
* 会話のテンポを重視するため、50文字以内で回答してください。
* 表情は「Joy」「Angry」「Sorrow」「Fun」「Surprised」の4つです。
* 特定の感情を表現したい場合は[face:Joy]のように文頭に入れてください。

例
[face:Joy]あーしは埼玉ギャルの春日部つむぎだよ！ [face:Fun]何か話そうよ。

* 以下のアニメーションを通じて感情を表現できます。

- angry_hands_on_waist
- brave_hand_on_chest
- calm_hands_on_back
- concern_right_hand_front
- energetic_right_fist_up
- energetic_right_hand_piece
- pitiable_right_hand_on_back_head
- surprise_hands_open_front
- walking
- waving_arm
- look_away
- nodding_once
- swinging_body


例
[anim:waving_arm]やっほー。

* 毎回必ず表情とアニメーションを使用して感情を表現します。

春日部つむぎのセリフの例
あーしは埼玉ギャルの春日部つむぎだよ！
あーしの好きな食べ物はカレーで、趣味は動画配信サイトの巡回なんだ！
うん、そうだよ！

では会話しましょう。
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/fdfdf864-4c2b-3f44-5d1e-042aed48eab2.png)

# 9. ここまでの状況を確認してみる
動かしてみます。
Gameタブをおして、矢印をクリックします。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">何かの途中（3）<a href="https://twitter.com/hashtag/%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E?src=hash&amp;ref_src=twsrc%5Etfw">#春日部つむぎ</a> <a href="https://twitter.com/hashtag/VOICEVOX?src=hash&amp;ref_src=twsrc%5Etfw">#VOICEVOX</a> <a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/ChatdollKit?src=hash&amp;ref_src=twsrc%5Etfw">#ChatdollKit</a> <a href="https://t.co/WDiIK1fCMc">pic.twitter.com/WDiIK1fCMc</a></p>&mdash; ヤス (@yasubehe) <a href="https://twitter.com/yasubehe/status/1769281673882177716?ref_src=twsrc%5Etfw">March 17, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

すこーし動くようになりましたね！
あとは口が動いたらそれっぽくなるかな？

# 10. 口を動かす
会話しているときに口が動きません。口が動くようにします。

Projectの Assets > ChatdollKit > Demo > Model > 春日部つむぎver1_00 > モデルデータ を選択し、Tsumugi_sEihuku.BlendShapes をダブルクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/69e05f8f-b8ff-d3c6-5c11-d69eabcbffcd.png)

BlendShape をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/cf4060f2-4c5f-c3da-59b0-88ba8b1a737f.png)

Blend ShapeのInspectorで表情、口の形を設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/321e8632-07a8-ec60-2aaf-d3004c00afd4.png)

編集する際は、顔の表情を確認する画面をフローティングウィンドウにするとやりやすそうです。
BlendShape画面の右上の三点リーダーをクリックし、「Convert to Floating Window」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/26d5648d-450e-2b2e-b2b5-11e7f3b439e7.png)

例：「あ」の口を設定します（自分の好みに合わせて設定しましょう）。
Select BlendShapeClipの「A」を選択し、Rootを展開して「あ」のスライドバーを右端に移動します（値としては100です）。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/c2cd5039-461f-50c6-2e5e-e584f8da27a5.png)

このような感じでほかの口や表情を設定します。
すべてを設定する必要はありません。
- A (口の形：あ)
- I (口の形：い)
- U (口の形：う)
- E (口の形：え)
- O (口の形：お)
- Blink（表情：まばたき）
- Joy（表情：喜び）
- Angry（表情：怒り）
- Sorrow（表情：悲しみ）
- Fun（表情：楽しい）
- LookUp（表情：見上げる）
- LookDown（表情：下を見る）
- LookLeft（表情：左を見る）
- LookRight（表情：右を見る）
- Blink_L（表情：左目をつぶる）
- Blink_R（表情：右目をつぶる）

次に U Lip Sync Blend Shape (Script)を設定します。
SampleSceneのChatdollKitVRMを選択し、Inspectorの U Lip Sync Blend Shape (Script)を開きます。
Skinned Mesh Rendererの「Find From Children」のチェックを外し、「Skinned Mesh Renderer」にRootを設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/b4903099-0ab7-85bb-4f2f-9be43db2b18d.png)

こんな感じになっていれば大丈夫です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/0197b5f3-7d2f-5acb-3f56-0aae6b2ac2df.png)

この画面のまま次にBlend Shapesを設定します。
画面のように 「A」 なら 「あ」、「I」 なら 「い」 のように Phoneme - BlendSHape Tableを設定します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/3386f96a-b336-f5c5-702e-6157dc411968.png)

# 11. ここまでの状況を確認してみる
動かしてみます。
Gameタブをおして、矢印をクリックします。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">何かの途中（4） <a href="https://twitter.com/hashtag/%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E?src=hash&amp;ref_src=twsrc%5Etfw">#春日部つむぎ</a> <a href="https://twitter.com/hashtag/VOICEVOX?src=hash&amp;ref_src=twsrc%5Etfw">#VOICEVOX</a> <a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/ChatdollKit?src=hash&amp;ref_src=twsrc%5Etfw">#ChatdollKit</a> <a href="https://t.co/ziiptv1oLl">pic.twitter.com/ziiptv1oLl</a></p>&mdash; ヤス (@yasubehe) <a href="https://twitter.com/yasubehe/status/1769307855742783655?ref_src=twsrc%5Etfw">March 17, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

とりあえず、及第点は取れたのではないでしょうか。
次はいよいよLooking Glass Portraitに召喚します。

# 12. Looking Glass Portraitに召喚する

## 12.1. Looking Glass Portraitのセットアップ
Looking Glassの公式サイトにアクセスし、[Looking Glass Bridge](https://lookingglassfactory.com/software/looking-glass-bridge)をダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/0e1e746a-f578-3af3-bf81-d5d59f7bd511.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a0102e32-805b-b80e-4017-a76c2bf4b736.png)

ダウンロードした「LookingGlassBridge-2.4.4.exe」を実行します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/27c0a2a6-c1ff-fb98-0a9b-caa3dd5a1bea.png)

「はい」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/41905b9c-ec39-6b77-08f1-caec9afa997c.png)

「Next」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/12b9bf1e-80fc-d333-ceb4-515bc1085269.png)

チェックボックスにチェックを入れて「Next」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/1ff6ad85-5663-0e24-94c3-21728bc0561e.png)

「Next」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/6f0a169f-91a5-9e22-45ae-773e423b58a7.png)

「Install」を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/b4e5a8b9-60c4-cd51-3e4a-f4892382acb1.png)

「Finish」を選択します。インストール完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/b6e0d4c0-e33f-f218-007d-01d453ad6f26.png)

Looking Glass PortraitをPCに接続します。
- HDMIケーブルを接続する
- USB3ケーブルを接続する（USB3に接続：+）

ダイアログが出たらOKを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/0729161f-8a17-9ab6-e00e-293c5f896bb0.png)

### 注意点
追加したディスプレイ（Looking Glass Portrait）は、Windowsの システム > ディスプレイの設定で、拡大縮小が100%になっている必要があります。設定を確認し、異なっていたら以下を参考に修正します。

問題がある場合は、タスクトレイの青い眼玉アイコンをクリックすると以下のようなエラーが出ています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/5ec3d010-9d5c-7332-d10a-69dcc293ee70.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/4d9c49f5-7265-3937-5bf9-99197d32a0e9.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/9ebbadd3-5da3-34e1-6b48-4d83990af977.png)

## 12.2. Looking Glass Unity Pluginを追加

Looking Glassの公式サイトにアクセスし、[Looking Glass Unity Plugin](https://lookingglassfactory.com/software/looking-glass-unity-plugin)をダウンロードします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/2d5cf8d4-b9c4-1c7e-9555-ddcae04c74ea.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/07ea03b5-2bfe-8d6d-015d-73137b528616.png)

ダウンロードした「LookingGlass.Unity.Plugin.v2.0.8.unitypackage」をAsetts > import package > Custom Package から追加する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/dffd4385-460b-8cee-429f-736025c5f2e3.png)

「import」を選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/1a7a8239-06a6-3ae9-5571-fe107c771cec.png)

「Yes, for these and other files that might be found later」を選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/86381e65-6731-5894-e669-b977766277a4.png)

「Apply Changes」を選択する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/39029d4e-7edf-02c1-907a-b10281fec8fe.png)

## 12.3. SampleSceneの設定変更
Projectの Assets > LookingGlass > Prefabs を選択し、Hologram Camera をSampleScene にドラッグアンドドロップして追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/0ba7ba0a-dc05-454c-df20-bcdeab5cb59d.png)

Main Cameraは不要になるため削除します。
SampleSceneのMain Cameraを右クリックしてDeleteを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/981ce741-2e6a-cb47-b95e-13ec4de527ca.png)

Sceneタブをクリックします。春日部つむぎがちっちゃくなっているので修正していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/ffba9cca-28a4-0482-e2b5-fdb591ca3f89.png)

SampleSceneのHologram Cameraを選択し、InspectorのTransformを開きます。
赤枠の部分の値を修正します（画像に記載されている値に修正してください）。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/5db4906a-43c2-c0e8-cc33-97b217fbdb52.png)

SampleSceneのTsumugi_sEifukuを選択し、InspectorのTransformを開きます。
赤枠の部分の値を修正します（画像に記載されている値に修正してください）。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/cfe2223c-86d7-39df-e478-913aa9dcafc0.png)

SampleSceneのChatdollKitVRMの左側の▽をクリックして展開します。Canvasを選択し、InspectorのCanvasのチェックボックスのチェックを外します。（もしかしたら消してしまってもよい？）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/ff29fb8d-f0f1-69b5-34c9-c410939a497a.png)

## 12.4. Looking Glass Portraitの画面にデスクトップが表示されている場合の対処方法について

本来、Looking Glass Portraitには、Gameタブの画面が表示されるはずですが、デスクトップが表示されている場合、以下の手順で正しく春日部つむぎが表示されるかもしれません。

Projectの Assets > LookingGlass > Examples を選択します。
1 - Framing Content with Hologram Cameraをダブルクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/fac8c39f-ab50-176e-1377-1d97f307e88f.png)

必ず★Save★をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/d1bcb814-7175-b124-63ae-c1d2b18292f7.png)

サンプルがLooking Glass Portraitに表示されたでしょうか？

次に、Projectの Assets > Scene を選択します。
SampleSceneをダブルクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/43a00705-ba3e-53dc-60c3-519fb6fb64a0.png)

Don't Saveをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/91405/a33d9404-28e0-12ff-4b0c-e05d317b964f.png)

春日部つむぎがLooking Glass Portraitに表示されるようになったでしょうか？
私はこの方法でLooking Glass Portraitに春日部つむぎが表示されるようになりました。

# 13. ここまでの状況を確認してみる
動かしてみます。
Gameタブをおして、矢印をクリックします。
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">何かのおわり<a href="https://t.co/mNAsJgzuUF">https://t.co/mNAsJgzuUF</a><a href="https://twitter.com/hashtag/%E6%98%A5%E6%97%A5%E9%83%A8%E3%81%A4%E3%82%80%E3%81%8E?src=hash&amp;ref_src=twsrc%5Etfw">#春日部つむぎ</a> <a href="https://twitter.com/hashtag/VOICEVOX?src=hash&amp;ref_src=twsrc%5Etfw">#VOICEVOX</a> <a href="https://twitter.com/hashtag/ChatGPT?src=hash&amp;ref_src=twsrc%5Etfw">#ChatGPT</a> <a href="https://twitter.com/hashtag/ChatdollKit?src=hash&amp;ref_src=twsrc%5Etfw">#ChatdollKit</a> <a href="https://t.co/hbWgRG8Squ">pic.twitter.com/hbWgRG8Squ</a></p>&mdash; ヤス (@yasubehe) <a href="https://twitter.com/yasubehe/status/1769368491868799431?ref_src=twsrc%5Etfw">March 17, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# 14. 完成
完成しました。お疲れさまでした。


# 15. 今後
次からは以下のことをやっていく予定です。
ここからはC＃を読んでカスタマイズしていく必要があるかなと思います。
* 動作を増やす（Anime Girls Idle Animations  ※freeではない方 を使います）
* お天気スクリプトを追加します
* 他


ありがとうございました。