nilbuild/page-mascot

解決的問題

它提供了一種向網站添加互動式、游標追蹤角色（吉祥物）的方法，使開發人員能夠輕鬆實現注視使用者滑鼠並對點擊做出反應的角色。

運作方式

該系統使用兩個 3x3 精靈表：一個用於頭部方向，另一個用於表情。元件會計算指標的角度，以從方向表中選擇相應的儲存格。當使用者點擊吉祥物時，會短暫顯示反應表中的一個儲存格。它也支援自動化生成流程，AI 代理可以以多種風格（彩色、墨水、素描、孔版印刷、紙張和像素）繪製九個方向和九個表情，並將它們組裝成對齊的表格。

適用對象

希望使用 React 元件為頁面添加有趣且互動式元素的 Web 開發人員。

亮點

• 基於指標角度的游標追蹤頭部移動。
• 點擊觸發的反應（眨眼/壓扁）。
• 透過安裝技能實現 AI 驅動的自訂吉祥物生成。
• 支援多種藝術風格，包括孔版印刷和像素藝術。
• 針對螢幕閱讀器和 prefers-reduced-motion 的無障礙性考慮。