MIDI Playback

Start イベント:

Start 時、grids 配列内の各オブジェクトを順に処理し、その子にある 'Image' コンポーネントを見つけ、その enabled 値を false に設定することで、初期状態で全ての画像を非表示にします。

また、ロード後に1秒待機してから VRCMidiPlayer の Play() を呼び出し、音楽とデータフローを開始します。

Note イベント:

Midi Note On イベントを受信すると、channels 配列の各要素をループし、受信したノートのチャンネルが一致するかを確認します。一致が見つかった場合、その数値が grids 配列の index として使用され、対応するグリッドが特定されます。受信したノートは int.Remainder() を通じてオクターブ内のインデックス（Cは0、C#は1など）が計算されます。このインデックスを使用してグリッドの適切な子要素を見つけ、その 'Image' の enabled を true に設定します。最後に、ノートのチャンネルとノート番号がコンソールにログ出力されます。

スクリプトが Midi Note Off イベントを受信すると、上記と同様の処理を行います。'Image' コンポーネントを再度非表示にするために、enabled を false に設定します。

using UdonSharp;  
using UnityEngine;  
using UnityEngine.UI;  
using VRC.SDK3.Midi;  

[UdonBehaviourSyncMode(BehaviourSyncMode.None)]  
public class LogoButton : UdonSharpBehaviour  
{  
    [SerializeField] private Transform[] grids;  
    [SerializeField] private VRCMidiPlayer player;  
    [SerializeField] private int[] channels;  

    private void Start()  
    {  
        // Disable Image components of all grid children  
        foreach (var grid in grids)  
        {  
            for (var i = 0; i < grid.childCount; i++)  
            {  
                var child = grid.GetChild(i);  
                var image = child.GetComponent<Image>();  
                image.enabled = false;  
            }  
        }  

        SendCustomEventDelayedSeconds(nameof(_PlayAudio), 1);  
    }  

    public void _PlayAudio()  
    {  
        player.Play();  
    }  

    public override void MidiNoteOn(int channel, int number, int velocity)  
    {  
        UpdateGridState(channel, number, true);  
        Debug.Log($"{channel} : {number}");  
    }  

    public override void MidiNoteOff(int channel, int number, int velocity)  
    {  
        UpdateGridState(channel, number, false);  
    }  

    private void UpdateGridState(int midiEventChannel, int midiEventNoteNumber, bool isEnabled)  
    {  
        // Find all grids that are mapped to the midi event's channel.  
        for (var gridIndex = 0; gridIndex < grids.Length; gridIndex++)  
        {  
            var gridChannel = channels[gridIndex];  
            if (midiEventChannel != gridChannel) continue;  

            // Enable/Disable image, quantized by chromatic 12 note scale.  
            var child = grids[gridIndex].GetChild(midiEventNoteNumber % 12);  
            var image = child.GetComponent<Image>();  
            image.enabled = isEnabled;  
        }  
    }  
}