Screenshot of DisplayLink Racing Simulator page

DisplayLink Demo at 2020 CES (消費性電子展)

登陸頁面 + 管理頁面

看網站
使用:
  • Eleventy
  • Netlify
  • Pusher
  • Airtable

這次合作的廠商 - DisplayLink 在 2020 CES 會場的攤位設有一個高性能賽車模擬器,使用 DisplayLink 企業版擴充基座方案,讓來訪的人可以在沉浸式環境測試他們的駕駛技術。

我設計了一個及時排行榜,在他們的 4K 螢幕上以旋轉方式呈現個人成績和每日最佳車手。另外提供一個後台系統讓 DisplayLink 工作人員能隨時在自己的筆電上更新數據。

這個設計需要讓系統 real-time 更新,意思是一旦工作人員在後台新增或修改資料,就會立即反應在電視螢幕的排行榜上,毋需重新載入頁面。為了做到這一點,我使用 Pusher 的服務,如果 Pusher 碰到問題,我也還有 Airtable 能保留數據。而這個專案全部在 Netlify 上執行。

你可用在上面的『看網站』按鈕查看登陸頁面的複本。也可以玩玩看後台網頁(英文版而已)。

DisplayLink 賽車模擬器在CES 2020
DisplayLink 賽車模擬器 @ CES 2020

有正在發想的 idea, 或待執行的專案嗎? 和我聯絡.