UNITYでイメージを徐々に透明にする

Question

前提・実現したいこと

Unityで、イメージを徐々に透明にしていくコードを書いています。

発生している問題・エラーメッセージ

timerの時間経過後イメージがすぐに消えます。

該当のソースコード

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class DeleteScript : MonoBehaviour
{

    public　Image Qimage;
    // Image Qimage2;
    public GameObject ATOKARADASU;

    bool a_flag;
    float a_color = 1.0f;
    public float timer = 1.2f;
    // Use this for initialization
    void Start()
    {
        a_flag = false;
        a_color = 0;

        ATOKARADASU.active = false;
    }

    // Update is called once per frame
    void Update()
    {
        //時間経過でa_flagをTrueにする
        timer -= Time.deltaTime;
        if (timer < 0)
        {
            a_flag = true;
            a_color = 1;
        }


       


        //a_flagがtrueの間実行する
        if (a_flag)
        {
            a_color -= Time.deltaTime;
            //イメージの透明度を変更する
            Qimage.color = new Color(1,1,1,a_color);

            //Qimage2.color = new Color(255, 255, 255, a_color);

            ATOKARADASU.active = true;
            //透明度が0になったら終了する。

            if (a_color < 0)
            {
                a_color = 0;
                a_flag = false;
            }
            else
            {
                Destroy(Qimage);
            }
        }



    }
}

試したこと

255にしてみたりもしました。他にも色々...

補足情報（FW/ツールのバージョンなど）

2018の3.0f2

Answer 1

時間経過後すぐにDestroy(Qimage)が呼ばれるので画像自体が消えてしまっています。
また、アルファ値は自分で変数として保持する必要はないと思います。
timerの値が0未満ならアルファ値を変更し、a_flagは画像が完全に消えたかのフラグとして使うのが
いいと思います。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class Test : MonoBehaviour
{
    public Image Qimage;
    public GameObject ATOKARADASU;

    bool a_flag;
    public float timer = 1.2f;

    void Start()
    {
        a_flag = false;

        ATOKARADASU.SetActive(false);
    }

    void Update()
    {
        timer -= Time.deltaTime;
        if (!a_flag && timer < 0)//a_flagがfalseで時間経過後なら
        {
            //イメージの透明度を変更する
            Qimage.color -= new Color(0, 0, 0, Time.deltaTime);

            ATOKARADASU.SetActive(true);

            //透明度が0になったらa_flagをtrueにする。
            if (Qimage.color.a <= 0)
            {
                a_flag = true;
            }
        }
    }
}

Comments

[Shion0529]

動きましたありがとうございます。追加の機能をつけたいのですが。
今まで背景と出しているロゴが一緒だったので、同時(一つのイメージです)に透明にしていましたが。今回、黒いイメージの背景とロゴのイメージ別々にして、黒の背景が先に透明になり、その後数秒後にロゴも透明にする。ということにしたいです。 (それぞれ、透明にした後にDestoryしています。)

using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class DeleteScript : MonoBehaviour
{

public Image Fimage;//FirstImage,SecondImage
public Image Simage;//FImageが消えた1~2秒後に後に消す

public GameObject ATOKARADASU;
public GameObject KESUF;
public GameObject KESUS;
bool a_flag;
float a_color;
public float timer = 1.2f;
// Use this for initialization
void Start()
{
a_flag = false;

ATOKARADASU.SetActive(false);

}

// Update is called once per frame
void Update()
{
timer -= Time.deltaTime;
if (!a_flag && timer < 0)//a_flagがfalseで時間経過後なら
{
//イメージの透明度を変更する
Fimage.color -= new Color(0, 0, 0, Time.deltaTime);

ATOKARADASU.SetActive(true);

//透明度が0になったらa_flagをtrueにする。
if (Fimage.color.a <= 0)
{
a_flag = true;
Destroy(KESUF);

//Fが消えたら、Sも透明にしていく
Simage.color -= new Color(0, 0, 0, Time.deltaTime);
}

if (Simage.color.a <= 0)
{
//透明になったら消す
Destroy(KESUS);
}
}
}
}

Answer 2

シェーダーはちゃんとアルファ値を参照して半透明になるものを使っていますか？
あと、メッシュを半透明にする場合、真面目にやるとステンシルバッファを使わないといけません

こちらを参考にしてください
http://tsubakit1.hateblo.jp/entry/2015/09/09/233000