はじめに

まず、俺は嘉心糖じゃないんだ。ただめっちゃ可愛いなって思っただけ（最初、嘉然ってことすら知らなかったんだよね）。あと、このバグ多くて、自動起動が毎回は発動しないんだけど、それでも彼女が可愛すぎるんだよな〜。

それと、この拡張機能は背景も変えられるんだけど、個人的にはあんまり好きじゃないから変えてないや。

プレビューはこちら

インストール

VS Code を開いて、拡張機能 で A-SOUL-live2d を検索してインストールしてね。

拡張機能のURLはこちら： A-SOUL-live2d - Visual Studio Marketplace

ぶっちゃけ、直接拡張機能のページ見ればインストール方法載ってるから、俺の書いたクソ記事読まなくても大丈夫だよ

簡単な使い方

インストールが終わったら VS Code を再起動してね。そしたらリソースビューの一番下に LIVE2D-A-SOUL って表示されるから、そこを展開（開いて）して。（もし開かなかったら、VS Codeをもう一度再起動してみてね）

次に、追加設定 のところでプラグインの依存ファイルを生成して、VS Codeを再起動したら、live2dを起動をクリック。

そうすると右下に嘉然が出てくるよ！マウスを上に持って行って、右上の三番目のアイコンをドラッグすると位置を動かせるし、一番目をクリックするとサイズを変えられるんだ。

位置とサイズを調整したら、設定情報 のところで自動起動をオンにして、現在の設定を保存 をクリックすれば、VS Codeを開くたびに嘉然に会えるようになるよ〜。

その他

以下はプラグインの説明からコピペしてきたよ。

• 基本操作

  • live2dの起動、停止： 文字通り、看板キャラクターを起動するよ。初期位置は右下。
  • 現在の設定を保存： live2dのサイズ変更や位置のドラッグ調整後、情報を保存できる。次回起動時に自動で反映されるよ。
  • デフォルト位置にリセット： 現在の位置がおかしくて、ドラッグで動かせない時にリセットして使うことができるよ。【拡大縮小サイズもリセットされる】
  • 背景画像
    • クリックで切り替え： ボタンはキャラクターの右側にある二番目のアイコンだよ。
    • 背景画像を保存： 現在の背景画像が存在する場合のみ有効になるよ。一枚しか保存できなくて、再度クリックすると古いものが上書きされる。
    • 背景画像を読み込む： 保存した背景画像を読み込むよ。
    • 定期的に切り替え： 文字通り。切り替えボタンが回転しているか見て、定期切り替え機能がオンになっているか判断できるよ。
    • 背景画像のスタイル設定
    • 背景画像をダウンロード

• 設定情報

  • 自動起動： 文字通り。オンにすると、VS Code起動時にlive2dも自動で起動するよ。
  • 位置固定： キャラクターの位置を決める基準になる隅。

• 追加設定

  • プラグイン依存ファイル：
    • プラグイン依存ファイルは、プラグインを初めてインストールして起動した時に自動で生成されるよ。
    • 生成： live2dが正常に起動しない時、このボタンをクリックして、強制的に設定情報を上書きして再生成を試してみてね。
    • 削除： このプラグインをアンインストールする前に、できるだけ先にこの操作を実行してみてね。プラグインによるVS Codeファイルへの全ての変更を削除できるよ。

• キャラクター機能

  • マウスに視線追従【欠点：ページ全体への追従はまだできないよ】
  • クリックでインタラクション
  • A-SOULファン向けナビゲーションサイトへの入り口
  • 背景画像を切り替え
  • モデルを切り替え
  • スケートリンク
  • オーディオテスト
  • A-SOUL二次創作サイトへの入り口
  • モデルの出典

警告について

使うとCode破損の警告が出るんだけど、原作者さんがこう言ってるよ。

このプラグインはVS CodeのJSファイルを変更して動作するんだ。 だから、初回インストール時やVS Codeのアップデート時に、以下の警告が出るけど、【今後表示しない】を選択してね。

音声サポート

現在のプラグインは簡単な音声テストだけだから、今のところこの機能は気にしなくて大丈夫。

VS Codeが使ってるElectronのバージョンにはffmpegが含まれてないんだ 。だから、付属のffmpegダイナミックリンクライブラリを置き換えないと正常に再生できないよ（VS Codeがアップデートされるたびに、また置き換えなきゃいけないんだ）。

VS Code for Windows 1.31.0 - 1.35.1 では置き換え不要だったけど、1.36.0 以降はそういう特典はなしだよ
VS Code for macOS 1.43+ は置き換え後にクラッシュするよ 解決策

アンインストール

まず追加設定で削除を実行してから、拡張機能の画面でプラグインをアンインストールすればOKだよ。