Windows  で Cocos2d-x 4.0 (CMake) + Visual Studio 2022 の開発環境を構築したときのメモ  

Cocos2d-x での開発は既にトレンドアウトしていますが C++ を使用したゲーム開発を手軽に開始することができる点は今なお魅力的であり、他に選択肢の少ない状況だと思います。
さらに Cocos2d-x v4.0 においては Visual Studio のサポートが打ち切られているので、CMake を使った開発環境を構築するほうがベターです。

# 前提
Cocos2d-x v4.0
Visual Studio 2022 Community

※参考
IDE に CLion を使用する場合の手順はこちらにあります。

https://qiita.com/tomatospir/items/ba8a91b2f9f8de893b85

# 環境構築

金子邦彦先生の書かれた手順書が非常にわかりやすいため、参考にさせていただきます。
手順書の「Cocos2d-x 3.17.2」の部分を「4.0」に適宜読み替えて進めれば基本的には問題ないはず。

https://www.kkaneko.jp/db/win/cocos2dx.html


###### 補足
Visual Studio Installer で CMake ツールがインストールされていることを確認してください。不足している場合、追加でインストールが必要です。  
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/6e7c6493-b0ad-4cbe-b4ed-3364bdfd2388.png)


# Visual Studio 2022 の操作方法

### 1. `cocos new` コマンドで新しいプロジェクトを作成します。

[手順書の「Cocos2d-x でプロジェクトの作成」の3](https://www.kkaneko.jp/db/win/cocos2dx.html#:~:text=%E3%81%AB%E6%93%8D%E4%BD%9C%E3%81%99%E3%82%8B%EF%BC%8E-,cocos%20%E3%81%AE%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E6%96%B0%E8%A6%8F%E4%BD%9C%E6%88%90,-cocos%20new%20hoge00)までを実施。

:::note warn
**注意**
CMake を使用して構成するため、手順書にある .sln の触る手順は実施しないようご注意ください！   
:::


### 2. Visual Studio 2022 を起動し「ローカル フォルダを開く」を選択して、作成したプロジェクトのフォルダを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/bcdf36a7-87b8-447d-b065-4fc8818061c2.png)

### 3. ルートディレクトリに `CMakePresets.json` というファイルを作ります
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/7ec07c00-d7d5-485e-ba74-8e384cf81d1b.png)

中身は以下をコピペ。
```json
{
  "version": 3,
  "cmakeMinimumRequired": {
    "major": 3,
    "minor": 21
  },
  "configurePresets": [
    {
      "name": "win32-v143",
      "displayName": "VS 2022 - Win32 - v143 Toolset",
      "description": "Visual Studio 17 2022 with Win32 arch and v143 toolset",
      "generator": "Visual Studio 17 2022",
      "architecture": "Win32",
      "toolset": "v143",
      "binaryDir": "${sourceDir}/win32-build",
      "cacheVariables": {
        "CMAKE_EXPORT_COMPILE_COMMANDS": "ON",
        "CMAKE_VERBOSE_MAKEFILE": "ON"
      },
      "environment": {
        "VERBOSE": "1"
      }
    }
  ],
  "buildPresets": [
    {
      "name": "win32-v143-debug",
      "configurePreset": "win32-v143",
      "configuration": "Debug",
      "verbose": true
    },
    {
      "name": "win32-v143-release",
      "configurePreset": "win32-v143",
      "configuration": "Release",
      "verbose": true
    }
  ]
}
```

###### 補足
`"CMAKE_VERBOSE_MAKEFILE": "ON"` `"VERBOSE": "1"` `"verbose": true` 
ビルドの出力情報を増やしてエラー対処しやすくしています

### 4. 実行

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/938fa969-7231-46a8-b49c-7e675d7ff07a.png)

#### 4-1. 画像の 1 の位置にある以下のいずれかのプロファイルを選択します。 
・win32-v143-debug
・win32-v143-release
※表示がない場合は、一度 Visual Studio 2022 を閉じて開きなおしてみてください。


#### 4-2. 画像の 2 の項目を選択して (自身のプロジェクト名).exe の項目にチェックが入っていることを確認します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/bb94e785-b76e-454a-b0a6-3d915788e3fd.png)

#### 4-3. 画像の 3 の項目にチェックを入れて、▶をクリックします。

以下の表示が出たら成功です！
![{65EE32DD-DBC0-4BDE-8ECD-EB1311A273A0}.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/99dc464c-4f27-4667-acf8-936d7c515f5d.png)

もちろんデバッグ機能も使えるので、色々試してみましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/133369/5d9452d8-c71f-47a9-b83d-45d13445c60d.png)