Intermediate Preparation

Software Needed :
1. Node.js
2. Visual Studio Code
3. Phaser Framework

A. Node.js

1. Download Node.js melalui link : https://nodejs.org/en/download/

2. Download installer sesuai spesifikasi laptop kamu

3. Install Node.js
Pastikan node js sudah terinstall dan tersimpan dalam PATH. Dengan cek versi NPM dan Node.
4. Cek node dengan cara buka command prompt lalu ketik node -v

5. Cek npm dengan cara buka command prompt lalu ketik npm -v

B. Visual Studio Code

1. Download Visual Studio Code di https://code.visualstudio.com/download

2. Download installer sesuai spesifikasi laptop kamu

3. Install Visual Studio Code

C. Phaser Framework
Phaser 3 adalah framework (kerangka kerja) untuk Canvas dan WebGL browser game.
Parcel adalah sebuah web application bundler yang berfungsi untuk mempacking code atau
program kita menjadi aplikasi siap pakai dengan tanpa konfigurasi.

Instalasi
1. Open My Computer → Drive (:C) → Buat folder baru untuk tempat instalasi Phaser dan
menyimpan code javascript dengan nama “phaser”
2. Buka command prompt
3. Pada command prompt ketik command “cd\” lalu tekan tombol Enter
4. Masuk ke folder phaser. Ketik command “cd phaser” lalu tekan tombol Enter
5. Untuk menginstall Parcel pada folder phaser Ketik command “npm install -g
parcel-bundler” lalu tekan tombol Enter, setelah itu tunggu chingga instalasi selesai

6. Download ZIP atau clone phaser 3 template master ke local machine (Untuk murid pakai
download saja) : https://github.com/ourcade/phaser3-parcel-template.git
7. Extract file ZIP kemudian simpan di folder C:\ phaser (agar terorganize)
File ini akan menjadi master file.

8. Buka file phaser 3 template master pada Command Prompt

Command : cd phaser3-parcel-template-master

9. Install dependencies dengan command : npm install

10. Start development server dengan command : npm run start

11. Cek apakah instalasi sudah selesai dengan membuka http://localhost:8000/ pada web browser.

How to Create new Project

1. Copy folder phaser 3 template master lalu rename menjadi nama project baru
2. Buka folder di Visual Studio Code
3. Start coding
4. Jika sudah selesai maka buka folder project di Command Prompt
5. Lalu develop server dengan command : npm run start
6. Buka project di http://localhost:8000/

How to Deploy Phaser Project

1. Pada terminal direktori project ketik command : npm run build
2. Tunggu sampai proses selesai. Setelah selesai, cek apakah foder dist sudah terbentuk
3. Upload folder dist tersebut ke netlify.