# web final project ## 00957026鄭立揚 ## 00957049林家安 --- # Menu - 作品名稱-快樂的一天 - 網頁結構 --特色 - 基本技術 --CSS --JavaScript - 其他技術 --JQuery - 參考範例 --- ## 網頁結構 ```mermaid graph TD; 菜單-->開始遊戲; 菜單-->規則; 規則-->菜單; 菜單-->撥放音樂; 菜單-->讀檔; 讀檔-->五個章節; 開始遊戲-->第一章; 第一章-->彩蛋; 第一章-->五個章節; 五個章節-->隱藏支線; 五個章節-->結局A-->遊戲結束; 五個章節-->結局B-->遊戲結束; 五個章節-->結局C-->遊戲結束; 遊戲結束-->重置遊戲-->菜單; 第一章-->隱藏支線-->隱藏結局; ``` ---- # 遊戲特色 ## 故事創新 ## 美術用心 ## 玩得開心 ---- # 遊玩展示圖 ---- ## 主畫面 ![](https://i.imgur.com/o82wcE8.jpg) ---- ## 規則 ![](https://i.imgur.com/zvpyQ8U.jpg) ---- ## 進入遊戲 ![](https://i.imgur.com/RfRA2rV.jpg) --- ## 基本技術 ### CSS ![](https://i.imgur.com/VKYY8wa.png =50%x) 用CSS來設計網頁的外觀 --- ## 基本技術 ### JavaScript ![](https://i.imgur.com/ucrkJDr.png =50%x) 運用JavaScript來操作互動的功能和故事的運作 Load_Game 是來實現存檔功能 Initial_Game 用來重製遊戲內部的數據 --- ## 其他技術 ### JQuery ![](https://i.imgur.com/Gavd2GO.jpg =70%x) 利用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}]"}
    210 views