第十五屆 佳作

side-project-30
打造紐時風格的時間線小遊戲
機器人幽默研究員

系列文章

DAY 21

分數回饋與網站分享

分數回饋 在遊戲完成的最後,紐時的專題中使用的是報導的分享,在這裡我另外設計了不同的分數回饋機制。參考心理學家奇克森特米哈伊·米哈伊的《心流》理論,在遊戲完成後...

DAY 22

GA4 埋追蹤碼與資料追蹤與數字分析

網站大致完成,還沒有玩過的朋友請點擊下列傳送門:https://wowdacom.github.io/TimelineQuest-ithelp-sample/...

DAY 23

部屬網站到 github page 並搭配 github action

Vite 部署靜態網頁流程 因為我使用的是 Vite 工具,在 Vite 官網上提供了將網站部署到 Github Page 上的步驟跟方法(部署靜態網站),內容...

DAY 24

可用性測試與回饋

Side Project 更新與回饋 在完成 side project 並將其上傳至 GitHub 之後,我們已經進行了一些自動化測試。然而仍然需要進一步的人工...

DAY 25

優化 SEO ( CWV 網站體驗核心指標報告等)

搜不到的Side Project 網頁 儘管我們前期投入了大量心力來開發多項功能,卻發現我們的網站頁面在 Google 搜尋結果中無法被找到。 可能還有需要調...

DAY 26

優化 (重構)

今日,我們來對程式碼進行重構,以提升未來的可擴展性和維護便利性。以下幾項微調: 統一移動端和桌面端的拖曳事件處理機制 精簡動畫處理的相關變數,包括 curre...

DAY 27

展望與延伸功能 關閉頁面後分數紀錄

還沒有玩過的朋友,來想再玩一次的朋友,更新版本傳送門:https://wowdacom.github.io/TimelineQuest-ithelp-sampl...

DAY 28

展望與延伸功能 輸入姓名出生年 與 GAS 紀錄出生年

今天在遊戲開發過程中,我導入了一個以生日日期為基礎的時間軸功能。這樣一來,玩家便能夠以自己的出生年份作為參考點,更直觀地了解科技發展的歷史脈絡,從而增強遊戲體驗...

DAY 29

展望與延伸功能 遊戲內容更新使用 GAS

今天我將遊戲中原先依賴靜態 JSON 資料的部分,改為使用 Google Apps Script(GAS)來動態抓取 Google Sheet 的內容。這樣一來...

DAY 30

展望與延伸功能 塞入廣告 以及 賽後心得

塞入廣告(未來有流量之後) 在網站上添加 Google 廣告(通常是 Google AdSense)以下 1~5 的步驟: 步驟 1:註冊 Google AdS...