AF2_tutorial9 - Open MGL Wiki - Open MGL

＞Wikiトップ＞August Framework 2.0＞AF2_tutorial9

August Framework 2.0 : チュートリアル 9 ～ エ○ゲっぽい画面を作ってみる

ここまでのチュートリアルの合わせ技＋αでエ○ゲっぽい画面でも作ってみようかと思います。

 #include "mglaugust2.h"
 
 #define MESSAGE \
         "とある宇宙の果てに、おじいさんとおばあさんが居ました。 \n"  \
         "おじいさんとおばあさんは空気が無くて死んでしまいました。"
 #define MSG_WAIT        (2)
 
 class CMyFrame : public CAugustWindowFrame2
 {
 private:
         CAugustImage2 m_imgBack;
         CAugustImage2 m_imgWindow;
         CAugustText2 m_txtName;
         CAugustText2 m_txtMsg;
         int m_nCounter;
 
 public:
         //      初期化時に呼ばれる
         bool OnGraphicInitEnded()
         {
                 RegistControl(&m_imgBack);
                 RegistControl(&m_imgWindow);
                 RegistControl(&m_txtName);
                 RegistControl(&m_txtMsg);
 
                 m_imgBack.Load("back.jpg");
                 m_imgWindow.Load("window.bmp");
                 m_imgWindow.SetAlpha(180);
 
                 m_txtName.SetText("ナレーター");
                 m_txtName.SetPos(40,285);
                 m_txtName.SetFontSize(24);
 
                 m_txtMsg.SetPos(45,350);
                 m_txtMsg.SetFontSize(22);
                 m_txtMsg.SetColor(AGHCOLOR_WHITE);
 
                 m_nCounter = 0;
 
                 return true;
         }
 
         //      ウインドウ生成前に呼ばれる
         void OnCreateWindow(agh::CREATE_WINDOW_INFO *pWindowInfo){
                 pWindowInfo->strWindowTitle = "おじいさんとおばあさんプログラム";
         }
 
         bool OnFrameDoUser()
         {
                 if ( (m_nCounter/MSG_WAIT) <= (int)strlen(MESSAGE) ){
                         m_nCounter++;
                         if ( m_nCounter % (MSG_WAIT*2) == 0 )
                                 m_txtMsg.SetText(std::string(MESSAGE,(m_nCounter/MSG_WAIT)).c_str());
                 }
 
                 return true;
         }
 
 };
 
 //      WinMain
 int APIENTRY WinMain(HINSTANCE hInstance,
                      HINSTANCE hPrevInstance,
                      LPSTR     lpCmdLine,
                      int       nCmdShow )
 {
         CMyFrame frame;
         frame.Start();
         return 0;
 }

何故かおじいさんとおばあさんが出てきてしまいました。全然エ○ゲなんかじゃないですね。（何

今回のチュートリアルでは、こちら側で使用する画像ファイルを用意しておいてあります。

• back.jpg
• window.bmp

今回はこちらを使用してください。その方が説明が手っ取り早いので・・・。

こちら側で用意したサンプルだと何がどう違うのか？・・・と言いますと、「window.bmp」の方がそれに当たります。
見て貰えると、何やら気付かれるかと思われますが、矢鱈とピンクくて、目がチカチカしてしまいそう・・・と言ったように思われるかと思います。
しかしこの画像ファイルを使用していざ実行してみると・・・その部分が何故か透明になるのです！！

今回のチュートリアルの肝は、この「カラーキー」と呼ばれる機能です。

通常のBMP等の画像ファイルでは、「透明色」と言うものを表現する事が出来ません。(*1)
このため、特定の色を「この色は透明な色だよ」として扱うのが、カラーキーと呼ばれる技術です。

Open-MGLでは、目がチカチカするような完全なピンク（RGB値で言うと #FF00FF）をデフォルトのカラーキーとしています。
何故こんなケバケバした色を使っているのかと言うと・・・誰もこんな色使わないからです。（苦笑
白や、黒だと、その色を使おうとした際、困ってしまいます。
ちなみに仮に、かなりどぎついピンク色を使いたい場合、#FF00FE のように、ちょっと異なる色にする事により、透過されずに済みます。
（白とかをカラーキーにしていると、#010101 とかでも結構な差になる事がありますが、どぎついピンクだと、それほど差は分らない）

それからもう一つついでに。画像やテキスト等が表示される順番は、登録された順です。
これはどういう事かと言いますと、画像やテキストに重なっている所があった場合、そこに表示されるのは、後の方に登録されたコントロールの方である、
と言う事です。よって、うっかり背景画像等のように全体を覆ってしまうような画像を一番最後に登録してしまうと、それ以外の画像やテキストが一切見えなくなってしまう事があります。
気をつけてくださいね・・・。

*1 : 透過GIF、透過PNG、DDX、TGAファイル等のファイルでは、透明色を表現する事が出来ますが。