# 營隊課務組事項共筆

[TOC]

### 11/19討論內容
1. **課程將製作卷軸式小遊戲**

2. **課程安排：**
* 第一天：HTML、CSS、JS基本觀念，學習製作個人網站
* 第二天：canvas基本觀念，製作遊戲基本架構（背景、造型等）
* 第三天：開始做遊戲
* 第四天：製作完成，讓學員自行美化or增加功能

3. **下次開會要討論的內容：**
* 每天課程具體會教的東西（語法、功能等）

### 11/26討論內容
1. **決定遊戲主題為彈幕遊戲**
* 每個人試做一份彈幕遊戲，下次開會交流

2. **細化課程內容，詳見大綱**

3. **備案：**
* 純文字對戰遊戲(3day)
* 貪食蛇(2day)

### todo
- [ ] 每天的教材（包含投影片、各種素材）
- [ ] Day1
- [ ] Day2
- [ ] Day3
- [ ] Day4
- [ ] 遊戲原始碼
- [ ] 在期末考前要找隊輔試教

### 遊戲

分配時間，六小時

- 地圖生成 30
- 圖片載入
- 隨機生成
- tileset
- 動畫 (anima) 20

下課 10
- 設計 實體管理者 20
- 角色 30
- 敵人和玩家
- 鍵盤控制 15

下課 10
- 追蹤視角 (camara) 30
- 調整地圖渲染方式
- 調整實體渲染方式
- 子彈發射 10
- 子彈位移
- 碰撞檢查 10
- 粒子效果 10

---

- 血量與魔力
- 各種技能
- 敵人ai

### 課程大綱
* Day1
* https、url基本觀念(10min)
* HTML、CSS、JS基本觀念
* CSS 優先教常用的語法，鼓勵他們自己查
* margin padding position
* 寫一個小小的自我介紹網頁
* 有時間可以再教jQuery
* 部屬到google雲端(15min)
https://www.drv.tw/
(https://blog.e-happy.com.tw/%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD-%E6%89%8B%E6%8A%8A%E6%89%8B%E6%95%99%E4%BD%A0%E6%8A%8A%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD%E5%88%B0-google-drive-%E9%9B%B2%E7%AB%AF%E7%A9%BA%E9%96%93%E4%B8%8A/)
* Day2
* canvas 元素
* 製作一個可以呈現畫布的 html 檔案
* 在上面繪製各種多邊形
* 在上面繪製圖案
* 學會如何在 canvas 上面透過 url 繪製影像
* 寫好遊戲的html，css
* 接收鍵盤、滑鼠控制
* listener
* JS進階觀念、基本語法
* class，funtion，繼承，成員
* resize
* Day3
* 使用前兩天學到的技術寫小遊戲
* 提供圖片素材庫
* 彈幕遊戲
* Day4
* 繼續做遊戲
* 提醒學生把檔案上傳雲端