C# と VB.NET の質問掲示板

初めまして。Leseと申します。初投稿になりますが、これからも宜しくお願いいたします。
プログラミング歴約一年ほどC言語をやっていただけです。
C#言語は始めてから1週間ほどです。C#を始める前に一応入門書を2冊読みました。

パソコンOS：Windows XP Home Edition SP3（32bit）
使用ソフト：Microsoft　VisualStudio2008 Professional Edition
メモリー：3GB
CPU：Core i7 (Over Clockして3.08GHz)
※他に必要な情報があれば全てお答えします。


経緯についてですが、現在私は友人と本格的なゲームの作成をしています。
システムや、プログラミング、仕様、音関係は私で友人は絵を担当するという感じです。
製作したゲームはWindowsで起動させる為にWindowsフォームアプリケーションが作れるC#に決めました。(C++でもよかったのですが、C#を使うことにしました。)
数値や制御関係の処理はC言語をやってたこともあってスムーズにいきますが、画像関係だけがどうもうまくいきません；；
※経緯はこんな感じです。


問題点：画像をフェードアウトさせて描画してもlabelやピクチャボックスの背景がFormのbackgroundimageになってしまう。
プログラム：
        private void MainForm_MouseClick(object sender, MouseEventArgs e)
        {
                fadein(this.CreateGraphics(), Properties.Resources.sakura, 10, 10);　　　 //フェードイン
        }


        /////////////////////////////////////////////////////////////////////////////////////////////////////////
        //フェードイン関数:戻り値無し
        //fadein(pictureBox.CreateGraphics(),Properties.Resources.イメージ名,フェード段階,フェード間隔,)
        //
        /////////////////////////////////////////////////////////////////////////////////////////////////////////

        private void fadein(Graphics obj, Image pic, float fadetime, int sleeptime)      
        {
            //PictureBox1のGraphicsオブジェクトを取得
            Graphics g = obj;
            //画像を読み込む
            Image img = pic;
            //フェードイン
            for (float i = 1; i <= fadetime; i++)
            {
                //半透明で画像を描画
                DrawFadedImage(g, img, i /fadetime );
                //一時停止
                System.Threading.Thread.Sleep(sleeptime);
            }
            //リソースを開放する
            //img.Dispose();
            //g.Dispose();
        }

        public void DrawFadedImage(Graphics g, Image img, float alpha)  //フェードインアウト処理2
        {
            //背景を用意する
            Bitmap back = new Bitmap(img.Width, img.Height);
            //backのGraphicsオブジェクトを取得
            Graphics bg = Graphics.FromImage(back);
            //白で塗りつぶす
            bg.Clear(Color.White);
            //ColorMatrixオブジェクトの作成
            System.Drawing.Imaging.ColorMatrix cm =
                new System.Drawing.Imaging.ColorMatrix();
            //ColorMatrixの行列の値を変更して、アルファ値がalphaに変更されるようにする
            cm.Matrix00 = 1;
            cm.Matrix11 = 1;
            cm.Matrix22 = 1;
            cm.Matrix33 = alpha;
            cm.Matrix44 = 1;
            //ImageAttributesオブジェクトの作成
            System.Drawing.Imaging.ImageAttributes ia =
                new System.Drawing.Imaging.ImageAttributes();
            //ColorMatrixを設定する
            ia.SetColorMatrix(cm);
            //ImageAttributesを使用して背景に描画
            bg.DrawImage(img, new Rectangle(0, 0, img.Width, img.Height),
                0, 0, img.Width, img.Height, GraphicsUnit.Pixel, ia);
            //合成された画像を表示
            g.DrawImage(back, 0, 0);
            //リソースを開放する
            bg.Dispose();
            back.Dispose();
        }

プログラムの説明ですが、bmpファイルのRGBA値のA値を段々あげていくことによってフェード効果を得ているのですが、
これだと、Formのbackgroundimageは一定のまま、その上の層にフェード効果を得ていることになる為、フェード中にlabelやpictureboxの背景はformのbackgroundimageとなってしまいます。
そして、このプログラムによって描かれた画像はFormをパソコンの画面外に移動させて画面内に戻すと消えてしまうといった問題も出てきます。


この問題点の解決策をどうかご教授お願いいたします。


インターネットで検索し、書籍も読みましたが、画像処理等について書かれたページが少なくここに投稿することを決めました。
画像処理はゲームを作る上で最も大事なとこだと思っていますので是非マスターしたいです。

どうか宜しくお願いします(m´・ω・｀)m

■No47369 (Lese さん) に返信
> private void MainForm_MouseClick(object sender, MouseEventArgs e)
> {
>         fadein(this.CreateGraphics(), Properties.Resources.sakura, 10, 10);　　　 //フェードイン
> }
コントロールの CreateGraphics メソッドを呼び出すのではなく、描画関係のコードは
すべて Paint イベントに記述し、引数の e.Graphics を利用するようにしてみてください。

そうすれば、
> このプログラムによって描かれた画像はFormを
> パソコンの画面外に移動させて画面内に戻すと消えてしまう
という問題も解決するかと思います。


