このページは英語からの機械翻訳を使用しており、誤りや不明瞭な表現が含まれている可能性があります。最も正確な情報については、オリジナルの英語版をご覧ください。頻繁な更新のため、一部のコンテンツはオリジナルの英語になっている可能性があります。Crowdinでの取り組みに参加して、このページの翻訳改善にご協力ください。 (Crowdin translation page, Contributing guide)

Quick Start

Prerequisites

Before we dive in, make sure you have:

• Cocos Dashboard installed on your computer
• Basic TypeScript knowledge
• A Cocos Developer Account
• A LINE Developer Account (easily created with your email)
• Test KAIA tokens from the Kaia Faucet
• DApp Portal SDK Client ID (provided by the DApp Portal team)
• Basic Web3 familiarity(a general understanding of wallets and tokens is sufficient)

Setting Up Development Environment for Cocos Creator

Before we begin, let's ensure your development environment is properly set up. We'll start by installing and verifying the Cocos Dashboard.

Step 1: Install and Verify Cocos Dashboard

To avoid compatibility issues, ensure you're using the correct version of Cocos Creator:

• Install Cocos Dashboard if you haven’t already.

• Install Cocos Creator Editor (this guide uses version 3.8.4).

Step 2: Create a New Cocos Creator Project

1. Open Cocos Dashboard and navigate to the Projects tab.
2. Click New Project in the top-right corner.
3. Under Templates, select Empty (3D).
4. Enter a project name (e.g., cocos-mini-dapp-example).
5. Choose a preferred location for your project files.
6. Click Create and Open to finalize setup.