The Bézier Game

關於 The Bézier Game

The Bézier Game 是以鋼筆工具練習為主題的網頁遊戲，畫面提供教學關卡與節點數提示，讓使用者在操作曲線時注意所用節點。完成階段時可查看已使用與可用的節點數，再前往下一關；也能略過教學關卡，直接銜接後續練習，依自己的熟悉程度安排操作。

遊戲列出復原、重做、清空畫面、角度對齊及解除控制把手連動等快捷鍵，將向量繪製常見的控制集中在練習介面。操作需要鍵盤與滑鼠或觸控板，可反覆修改繪製結果，觀察節點和把手的關係；適合在向量繪圖前暖身，再把曲線控制方式帶回工作。

功能特色

主要功能

• 教學與關卡練習：以鋼筆工具操作為主題，提供可略過的教學階段。
• 節點使用回饋：顯示已用、可用與剩餘節點，並提示理想解法的節點數。
• 修改繪製結果：提供復原、重做與清空目前畫面的快捷鍵。
• 角度對齊：按住 Shift 進行角度對齊，協助繪製指定方向的路徑。
• 控制把手操作：提供解除控制把手連動的快捷鍵，練習改變曲線。
• 重玩與分享：完成後可再次挑戰，並透過分享入口展示結果。
• 操作裝置提示：遊戲要求鍵盤與滑鼠或觸控板；以手指操作的手機、平板會被引導到另一款遊戲。

使用情境

• 初學鋼筆工具時，依教學關卡練習節點與控制把手的操作。
• 繪製向量輪廓前，透過節點數與修改控制練習簡潔的曲線操作。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• Color（Method of Action） — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。