Cocos Creator 3 のダウンロード

# ページ一覧

__Cocos Creator 3 導入編__
- Cocos Creator 3 ダウンロード ← __本記事__
- [Cocos Creator 3 インストール](https://qiita.com/Hiro256/items/056e922af7821e482e88)

__Cocos Creator 3 カンタン2Dゲーム制作__
- [プロジェクト作成と画面の説明](https://qiita.com/Hiro256/items/ee21f1aa5dc452f8e992)
- [(1)【トゥイーンの使い方】](https://qiita.com/Hiro256/items/872f82fe7c875106faaf)
- [(2)【プレハブの使い方】](https://qiita.com/Hiro256/items/26c4da8b46565e319471)
- [(3)【衝突判定（コライダの使い方）】](https://qiita.com/Hiro256/items/153777d22a3e24e4bb5a)

# 概要

0. 公式サイトでメールアドレス等を登録し、`cocos account`を発行する。
次に説明する`Cocos Dashboard`を使用するのに必須となる。
0. インストーラのダウンロードを行う。
ここでダウンロードするのは`Cocos Dashboard`というもので、`Cocos Creator 3`はこのツールを使ってインストールする。
（本記事随筆時の最新版は`Cocos Creator 3.6.0`）
0. ダウンロードした`Cocos Dashboard`をインストールする。

# アカウントの発行とインストーラの取得

## アカウント登録

[公式サイト](https://www.cocos.com/en/creator)を開く。
`Sign Up`からアカウント登録画面を開き登録を行う。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/d874b36d-c132-7001-cea7-5eb93935d30e.png)

### ユーザ名などの入力
<img width="70%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/2dce66b1-4bb8-dc96-5e01-20e66349c35a.png">

### Eメールの受信

入力したEメールアドレスにメールが送信されるので、中に書かれているURLをクリックする。（有効期限は24時間）
なお、送信元アドレスは`no-reply@mail.cocos.com`です。

<img width="300px" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/2c94e63f-cb3d-42d3-5c90-cc492ce6ba62.png">

### アカウント登録の完了
<img width="300px" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/df5ab92c-73bd-6768-122e-9016b473e582.png">

## ダウンロード

[ダウンロードページ](https://www.cocos.com/en/creator/download)から`Cocos Dashboard`の最新版を取得する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/7cee0061-1bf0-9498-38b2-45d68c57a384.png)

## インストーラの実行

ダウンロードしたexeをダブルクリックで起動する。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/4eb976cf-de87-ab76-78cb-3a8f09e85560.png)

言語選択画面が出るので`English`を選び、OKを押す。（※英語か中国語しかありません）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/81476f7a-6e40-2272-ae75-c9dbdf1ea7cb.png)

インストール先を聞かれますが、基本的には初期値のままで良いので変更しません。
利用規約に同意し「I agree to...」 にチェックを付ける。
`INSTALL`ボタンを押す。
<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/37d8f004-6d4f-3633-972f-aacff6fbe2dd.png">

Visual Studioなどのツールが必要になるので、チェックを付け`NEXT`を押す。
<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/1ac84c44-8deb-3575-4cc9-030e19f2443c.png">
これ以降は画面の指示通りに進めば終わります。

<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/4c9941ca-6433-7422-f8f8-2352b562f482.png">

<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/3d3a0104-ec18-303c-9bb0-f241fee92f29.png">

<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/74eaee8b-a714-b089-7b2c-fa63bd144b23.png">

<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/36fcf404-23ce-f9d2-cf8d-95fd75651770.png">

<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/a9687971-da20-4d08-fdb4-2a3402dcefef.png">

<img width="50%" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/271948/1eb05d06-8007-219a-c376-1f409d089772.png">

以上で`Cocos Dashboard`のインストールは終了です。