# 行送り用アイコン（▽をフェードでアニメーション）
image ctc_normal:
    Text("▽", size=15, yoffset=10)
    linear 0.5 alpha 0.0
    linear 0.5 alpha 1.0
    repeat

# ページ送り用アイコン（▼を黄色で表示）
image ctc_page_turn:
    Text("▼", size=20, yoffset=8, color="#ffcc00")
    linear 0.5 alpha 0.0
    linear 0.5 alpha 1.0
    repeat

# キャラクター定義時にctcを指定
define narrator = Character(None, kind=nvl, ctc="ctc_normal", ctc_position="nestled")
define config.nvl_page_ctc = "ctc_page_turn"
define config.nvl_page_ctc_position = "nestled"

transform face_closeup:
    xalign 0.35 yalign 0.05 zoom 5

transform reveal_body:
    xalign 0.35 yalign 0.05 zoom 5
    ease 1.5 zoom 2 yalign 0.5 xalign 0.5

transform face_closeup:
    crop (248, 36, 272, 153) size (1920, 1080)

transform reveal_body:
    ease 2.0 crop (0, 0, 1024, 559) size (1920, 1080)

アップ表示
show 画像 at face_closeup with dissolve

ズームアウト
show 画像 at reveal_body

"一行目のテキスト。\n二行目のテキスト。\n三行目のテキスト。"

"""一行目のテキスト。\n
二行目のテキスト。\n
三行目のテキスト。"""

"一行目のテキスト。{nw}"
"二行目のテキスト。{nw}"
"三行目のテキスト。"

define gui.nvl_height = None
define gui.nvl_spacing = 0

# 利用モデルの自動切り替え
self.available_models = [
    'gemini-2.5-flash-lite',   # 20回/日
    'gemini-2.5-flash',        # 20回/日
    'gemini-3-flash-preview',  # 20回/日
]

この画像はスプラトゥーン3の試合結果画面です。

【ステップ1: 自分のプレイヤー行を特定する】
画面右側のプレイヤーリストを見てください。上段が「WIN!」チーム、下段が「LOSE...」チームです。
各プレイヤー行の左端（武器アイコンのさらに左）に「黄色いL字型の矢印マーク（↳）」が付いている行が自分のプレイヤーです。
- この矢印は画面左端のイカマークとは別物です
- 見つからない場合はプレイヤー名「どこにでもいるひと」の行を使用してください

【ステップ2: 勝敗を判定する】
自分の行が「WIN!」ブロック（上段・緑色）にあれば WIN、「LOSE...」ブロック（下段・ピンク色）にあれば LOSE です。

【ステップ3: K/D/SP数値を読み取る】
自分の行を右方向に見ていくと：
  [武器アイコン] [プレイヤー名] [ポイント（例: 547p）] [小さな数値グループ×3]
この「小さな数値グループ×3」が K/D/SP です。
- 3つは左から順に: キル数(K) ／ デス数(D) ／ スペシャル数(SP)
- 「+5」のように「+」記号が付いている場合は、その数字（5）だけを読んでください
- 他のプレイヤーの行と混同しないよう、自分の行のみを水平方向に読んでください

以下の情報を抽出してください：
1. 日時（画面左上に表示されている時刻）
2. ステージ名（必ず以下のリストから正確に選んでください）：
   - オヒョウ海運
   - カジキ空港
   - キンメダイ美術館
   - クサヤ温泉
   - ゴンズイ地区
   - コンブトラック
   - ザトウマーケット
   - スメーシーワールド
   - タカアシ経済特区
   - タラポートショッピングパーク
   - チョウザメ造船
   - デカライン高架下
   - ナメロウ金属
   - ナンプラー遺跡
   - ネギトロ炭鉱
   - バイガイ亭
   - ヒラメが丘団地
   - マサバ海峡大橋
   - マテガイ放水路
   - マヒマヒリゾート＆スパ
   - マンタマリア号
   - ヤガラ市場
   - ユノハナ大渓谷
   - リュウグウターミナル
   - 海女美術大学

