1 of 19

字體設計與文字編碼

HW11-The Bézier Game

國立臺北科技大學資訊工程系

2 of 19

認識 Bezeir Curve

P.2

https://www.jasondavies.com/animated-bezier/

3 of 19

SVG 完整教學 31 天

​

P.3

4 of 19

SVG Path

P.4

5 of 19

Method of Action

P.5

01

章節 01

6 of 19

Method of Action

  • Method of Action
    • creates tools, toys and games to help you learn design, for free.

​

  • Method of Action
    • is the creative endeavor of Mark MacKay.

P.6

7 of 19

Method Draw

P.7

02

章節 02

8 of 19

Method Draw

  • Method Draw is a simple and easy vector editor for the web. 
  • Use Method Draw online. 
  • It is open source and you can find the source code on GitHub.

P.8

9 of 19

HW11 評分標準

P.9

03

章節 03

10 of 19

評分標準

  • Simple baseline (6pt)
    • Color Game (2pt) (通過標準: 6.7分以上)
    • Shape Type (2pt) (通過標準: 68分以上)
    • Kern Type (2pt) (通過標準: 75分以上)
  • Medium baseline (2pt)
    • The Boolean Game (2pt) (通過標準: 各大關卡，至少通過一個小關卡)
  • Strong baseline (2pt)
    • The Bézier Game (2pt) (通過標準: more than 3 nodes to spare)

​

P.10

11 of 19

Simple baseline (6pt)

P.11

12 of 19

Medium baseline (2pt)

P.12

13 of 19

Strong baseline (2pt)

P.13

14 of 19

繳交資訊

P.14

04

章節 04

15 of 19

繳交資訊

  • 完成 Method of Action 五項遊戲。
  • 過關後將成績分數截圖，製作HW11作品集。
  • HW11 繳交方式: 上傳到自己 github 的 hw11 檔案夾
  • HW11 作品集範例，參考
  • https://tjhsieh.github.io/ct2023s/hw11/index.html

P.15

16 of 19

https://tjhsieh.github.io/ct2023s/hw11/index.html

P.16

17 of 19

HW11 自我評分表

P.17

18 of 19

Regulations

  • You should finish your homework on your own. 
  • Do not share your codes with any living creatures. 
  • Your HW will get 0 pt if you violate any of the above rules. 
  • Professor & TAs preserve the rights to change the rules & grades.

P.18

19 of 19

助教聯絡資訊

  • TA Email
    • 王俞喬 t111598002@ntut.org.tw
    • Email 標題請按照此格式(X為作業編號) : [ct2023s-hwX-學號]

P.19