メニュー
\ 最大12%ポイントアップ! / 詳細を見る

【Unity】コードを書かずに、ボタンのON/OFFで表示状態を切り替える方法

eyecatch_unity

コードを書かずに、メカニムとアニメーションを使って、表示状態のON/OFFをできるようにします。

普段コードを書かないので、中途半端にスクリプトを書くよりも、メカニムでささっと作って、確認したほうが楽でした。

[card2 id=”294″ target=”_blank”]

海外でフリーランスをしているテクニカルアーティスト
ゲーム開発・映像制作・WEB制作等を請け負っています。
当ブログは作業効率化のための技術ブログです。

目次

コードを書かずに、ボタンのON/OFFで表示状態を切り替える方法 準備

なんでも良いのですが、カメラに付けるだけでビジュアルが変化するイメージエフェクトをボタンのON/OFFで切り替えてみます。

  1. イメージエフェクトのアセットをインポートしておきます。
    Assets > ImportPackage >Effects
  2. Main Camera に SepiaTone のスクリプトをアタッチ

再生して画面がセピア色になることを確認。(確認用に適当なキューブを作成)

やり方

  • ① Animationウインドウを開き、Main Camera を選択してCreateボタンを選択
  • ② 生成される .anim ファイル名は New AnimationからAnimation_offとしておく(通常状態用)
  • ③ もうひとつ.animファイルを作成。Assets > Create > Animationから Animation_onという名前に(イメージエフェクト点灯用)
  • ④ Animator ウインドウを開き、なにもない所でCreate state > Emptyから ノード(グレー)を作成。

  • ⑤ 最初から生成されていたオレンジのノードをanimation offという名前にして motionの項目に②の.animをアサイン。グレーの方も同様にanimation_onとして.animをアサイン。
  • ⑥ Parameters タブに切り替えて、+ボタンから Trrigerを作成。testという名前に。
  • ⑦ ノードを右クリックして Make Transitionからノード同士を繋ぐ。グレーからオレンジ。オレンジからグレー
  • ⑧ ⑦で生成された矢印をクリックして+ボタンを押す。testという項目が追加。もう片方の矢印も同様に追加

  • ⑨ アニメーションウインドウの赤丸ボタンをONにしてアニメーションを記録。SepiaToneのチェックボックスをon/offして表示を記録。(Animation_off→OFF状態, Animation_on→ON状態)

  • ⑩ Componet > UI > Button からボタンを作成
  • ⑪ 生成したボタンを選択して、 Inspectorの一番したの+ボタンをクリック。
  • ⑫ Noneの表示のところにMain Cameraをドラッグ&ドロップ
  • ⑬ No Function表示のところを選択して Animtor > SetTrigger(String)を追加。下の欄にTestの文字を追加

  • ⑭ 再生してボタンを押すとイメージエフェクトがONになり(画面がセピア色に)。もう一度クリックするとOFFになります。

応用

特定のものには、イメージエフェクトを付けたくない場合、別カメラを作成してLayerの設定をすれば分けることができます。

テラシュールブログ
【Unity】特定のモデルにのみImageEffectがかからないようにする - テラシュールブログ 今回は特定のモデルにのみImageEffectがかからないようにするアプローチについてです。例えば上のように、他のユニティちゃんはGrayscaleがかかっているのに特定のモデルに...

全記事一覧

  • URLをコピーしました!

Unityに関する参考記事・ツール・書籍のまとめ

Unityの参考書籍

著:北村 愛実
¥2,673 (2024/11/28 20:36時点 | Amazon調べ)
\最大12%ポイントアップ!/
Amazon
著:吉谷幹人, 著:布留川英一, 著:一條貴彰, 著:西森丈俊, 著:藤岡裕吾, 著:室星亮太, 著:車谷勇人, 著:湊新平, 著:土屋つかさ, 著:黒河優介, 著:中村優一, 著:牙竜, 著:コポコポ, 著:かせ, 著:hataken, 著:monmoko
¥4,400 (2024/11/30 07:00時点 | Amazon調べ)
\最大12%ポイントアップ!/
Amazon
著:森哲哉, 著:布留川英一, 著:西森丈俊, 著:車谷勇人, 著:一條貴彰, 著:打田恭平, 著:轟昂, 著:室星亮太, 著:井本大登, 著:細田翔, 著:西岡陽, 著:平井佑樹, 著:コポコポ, 著:すいみん, 著:Maruton, 著:karukaru, 著:ハダシA, 著:notargs, 著:EIKI`, 著:おれんじりりぃ, 著:黒河優介, 著:中村優一, 著:藤岡裕吾
¥8,408 (2024/11/28 20:36時点 | Amazon調べ)
\最大12%ポイントアップ!/
Amazon
ボーンデジタル
¥5,060 (2024/11/25 16:33時点 | Amazon調べ)
\最大12%ポイントアップ!/
Amazon
技術評論社
¥4,620 (2024/11/28 20:36時点 | Amazon調べ)
\最大12%ポイントアップ!/
Amazon

Unityの人気アセット

目次