3. マッチタイプ（バンカラマッチ (オープン)、バンカラマッチ (チャレンジ)、Xマッチ など）
4. ルール（ガチアサリ、ガチエリア、ガチホコバトル、ガチヤグラ など）
5. 勝敗（WIN または LOSE）
6. キル数（自分の行の3数値グループの一番左）
7. デス数（自分の行の3数値グループの真ん中）
8. スペシャル利用数（自分の行の3数値グループの一番右）

注意:
- ステージ名は必ず上記リストの表記と完全に一致させてください。特に「クサヤ温泉」「マヒマヒリゾート＆スパ」（全角＆）に注意してください。
- キル・デス・スペシャルは整数で返してください（「+」記号は除く）。
- 隣のプレイヤーの数値と混同しないよう注意してください。

以下のJSON形式で回答してください（JSONのみ、他の説明文は不要）:
{
  "日時": "2025/12/31 00:52",
  "ステージ": "カジキ空港",
  "マッチタイプ": "バンカラマッチ (オープン)",
  "ルール": "ガチアサリ",
  "勝敗": "WIN",
  "キル": 10,
  "デス": 8,
  "スペシャル": 4
}

// 1つ目：透明な"0"で左埋め
paddingDecorationType = vscode.window.createTextEditorDecorationType({
    before: {
        color: 'transparent',
    }
});

// 2つ目：モーラ数を表示
moraDecorationType = vscode.window.createTextEditorDecorationType({
    before: {
        color: new vscode.ThemeColor('editorCodeLens.foreground'),
    }
});

