Web Title:112 學年度 台南市進學國小資訊組112 學年度 台南市進學國小資訊組

Scratch 成語字典—嵌入常用中文字 (Embedded Chinese Fonts)

Scratch 成語字典—嵌入常用中文字 (Embedded Chinese Fonts)

Scratch 遊戲設計除了系統字型外,大多數都以嵌入字元圖片(英文字母、符號)的方式來呈現額外的字型。

嵌入英文字母與符號大多僅需要不到100~200個字即可,也就是僅需要這些數量的圖片造型。

而中文字當然也可以此方式來呈現,但所需要的字元符號則是上萬個。本範例使用工具擷取出成語字典中

所用到的中文字,而非全部的中文字集。再使用 convert (ImageMagick) 程式將 TrueType 字型的字元輸出成 PNG 圖片。

最後以同名(字元名稱、檔案名稱、造型名稱)的方式匯入到 Scratch 中使用。

  • 取得教育部《成語典》純文字資料
  • git clone --depth 0 https://github.com/BuzzAcademy/idioms-moe-unformatted-data
    
  • 轉換字典內的所有中文字,由 True Type 字型轉成 PNG 格式的圖片
  • #!/bin/sh
    
    chars=$(cat 10.txt | fold -w1 | sort | uniq)
    
    for c in $chars; do
        convert -background none -fill red -font /opt/local/fonts/lyshie/TW-Kai-98_1.ttf -pointsize 64 label:"$c" "$c.png"                                        
    done
  • 參考資料 Convert TrueType glyphs to PNG image?

JavaScript 版本 (適合手機與行動裝置)

https://sulfurous.aau.at/html/app.html?id=181196702&turbo=false&full-screen=true&aspect-x=4&aspect-y=3&resolution-x=&resolution-y=

https://scratch.mit.edu/projects/181196702/

相關連結:https://scratch.mit.edu/projects/181196702/

搜尋

活動剪影秀

  • slider image 1
  • slider image 2
  • slider image 3
  • slider image 4
  • slider image 5
  • slider image 6
  • slider image 7
  • slider image 8
  • slider image 9
  • slider image 10
  • slider image 11
  • slider image 12
  • slider image 13
  • slider image 14

準備全國紫錐花盃反毒機器人競賽