# web final project
## 00957026鄭立揚
## 00957049林家安
---
# Menu
- 作品名稱-快樂的一天
- 網頁結構
--特色
- 基本技術
--CSS
--JavaScript
- 其他技術
--JQuery
- 參考範例
---
## 網頁結構
```mermaid
graph TD;
菜單-->開始遊戲;
菜單-->規則;
規則-->菜單;
菜單-->撥放音樂;
菜單-->讀檔;
讀檔-->五個章節;
開始遊戲-->第一章;
第一章-->彩蛋;
第一章-->五個章節;
五個章節-->隱藏支線;
五個章節-->結局A-->遊戲結束;
五個章節-->結局B-->遊戲結束;
五個章節-->結局C-->遊戲結束;
遊戲結束-->重置遊戲-->菜單;
第一章-->隱藏支線-->隱藏結局;
```
----
# 遊戲特色
## 故事創新
## 美術用心
## 玩得開心
----
# 遊玩展示圖
----
## 主畫面

----
## 規則

----
## 進入遊戲

---
## 基本技術
### CSS

用CSS來設計網頁的外觀
---
## 基本技術
### JavaScript

運用JavaScript來操作互動的功能和故事的運作
Load_Game 是來實現存檔功能
Initial_Game 用來重製遊戲內部的數據
---
## 其他技術
### JQuery

利用jquery來執行換頁時
更改背景以及播放音效
play 為更換音效
DE_3 為更換背景顏色
---
## 分工
| 分工 | 林家安 | 鄭立揚 |
| ----- | ----- | ----- |
| 美術 | 20% | 80% |
| 故事設計 | 50% | 50% |
| 簡報 | 50% | 50% |
| 首頁 | 30% | 70% |
| 分頁 | 70% | 30% |
| 彩蛋 | 50% | 50% |
| github | 0% | 100% |
---
## 參考範例
### W3school
https://www.w3schools.com/
---
{"metaMigratedAt":"2023-06-16T18:07:26.681Z","metaMigratedFrom":"Content","title":"web final project","breaks":true,"contributors":"[{\"id\":\"747f30a3-beab-42ec-a63b-c7de3b177cd9\",\"add\":534,\"del\":37},{\"id\":\"251f42c0-aaef-42c8-8f92-d3244e6d303d\",\"add\":84,\"del\":4},{\"id\":null,\"add\":709,\"del\":58}]"}