function createVowelSvg(vowel: string, displayStyle: string = 'katakana'): vscode.Uri {
    const color = vowelColors[vowel] || '#808080';
    const displayMap = vowelDisplayMaps[displayStyle] || vowelDisplayMaps['katakana'];
    const displayText = displayMap[vowel] || vowel;
    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
        <rect x="0" y="0" width="16" height="16" fill="${color}" />
        <text x="8" y="13" text-anchor="middle" font-size="14" font-family="Consolas" fill="black">${displayText}</text>
    </svg>`;
    const encoded = Buffer.from(svg).toString('base64');
    return vscode.Uri.parse(`data:image/svg+xml;base64,${encoded}`);
}

現象

原因

解決策

// タイトル画面のStartボタンに初期フォーカスを設定
private void SetInitialFocus()
{
    if (startButton != null)
    {
        EventSystem.current.SetSelectedGameObject(startButton.gameObject);
        startButton.Select();
    }
}

現象

原因

解決策

private GameObject previousSelectedButton;

public void ShowSettingsPanel()
{
    // 現在のフォーカスを記憶
    previousSelectedButton = EventSystem.current.currentSelectedGameObject;
    settingsPanel.SetActive(true);
    
    // 設定画面の最初のボタンにフォーカス
    if (closeButton != null)
    {
        EventSystem.current.SetSelectedGameObject(closeButton.gameObject);
        closeButton.Select();
    }
}

public void HideSettingsPanel()
{
    settingsPanel.SetActive(false);
    
    // フォーカスを元に戻す
    if (previousSelectedButton != null && previousSelectedButton.activeInHierarchy)
    {
        EventSystem.current.SetSelectedGameObject(previousSelectedButton);
    }
}

現象

原因

解決策

private GameObject lastSelectedGameObject;

void Update()
{
    // 現在選択されているオブジェクトを記憶
    if (EventSystem.current.currentSelectedGameObject != null)
    {
        lastSelectedGameObject = EventSystem.current.currentSelectedGameObject;
    }

    // フォーカスが外れた場合、直前のオブジェクトに戻す
    if (EventSystem.current.currentSelectedGameObject == null)
    {
        EventSystem.current.SetSelectedGameObject(lastSelectedGameObject);
    }
}

現象

原因

解決策

void Start()
{
    // ゲームパッド入力をリセット
    if (Gamepad.current != null)
        InputSystem.ResetDevice(Gamepad.current);
    
    // その他の初期化処理...
}

現象

原因

解決策

// HoverSound.cs（各UIボタンにアタッチ）
public class HoverSound : MonoBehaviour, IDeselectHandler
{
    public static bool GloballyEnabled = true;
    
    public void OnDeselect(BaseEventData eventData)
    {
        if (GloballyEnabled && AudioManager.Instance != null)
        {
            AudioManager.Instance.PlayButtonHoverSound();
        }
    }
}

// UI画面表示時
public void ShowSettingsPanel()
{
    HoverSound.GloballyEnabled = false; // 効果音を一時無効化
    settingsPanel.SetActive(true);
    
    if (closeButton != null)
    {
        EventSystem.current.SetSelectedGameObject(closeButton.gameObject);
        closeButton.Select();
    }
    
    StartCoroutine(EnableHoverSoundDelayed());
}

IEnumerator EnableHoverSoundDelayed()
{
    yield return new WaitForSecondsRealtime(0.1f);
    HoverSound.GloballyEnabled = true;
}

現象

解決策

// GameManager.cs
public bool CanReceiveInput => canReceiveInput;
private bool canReceiveInput = true;

public void ShowSettingsPanel()
{
    canReceiveInput = false; // ゲーム入力を無効化
    settingsPanel.SetActive(true);
}

public void HideSettingsPanel()
{
    settingsPanel.SetActive(false);
    StartCoroutine(EnableInputNextFrame());
}

IEnumerator EnableInputNextFrame()
{
    yield return null; // 1フレーム待機
    canReceiveInput = true;
}

// AcrobatCharacter.cs（ゲーム側）
void HandleJumpInput()
{
    if (GameManager.Instance != null && !GameManager.Instance.CanReceiveInput)
    {
        return;
    }
    
    // ジャンプ処理...
}

ゲーム企画・設計
「キャットタワー」CatTower

# コンセプト
CatTowerは、かわいい猫がジャンプして積み重なっていく2Dアクションゲームです。
プレイヤーはジャンプのタイミングと空中での位置調整により、猫を積み重ねて可能な限り多くの猫でタワーを作ります。
「キャットタワー」という猫の遊具から発想しただけのゲームです。
シンプルだけど思わずはまってしまうようなゲーム性と、猫の可愛さに癒されるようなゲーム(になるはず)。

# 1. 概要
* ジャンル: シンプルアクションゲーム
* テーマ: 猫がタワーになる
* 目的: 猫のキャラクターを積み重ねていき、何匹積み重ねられるかを競う。積み重ねた匹数がスコアとなる。
* 特徴: タイミングと微調整が重要な、シンプルながらも奥深いゲームプレイ。

# 2. ゲームプレイ
* コアとなるアクション:
    * 左側のキャラクターを操作：左側のキャラクターの横に、ジャンプ力を示すゲージが増減している。
    * ジャンプ：プレイヤーはゲームパッドの決定ボタンを任意のタイミングで押す。ボタンを押した瞬間のゲージの大きさでジャンプ力が決まり、キャラクターが右に向かってジャンプする。
    * 着地調整：ジャンプ中、ゲームパッドの左右入力でキャラクターの位置を微調整できる。

* 成功と失敗のルール:
    * 成功:
        * 右側のキャラクターの頭の上や肩の上に着地すること。
        * 1匹のキャラクターの上に複数のキャラクターが乗ることも可能だが、キャラクター同士が重なることはできない。
        * 着地が成功すると、そのキャラクターはタワーの一部として固定され、崩れることはない。
    * 失敗:
        * キャラクターがタワーの側面にぶつかる。
        * キャラクターがタワー以外の場所に落ちる。

* ゲームの流れ:
    * 開始：右側にタワーの土台となるキャラクターが1匹いる状態でスタート。
    * 進行：左側に1匹目のキャラクターが出現。プレイヤーはジャンプさせて、土台の上に乗せる。成功すれば次のキャラクターが出現し、これを繰り返す。
    * 終了：失敗すると、その時点でゲームオーバーとなる。

# 3. システム
* ゲージシステム:
    * ジャンプ力ゲージは一定のリズムで増減を繰り返す。
    * ジャンプ力ゲージの最大値でボタンを押すと、最も高く、遠くまでジャンプする。
* スコアリング:
    * タワーに積み重ねたキャラクターの総匹数がスコアとなる。

# 4. ゲームフロー
    ゲーム起動 → ゲーム画面 → 「開始！」と表示してゲーム開始
    猫登場 → ジャンプ力ゲージ増減 → ジャンプ → 位置調整 
        → 成功：次の猫が登場
        → 失敗：ゲームオーバー
    ゲームオーバー：「ゲームオーバー！」と匹数、リトライ、終了

# 5. 画面
　画面イメージ（Excelで作成）

企画から変更した点

Claude CodeでUnityでの開発

SunoでのBGM制作

ゲームパッド対応で苦戦

itch.ioでの公開

シンプルなゲームでも、ある程度は全体の企画・設計をしておいた方が良さそう

プロト開発は確認したい本質の部分のみ

音が思っていたより重要だった

Claude CodeからUnityの操作は限界がある

解決方法１：NVIDIAのマルチフレームサンプリングAA(MFAA) 無効化

解決方法２：コマンドライン引数 -force-d3d11 を設定

# 現在のWSL状況確認
wsl --list --verbose

# Ubuntu 22.04のインストール
wsl --install -d Ubuntu-22.04

# パッケージリストの更新
sudo apt update

# 基本的なツールのインストール
sudo apt-get install curl

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash

source ~/.bashrc

# nvmが認識されているか確認
nvm --version

# 利用可能なNode.jsバージョンを確認
nvm list

# LTS版をインストール
nvm install --lts

# デフォルトバージョンとして設定
nvm alias default v22.16.0

# インストール確認
node --version
npm --version

# Claude Codeをグローバルインストール
npm install -g @anthropic-ai/claude-code

# 動作確認
claude --version

$ claude
claude: command not found

nvm current
# v24.2.0

nvm list
#        v22.16.0
#         v24.2.0
# default -> node (-> v24.2.0)
# node -> stable (-> v24.2.0) (default)
# lts/* -> lts/jod (-> v22.16.0)

nvm use v22.16.0
which claude
# /home/user/.nvm/versions/node/v22.16.0/bin/claude

npm list -g --depth=0 | grep claude
# ├── @anthropic-ai/claude-code@1.0.35

nvm use v24.2.0
npm --version
# /home/user/.nvm/versions/node/v24.2.0/bin/node: 1: Syntax error: ")" unexpected

nvm use v22.16.0
claude --version
# 正常に動作！

nvm alias default v22.16.0

# 新しいターミナルを開いて確認
nvm current
# v22.16.0

claude --version
# 正常に動作

• GitHubリポジトリから48個のファイルを選択したのに、「最終同期：●分前•10個のファイル」と表示される
• 再度同期しても常に10個のファイルしか同期されない
• 選択するファイル数を減らしても、いくつかのファイルが同期できない

1. 日本語の有無が影響している: 日本語コメントを含むファイルを編集して日本語を削除し、同期テスト


2. 文字コードの問題: 日本語を含むファイルのエンコーディングをUTF-8に変更して同期テスト

１．Visual Studioの文字コードの設定を変更する

２．Visual Studioで各ファイルの文字コードを変更

• ClaudeのGitHub連携の公式ドキュメント … 文字コードについては何も書かれていません。
• Visual Studioでのエンコーディング設定

center = landmark_point[11][1]
child = landmark_point[13][1]

for hand_landmarks, handedness in zip(results.multi_hand_world_landmarks, results.multi_handedness):
    if handedness.classification[0].label == "Left":
        center = hand_landmarks.landmark[5]
        child = hand_landmarks.landmark[6]

center = landmark_point[14][1]
child = landmark_point[16][1]
client.send_message("/VMC/Ext/Bone/Pos3d", ["LeftLowerArm", center[0],center[1],center[2], child[0],child[1],child[2]])

msg = osc_message_builder.OscMessageBuilder(address="/VMC/Ext/Bone/Pos3d")
for val in ["LeftLowerArm", center[0],center[1],center[2], child[0],child[1],child[2]]:
      msg.add_arg(val)
bundle.add_content(msg.build())
～（他にもいろいろ送受信メッセージをbundleに追加）～
bundle = bundle.build()
client.send(bundle)

target = animator.GetBoneTransform(HumanBodyBones.LeftLowerArm);
child = animator.GetBoneTransform(HumanBodyBones.LeftHand);
fromDirection[HumanBodyBones.LeftLowerArm] = target.position - child.position;

Vector3 center = new Vector3((float)message.values[1], -(float)message.values[2], -(float)message.values[3]);   // 中心
Vector3 child = new Vector3((float)message.values[4], -(float)message.values[5], -(float)message.values[6]);    // 子

HumanBodyBones bone;
if (Enum.TryParse((string)message.values[0], out bone))
{
    Transform target = animator.GetBoneTransform(bone);
    target.rotation = Quaternion.FromToRotation(fromDirection[bone], center - child);
}

• はじめに
  
• １．MSYS2インストールしてパスを通す
  
• ２．git、patch、unzipをインストール
  
• ３．Python をインストールしてパスを通す
  
• ４．Visual C++ Build Tools 2019 と Microsoft Visual C++ 2019 Redistributable と WinSDKをインストール
  
• ５．Bazel をインストール
  
• ６．Bazel の環境変数を設定
  
• ７．MediaPipe リポジトリをCheckout チェックアウト
  
• ８．OpenCVをインストール
  
• ９．Hello World! in C++ example をビルドして実行
  
• １０．hand_tracking をビルドして実行
  
• １１．holistic_tracking をビルドして実行
  
• 最後に

ANDROID_NDK_HOMEが設定されてない？

ERROR: C:/users/(ユーザ名)/mediapipe_repo/mediapipe/WORKSPACE:253:23: fetching android_ndk_repository rule //external:androidndk: Either the path attribute of android_ndk_repository or the ANDROID_NDK_HOME environment variable must be set.
ERROR: Analysis of target '//mediapipe/examples/desktop/hello_world:hello_world' failed; build aborted: Either the path attribute of android_ndk_repository or the ANDROID_NDK_HOME environment variable must be set.

numpyが入ってなかった

ImportError: No module named numpy

python.exe -m pip install --upgrade pip
python -m pip install numpy

Visual C++コンパイラが無い

The target you are compiling requires Visual C++ build tools.
Bazel couldn't find a valid Visual C++ build tools installation on your machine.

Visual C++ build tools seems to be installed at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\VC
But Bazel can't find the following tools:
    VCVARSALL.BAT, cl.exe, link.exe, lib.exe, ml64.exe
for x64 target architecture

何かビルドエラー

.\mediapipe/framework/packet.h(452): error C2143: 構文エラー: ';' が '&&' の前にありません。
.\mediapipe/framework/packet.h(452): error C2512: 'std::is_base_of': クラス、構造体、共用体に既定のコンストラクターがありません。
.\mediapipe/framework/packet.h(452): note: ターゲット型にコンストラクターはありません。
.\mediapipe/framework/packet.h(452): note: コンパイルされたクラスの テンプレート のインスタンス化 'mediapipe::packet_internal::is_concrete_proto_t' の参照をご確認ください
.\mediapipe/framework/packet.h(452): error C2143: 構文エラー: '>' が ';' の前にありません。
.\mediapipe/framework/packet.h(452): error C2143: 構文エラー: ',' が ';' の前にありません。
.\mediapipe/framework/packet.h(452): error C2143: 構文エラー: ';' が '}' の前にありません。
.\mediapipe/framework/packet.h(452): fatal error C1004: 予期せぬ EOF が検出されました。
Target //mediapipe/examples/desktop/hello_world:hello_world failed to build
Use --verbose_failures to see the command lines of failed build steps.

bazel build -c opt --define MEDIAPIPE_DISABLE_GPU=1 --action_env PYTHON_BIN_PATH="C://Python39//python.exe" mediapipe/examples/desktop/holistic_tracking:holistic_tracking_cpu

bazel-bin\mediapipe\examples\desktop\holistic_tracking\holistic_tracking_cpu.exe
 --calculator_graph_config_file=mediapipe/graphs/holistic_tracking/holistic_tracking_cpu.pbtxt