鐵人檔案
大家好，我是機器人幽默研究員，簡稱機默 (Jim)，一名熱衷於前端開發和數據視覺化的工程師。今天，我想與大家分享一個 30 天的 side project 旅程，題目是「打造紐時風格的時間線小遊戲」。
為什麼選擇這個主題呢？紐約時報（New York Times）以其高質量的敘事和視覺效果聞名，特別是在他們的互動數據報導中。我一直對這種結合敘事和數據的方式感到著迷，並希望能夠模仿這種風格。
接下來30天，我將分享我所遇到的挑戰、解決方案，以及有趣的發現。
希望大家會喜歡這個旅程，也期待您的反饋和建議。讓我們一起學習和成長！
分數回饋 在遊戲完成的最後，紐時的專題中使用的是報導的分享，在這裡我另外設計了不同的分數回饋機制。參考心理學家奇克森特米哈伊·米哈伊的《心流》理論，在遊戲完成後...
網站大致完成，還沒有玩過的朋友請點擊下列傳送門：https://wowdacom.github.io/TimelineQuest-ithelp-sample/...
Vite 部署靜態網頁流程 因為我使用的是 Vite 工具，在 Vite 官網上提供了將網站部署到 Github Page 上的步驟跟方法（部署靜態網站），內容...
Side Project 更新與回饋 在完成 side project 並將其上傳至 GitHub 之後，我們已經進行了一些自動化測試。然而仍然需要進一步的人工...
搜不到的Side Project 網頁 儘管我們前期投入了大量心力來開發多項功能，卻發現我們的網站頁面在 Google 搜尋結果中無法被找到。 可能還有需要調...
今日，我們來對程式碼進行重構，以提升未來的可擴展性和維護便利性。以下幾項微調： 統一移動端和桌面端的拖曳事件處理機制 精簡動畫處理的相關變數，包括 curre...
還沒有玩過的朋友，來想再玩一次的朋友，更新版本傳送門：https://wowdacom.github.io/TimelineQuest-ithelp-sampl...
今天在遊戲開發過程中，我導入了一個以生日日期為基礎的時間軸功能。這樣一來，玩家便能夠以自己的出生年份作為參考點，更直觀地了解科技發展的歷史脈絡，從而增強遊戲體驗...
今天我將遊戲中原先依賴靜態 JSON 資料的部分，改為使用 Google Apps Script（GAS）來動態抓取 Google Sheet 的內容。這樣一來...
塞入廣告(未來有流量之後) 在網站上添加 Google 廣告（通常是 Google AdSense）以下 1~5 的步驟： 步驟 1：註冊 Google AdS...
