将我的手写内容编码 - 艾米·古德柴尔德

主要观点:作者起初认为用草书编写代码太复杂而放弃,两个月后却开始谈论自己创建的草书字体。介绍了用 JavaScript 创建块脚本和草书字体的过程,包括定义字母路径、设计字母、处理字母连接问题、创建单词等,还提到了代码大小及如何使用该草书字体等。
关键信息:

  • 用 Chaikin 曲线算法平滑路径,将路径转为可变厚度形状并绘制。
  • 在 p5js 编辑器中创建工具定义和输出路径关键点,可通过点击、拖动等操作设计字母。
  • 为解决字母连接问题,给每个路径起点和终点添加数字表示可连接情况。
  • 创建单词时根据相邻字母调整基本路径,调整函数较复杂。
  • 比较了编码手写体和实际手写体,目前草书字体代码经压缩后为 26.1kb 大于块打印字体的 9.7kb。
    重要细节:
  • 定义字母路径时需手动写入位置并调整点的位置。
  • 加载手写样本图像用于字母设计,用特定按键调整图像位置和缩放。
  • 不同字母对连接时会出现问题,需特殊处理。
  • 每个字母路径现在有起点和终点的数字标识,如[0,{x:12.2,y:13.2},...]。
  • 创建单词时先选择基本路径,再根据相邻字母调整。
  • 有关于生成句子的文章即将推出,可订阅时事通讯获取。
  • 已推出使用该手写代码的独特印刷品。
阅读 13
0 条评论