メインコンテンツへスキップ
見出し画像

【Resonite】コンテキストメニューの追加方法【雑解説】


    はじめに

    この記事はResoniteのアドベントカレンダーの18日目の記事です。
    Resoniteにおけるコンテキストメニューの追加方法について解説していきます。基本的なDevToolの使い方については下記の記事を見てみてください。

    コンテキストメニューとは

    コンテキストメニューとは、ResoniteでコントローラのXボタンもしくはBボタンを押した時に出てくる円状のメニューのことです。リングメニューや丸いメニューと呼ばれている場合もあります。
    最初は上の写真のように6つに分かれているかと思います。この記事ではここにメニューを追加する方法や追加したメニューの活用例をいくつか紹介していきます。

    画像
    コンテキストメニュー(改造済み)

    追加方法

    ①スロットを作る

    コンテキストメニュー用のスロットを作ります。
    DevToolを装備して新規作成から空オブジェクトを選択します。

    画像
    新規作成
    画像
    空オブジェクト

    このスロットにコンテキストメニューに必要なコンポーネントを追加して行きます。

    ②コンポーネントの追加

    インスペクターのコンポーネントをアタッチボタンから、作ったスロットにRootContextMenuItemとContextMenuItemSourceを追加します。
    両方ともRadiantUI/ContextMenuのなかにあります。

    画像
    RadiantUI/ContextMenu
    画像
    RootContextMenuItemとContextMenuItemSource
    画像
    アタッチ後のインスペクター

    ③コンポーネントの設定

    RootContextMenuItemのItemにContextMenuItemSourceを掴んで入れます。

    画像

    ④EmptyObjectをアバター直下に移動する

    画像
    移動前
    画像
    移動後

    ⑤MyItemという名前のコンテキストメニューが追加されていることを確認する

    画像
    移動前
    画像
    移動後

    応用編(追記予定)

    ①複数の階層を持つコンテキストメニューをつくる

    活用例(追記予定)

    ①表情設定

    ②服装切替

    ③アイテム取り出し


     
     
    Resonite で遊んでます

    あなたへのおすすめ