ノード解説「Button」

はじめに

ゲームのメニュー画面で「スタート」「設定」「終了」といったボタンを押したとき、何かが起きる。そうしたときに「何かが起きる」を担うのが Button ノードです。この記事では、Buttonの役割、基本的な使い方、よく使うカスタマイズ方法を解説します。

Buttonとは?

Button は、クリック(またはタップ)するとシグナルを発するUIコンポーネントです。テキストやアイコンを表示しながら、ユーザーの操作を受け付けます。

Buttonは、現実世界の「押しボタン」そのものです。押すと何かが動く。離すと元に戻る。シンプレだけど、ゲームUIの基本中の基本です。

ButtonBaseButtonControlCanvasItemNode という継承ツリーを持ちます。BaseButton を継承しているため、クリック判定やシグナル発行の仕組みは共通のものを利用しています。

このノードを使うべき場面

  • メインメニューの「スタート」「オプション」「終了」ボタンを作るとき
  • ゲーム内のポーズ画面やリドヤイボタンを実装するとき
  • インベントリや装備画面でアイテムを選択するとき
  • ダイアログで「OK」「キャンセル」を表示するとき
  • デバッグ用に「シーンをリロード」「ステージをスキップ」などのボタンを素早く作るとき

一方、以下の場合は別のノードが向いています。

  • ON/OFFを切り替えたい → CheckButtonCheckBox が適切
  • 複数の選択肢から一つを選びたい → OptionButton を使う
  • テキストだけ表示したい(押�f��j��a;�”x�����O�X�[ ���O�8�i�c`yb!� �O�� �[���� ��..��j������x��x�����j9�g� �O � ����X�O�����������x��x���� �8���8����� �����#�dl� ���������x�x�:���9`) ��� ����������ۙϝ^ ���ۙϏ ������8������j�(j9�.��fx�����x�x�� �������”9�n����ke��”O ��� ����������ۙϚX�ۏ ���ۙϏ ������8������j�(j9�.��fx��ਸ�8������.�`���”^\�L�;�”O �����[ ��� ����������ۙϙ\�X�Y ���ۙϏ �����Yx�j��fx���j8��8������c9��8�8�8�8�8(���FC��FC�f�6S��FC���G#��G#��FC��7G&��s�F�vv�U���FS��7G&��s���FC��FC�G’V^8�8�8(�8�89�8+�8;>8).88�8+8:��Ȅ����dn�Ȟ8�8~8nK��8�8(���FC��FC�f�6S��FC���G#��G#��FC��7G&��s�’WGF���&W76VC��7G&��s���FC��FC�F�vv�U���F^8�8�8�8�x��Yʎ8�h��K��x�nhX�8).X�n[�~8;����Z�8�8(���FC��FC�f�6S��FC���G#��G#��FC��7G&��s�&W76VN�Ȏ8+~8+88�8:��ȓ��7G&��s���FC��FC�89�8+�8;>8�h��8^8(�8�8�8�8�y��x�8�8(�8+~8+88�8:���FC��FC�( C��FC���G#��G#��FC��7G&��s�F�vv�VN�Ȏ8+~8+88�8:��ȓ��7G&��s���FC��FC�F�vv�U���F^8�8�8�8x�nhX�8�ZH�8(�8(�8�8>8�y��x�8�8(���FC��FC�( C��FC���G#���F&�Sࠣ��8(�8�K��8n8+>8;�88�K��ɣ��ࠣ�&S��6�FR6�73�&��wVvR�vG67&�B#�2&W76VN8+~8+88�8:�8).8+�8*�8:�89~88�8~h�^{i�8�8(��gV�2�&VG�����D’WGF���&W76VB�6���V7B�����’WGF���&W76VB���gV�2����’WGF���&W76VB����&��B�.89�8+�8;>8�h��8^8(�8���”����288n8*�8+�88�8).8+�8*�8:�89~88�8�8(�ZH�i�N8�8(��D’WGF���FW�B�.8+.8;�8:8+�8+�8;�88� ��289�8+�8;>8).xJX��X�n8�8(��Ȏ8+8:�8;�8*.8*n88���zK�8�8�8(��Ȑ�D’WGF���F�6&�VB�G’VP��288�8+8:�89�8+�8;>8�x��Yʎ8�x�nhX�8).z+����8�8(���bD’WGF���’WGF���&W76VC��&��B�.K��8���8~8�”����6�FS���&Sࠠ�ƃ#�8(.8>8�K��8N8>8�8��ɮ8*�8+�8+�89�8*N8+�8~8�8(�898:�8:8;�8+����#ࠣ��8�8�8�Y��i��8).X�^8�8~8n8�8n8�8(�8Kٞ�9^8�X{�8�8(���n8~8n8�8n8�88^8N8#��ࠣƃ3��88n8*�8+�88�8�8*.8*N8+>8;>8).{XN8�Y�8(�8�8(����3ࠣ��89�8+�8;>8�88n8*�8+�88�888~8�8�88*.8*N8+>8;>yK�X8�8).K�n8�8n��zK�8~8�8�8�8#�6�FS�6����6�FS�89~8:�8988n8*>8�FW�GW&S$N8).���Z�8~8�6�FS�6���Ɩv��V�C��6�FS�8~�X�{��8).���i[N8~8�8�8#��ࠣ�&S��6�FR6�73�&��wVvR�vG67&�B#�28*.8*N8+>8;>8).8+�8*�8:�89~88�8�8(����Z�8�8(��D’WGF���6���&V��B�’&W3���76WG2��6��2�7v�&B��r”���28*.8*N8+>8;>8).88n8*�8+�88�8�X�>XN8��X�{��D’WGF���6���Ɩv��V�B���$����D��Ĕt��T�E�$�t�@���6�FS���&Sࠣƃ3�”�89�8+�8;>8�xJX��X�n�ȆF�6&�VN�ȓ���3ࠣ��i�K�n8�8(�8>8n89�8+�8;>8).h��8�8�8N8(�8n8�8�8(�8�8U�8�Y K��8~8�8�8.K�8�88�8+N8;�8:�88�8΋k>8(�8�8N8�8�8��;�XZ^89�8+�8;>8).h��8�8�8N8�8�8nX�n[�8�{
    Xَ8�8~8�8�8�8#��ࠣ�&S��6�FR6�73�&��wVvR�vG67&�B#�28+N8;�8:�88�8�K�ދk>8~8n8N8�8(�89�8+�8;>8).xJX��X�`�gV�2�&�6W72��FV�F���D’W�’WGF���F�6&�VB���W%�v��B��FV��&�6P���6�FS���&Sࠣƃ3�2�88�8+8:�89�8+�8;>�ȇF�vv�U���F^�ȓ���3ࠣ��89�8:^8;�88�89�8+�8;>8�8(�8n8�8�h��8�8�8>8�����dn8�X�~8(�i��8(�8(�8�89�8+�8;>8�K��8(�8�8�8#�6�FS�F�vv�U���FR�G’VS��6�FS�8�8�8(�8�8h��8�8�8>8��6�FS�’WGF���&W76VC��6�FS�8�X�ދ�.8~8�8�8#��ࠣ�&S��6�FR6�73�&��wVvR�vG67&�B#�gV�2�&VG�����D�WFT’WGF���F�vv�U���FR�G’VP�D�WFT’WGF���F�vv�VB�6���V7B������WFU�F�vv�VB���gV�2�����WFU�F�vv�VB�&W76VC�&��“��VF��6W’fW”�6WE�’W5��WFR�VF��6W’fW”�vWE�’W5���FW��$�7FW””��&W76VB��D�WFT’WGF���FW�B�.89�8:^8;�88�K��”�b&W76VBV�6R.��>8.8(� ���6�FS���&Sࠣƃ3�B�88n8;�89��ȅF�V�^�Ȟ8~88~8+n8*N8;>8).8*�8+�8+�89�8*N8+����3ࠣ��89�8+�8;>8�h�8�y��8��6�FS�F�V�S��6�FS�8:�8+�8;�8+�8~{K8�8�ZH�8�8(�8(�8�8�8$��7V7F�.8�F�V�R�fW’&�FW>8+~8*�8+~8:~8;>8�8(�889^8*�8;>88�8+^8*N8+�8��.8Kٞy���Ȏ8988~8*>8;>8+�Ȟ8�8�8).X�X�^8�K��i��8�8~8�8�8�8#��ࠣ�F&�S��G#��F��F�V�R�fW’&�FS��F���F��X��i����F����G#��G#��FC�f��E�6��S��FC��FC�88n8*�8+�88�8�89^8*�8;>88�8+^8*N8+�8).ZH�i�C��FC���G#��G#��FC�f��E�6���#��FC��FC� �[��i�.8�88n8*�8+�88���#��FC���G#��G#��FC�f��E�6���%���fW#��FC��FC�89�898;�i�.8�88n8*�8+�88���#��FC���G#��G#��FC�f��E�6���%�&W76VC��FC��FC�h��K��i�.8�88n8*�8+�88���#��FC���G#��G#��FC�f��E�6���%�F�6&�VC��FC��FC�xJX��i�.�ȆF�6&�VN�Ȟ8�88n8*�8+�88���#��FC���G#���F&�Sࠣƃ3�R�8+~8:~8;�88�8*�88>88�8*�8;�8�8�
    >i ����3ࠣ��89�8+�8;>8��6�FS�6��’F7WC��6�FS�8:�8+�8;�8+�8).���Z�8�8(�8�88*�8;�89�8;�88�8�8*�8;�8).h��8~8�8�8�8~8(.Y�8�8+~8+88�8:�8).y��x�8^8�8(�8(�8�8�8.89�8*n8+�8).K��8(�8�8N8+.8;�8:89~8:�8*N8�8(.Z��[��8~8�8�8�8#��ࠣ�&S��6�FR6�73�&��wVvR�vG67&�B#�28+�8*�8:�89~88�8�8(�8+~8:~8;�88�8*�88>88�8).���Z�8�8(�K谧f”6��’F7WB�6��’F7WB��Wr���f”WfV�B���WDWfV�D�W���Wr���WfV�B�W�6�FR��U��T�DU �6��’F7WB�WfV�G2��WfV�EТD’WGF���6��’F7WB�6��’F7W@���6�FS���&Sࠣƃ3�b�8+~8+88�8:�8�h�^{i�ik�k9^�Ȏ8*�88~8*>8+�g28+�8*�8:�89~88��ȓ���3ࠣ��v�F�N8*�88~8*>8+�8�8�88�8;�88�8�8+�89n8�8(��6�FS�&W76VC��6�FS�8+~8+88�8:�8).8889n8:�8*�8:�88>8*�8~8nh�^{i�8�8(�ik�k9^8�88+�8*�8:�89~88�8�8(��6�FS�6���V7B����6�FS�8).K��8nik�k9^88�88(�8~8(.X�^8�8�8�8#��ࠣ�F&�S��G#��F��h�^{i�ik�k9S��F���F��Y 8N8n8N8(�Z N��#��F����G#��G#��FC�8*�88~8*>8+�8�8(�h�^{i���FC��FC�8+~8;�8;>8�k�8�8>8n8N8n8h�^{i�XX�8(.Y��Z�8�8�8���FC���G#��G#��FC�8+�8*�8:�89~88�8�8(�h�^{i���FC��FC�X�^y�N8�yI�h�8~8�89�8+�8;>88:�8;�89~8~ZJ~�x�8�K��8(�8�8���FC���G#���F&�Sࠠ�ƃ#�8�8�8(���#ࠣ���7G&��s�’WGF��8�889~8:�8*N8:N8;�8�i8�K��8).X�~8X�n8>8n8+~8+88�8:�8~� �y�^8�8(�8+~8;>89~8:�8�T�88�8;�88���7G&��s�8~8�8#��ࠣ�V���Ɠ��6�FS�&W76VC��6�FS�8+~8+88�8:�8).K��8�8889�8+�8;>8�Xznyn8).{Y8>8N88(�8(�8(���Ɠ��Ɠ��6�FS�F�6&�VC��6�FS�8~x�nk88�[��8�8n89�8+�8;>8).xJX��X�n8~8�8(���Ɠ��Ɠ��6�FS�F�vv�U���FS��6�FS�8t����dnX�~8(�i��8�89�8+�8;>8�8~8nK��8�8(���Ɠ���V�ࠣ��j�8�8�H~i[��8�8:�88>888�88n8*�8+�88�8).��zK�8�8(��7G&��s�&�6�FW�D�&V���7G&��s�8�8N8N8n�h�8n8N8�8�8��ȃyZ��Ȟ8.��.K��8�88n8*�8+�88�8(N8:�8;>8*�88*.88�8:8;�8+~8:~8;>8N8�8�88n8*�8+�88���zK�8�{
    Xَ8�Z���8^8~8�8�8�8#��ࠠ�ƃ#�8+~8:�8;�8+�K��js���#ࠣ�V���Ɠ����FS��Ɠ��Ɠ�#���FS$C��Ɠ��Ɠ�3�7&�FS$C��Ɠ��Ɠ�C���FVE7&�FS$C��Ɠ��Ɠ�S�6�&7FW$&�G�$C��Ɠ��Ɠ�c�6��Ɨ6���6�S$C��Ɠ��Ɠ�s�&V$C��Ɠ��Ɠ���&�v�D&�G�$C��Ɠ��Ɠ���6�W&$C��Ɠ��Ɠ���&V���Ɠ��Ɠ��&�6�FW�D�&V���Ɠ��Ɠ�#�Ɩ�TVF�C��Ɠ��Ɠ��7G&��s�3�’WGF����7G&��s���Ɠ���V�ࠣ���V��8>8�K��8�v�F�BB�8).8(.8�8�Y�~z�n8~8n8N8�8�8#��V�����

コメント