フェードイン/アウトのように連続して再描画を行う必要がある場合には、
PictureBox に対して描画要求を行い、Paint イベントが発生するように呼びかけます。

再描画が必要である事を通知させるには、以下のメソッドを利用します。
　Invalidate メソッド　…　再描画が必要である事を通知する。
　Update メソッド　　　…　再描画を行う。ただし再描画が不要な時は何もしない。
　Refresh メソッド 　　…　強制再描画。Invalidate と Update を連続して呼ぶのと同義。


> System.Threading.Thread.Sleep(sleeptime);
コントロールを操作しているスレッドからは、Sleep メソッドを呼び出さないでください。
代わりに Timer を利用して、一定時間ごとに Invalidate (または Refresh) を呼び出すようにします。
ちらつきを抑えるために、DoubleBuffered プロパティは true にしておく事をおすすめします。


> フェード中にlabelやpictureboxの背景はformのbackgroundimageとなってしまいます。
負荷が問題にならないなら、BackgroundImage そのものを差し替えるという手もあります。
フォーム全体をフェードアウトさせるでも良ければ、Opacity プロパティを利用するのが簡単かも。

皆さん参考になるレスをしてくださってありがとうございます。

>>自作様

「C# フェードアウト」で検索して自分で作成したプログラムが最初に書いたプログラムになっております。
そのプログラムで問題が生じ、自分一人では解決できなかったのでここに投稿を決めました。
しかし、私の検索能力が低いということも感じています。もっと精進していきたいと思います。ありがとうございました。


>>はつね様
「C#　XNA」で検索してみました。
まだ少ししか理解できていないのですが、画像関係の扱いは凄く扱いやすそうな印象を受けました。
今回のゲーム作成に使用するかどうかはまだ検討中ですが、XNAというツールは非常に興味深いです。貴重な情報を提供してくださってありがとうございました。


>>魔界の仮面弁士様
具体的で非常に分かりやすいレスを書いてくださってありがとうございます。
プログラムはまだ製作中ですが、解決に近づけそうな気がします。
今まで打つ手なしの状態でしたのでここから一歩を踏み出せそうです。
本当に助かりました。どうもありがとうございます。

■No47369 (Lese さん) に返信
> フェード中にlabelやpictureboxの背景はformのbackgroundimageとなってしまいます。
Form 上に Label (BackColor = Transparent) を配置した場合、
親コントロールのである Form の背景が利用されます。

PictureBox の背景を使いたいのであれば、
　this.Controls.Add(label1);
ではなく、
　this.pictureBox1.Controls.Add(label1);
のように、PictureBox に載せてみてください。
http://dobon.net/vb/dotnet/control/labelonpicturebox.html


とりあえず下記では、PictureBox を使わずに Form 上に直接描画しています。
フェード用に Timer を用意しておいてください。


public partial class Form1 : Form
{
    float alpha = 1.0f;
    float diff = -0.05f;

    Image baseImage;
    public Form1()
    {
        InitializeComponent();
    }

    private void Form1_Load(object sender, EventArgs e)
    {
        //HACK => http://dobon.net/vb/dotnet/graphics/drawpicture2.html
        baseImage = Image.FromFile(@"C:\WINDOWS\大草原の風.bmp");
        DoubleBuffered = true;
        timer1.Interval = 120;
    }

    private void Form1_Shown(object sender, EventArgs e)
    {
        timer1.Start();
    }
    private void Form1_FormClosing(object sender, FormClosingEventArgs e)
    {
        timer1.Stop();
    }

    private void Form1_FormClosed(object sender, FormClosedEventArgs e)
    {
        baseImage.Dispose();
    }

    private void timer1_Tick(object sender, EventArgs e)
    {
        alpha += diff;
        if (alpha <= 0f)
        {
            alpha = 0f; diff = -diff;
        }
        else if (alpha >= 1.0f)
        {
            alpha = 1.0f;
            diff = -diff;
        }
        this.Invalidate();
    }

    private void Form1_Paint(object sender, PaintEventArgs e)
    {
        using (Image img = CreateFadedImage(baseImage, alpha))
        {
            e.Graphics.DrawImage(img, 0, 0);
        }
    }

    public Image CreateFadedImage(Image img, float alpha)
    {
        ColorMatrix cm = new ColorMatrix();
        cm.Matrix00 = 1.0f;
        cm.Matrix11 = 1.0f;
        cm.Matrix22 = 1.0f;
        cm.Matrix33 = alpha;
        cm.Matrix44 = 1.0f;

        Bitmap bmp = new Bitmap(img.Width, img.Height);

        using (Graphics bg = Graphics.FromImage(bmp))
        using (ImageAttributes ia = new ImageAttributes())
        {
            bg.Clear(Color.White);
            ia.SetColorMatrix(cm);
            bg.DrawImage(img, new Rectangle(0, 0, img.Width, img.Height),
                0, 0, img.Width, img.Height, GraphicsUnit.Pixel, ia);
        }
        return bmp;
    }
}