【第2回】Cocos2dxでマルバツゲームを作る(タイトル画面編) – Cocos2dx v4.X対応

Blog

2021.02.202024.10.17

はじめに

お久しぶりです。

前回の記事の続きです。

最近、ドラえもんのカードケースを買いました。

品薄で手に入れるのに苦労しました…..

今回は、いよいよタイトル画面の実装になります。

完成図はこんな感じです。

始めていきましょう

まずは、背景画像を入れましょう。

今回は、画面サイズ480×320で製作するため480×320ピクセルの画像を用意しました。

ダウンロードボタンからダウンロードしてください

ダウンロードした、title_bg.pngをResourcesの中に保存します。

ソリューションエクスプローラー>Resources　を右クリックして

追加>既存の項目をクリックします

ファイルダイアログがでるのでtitle_bg.pngを選択して追加ボタンを押して追加してください。

追加するとソリューションエクスプローラー>Resources　に　title_bg.pngが追加されます

ソリューションエクスプローラー>Source File>Classes>HelloWorldScene.cpp　を開きます。

105行目のHelloWorld.pngをtitle_bg.pngに変更して下さい

    auto sprite = Sprite::create("HelloWorld.png");
    if (sprite == nullptr)
    {
        problemLoading("'HelloWorld.png'");
    }

    auto sprite = Sprite::create("title_bg.png");
    if (sprite == nullptr)
    {
        problemLoading("'title_bg.png'");
    }

正しく画像が反映されているか確認します。

「Ctrl + F5」で実行ができます。

こんな画面が出てきたらひとまずOKです