🌘 打造「眼視」網站:在家自製 Apple Vision Pro 的體驗
➤ 以平價方式實現未來科技體驗
✤ https://blog.andykhau.com/blog/eyesite
Andy Khau 由於預算有限,無法購買昂貴的 Apple Vision Pro,因此決定在家中自行開發一個結合電腦視覺與網頁設計的專案「Eyesite」。這個網站利用眼球追蹤技術,讓使用者只需透過視線即可與網頁互動,無需滑鼠。他採用 WebGazer.js 函式庫進行眼球追蹤,透過校準過程建立視線與螢幕座標的對應關係。為了提升使用者體驗,他隱藏了螢幕上的指標,並將滑鼠也隱藏,讓使用者彷彿直接用眼睛控制網站。此外,為了彌補眼球追蹤精準度的不足,他還將網頁介面設計得更大,並限制了螢幕尺寸。
+ 這個專案太酷了!用眼睛操控網頁真的很有未來感,而且作者還分享了原始碼,讓人很有參與感。
+ 雖然眼球追蹤的精準度可能還有進步空間,但這個概念已經非常棒了,而且作者的解決方案也很巧妙。
#科技 #網頁設計 #電腦視覺 #眼球追蹤
➤ 以平價方式實現未來科技體驗
✤ https://blog.andykhau.com/blog/eyesite
Andy Khau 由於預算有限,無法購買昂貴的 Apple Vision Pro,因此決定在家中自行開發一個結合電腦視覺與網頁設計的專案「Eyesite」。這個網站利用眼球追蹤技術,讓使用者只需透過視線即可與網頁互動,無需滑鼠。他採用 WebGazer.js 函式庫進行眼球追蹤,透過校準過程建立視線與螢幕座標的對應關係。為了提升使用者體驗,他隱藏了螢幕上的指標,並將滑鼠也隱藏,讓使用者彷彿直接用眼睛控制網站。此外,為了彌補眼球追蹤精準度的不足,他還將網頁介面設計得更大,並限制了螢幕尺寸。
+ 這個專案太酷了!用眼睛操控網頁真的很有未來感,而且作者還分享了原始碼,讓人很有參與感。
+ 雖然眼球追蹤的精準度可能還有進步空間,但這個概念已經非常棒了,而且作者的解決方案也很巧妙。
#科技 #網頁設計 #電腦視覺 #眼球追蹤