/w=3840,quality=90,fit=scale-down)
.svg)
背景
Scratch Lab 为了帮助 Screachers 们在运行程序的过程中动态地生成文本而开发了 Animate Text 艺术字的插件。有了这个插件，让许许多多初学者们可以轻松地实现像这样的《 酷 炫 效 果 》：
然后，这个插件依然有很多缺陷，例如：
- 不能为字体设置描边，当字体颜色和背景色一样时，字就看不到了；
- 打字机的效果很好，但不能控制每个字出现的时间；
- 字体颜色不支持渐变色；
- 字体载入需要时间，在字体被载入完毕前，使用艺术字插件会卡顿；
- 无法任意地控制换行，高级的字体显示功能只能用 Canvas 来绘制；
- 字体太少
于是，艺术字 2.0 就是致力于解决以上的问题。
效果展示
有了 艺术字 2.0， 你可以选择更多字体了：
也能为字体增加描边效果了：
也终于可以随意换行了：
如果用打字机特效的话，终于可以控制每个字出现的速度了：
当然，还支持了渐变特效：
如果希望是左右渐变，当然也很简单，甚至还能设置行高：
注意
艺术字 2.0 有两个部分，在分割线以上的属于 Scratch Lab 的贡献，使用这些积木块的作品可以跨社区使用（部分字体除外）。 分割线以下的属于 Gandi IDE 在原插件的基础上进行的修改，使用了这些积木就不能再在其他社区中打开您的作品了（除非其他的社区按照 Gandi 修改的标准进行了跟进）。
方法和定义
显示文字
把“欢迎来到我的项目！” 显示到屏幕中，坐标是当前角色的坐标。
注意：当使用了显示文字时，当前角色会隐藏
用特效显示文字
可以选择三种，彩虹、打字机和放大。分别特效如下：
显示角色
使用后角色会从艺术字变回角色的造型。
设置字体
可以选择不同的字体用于艺术字的显示。注意：载入字体需要时间，若希望载入后再显示（防止卡顿），请先预加载，并且使用 “当字体载入时” 的事件。
目前内置字体如下：
设置文字颜色
注意，当使用了渐变色后，设置文字颜色将会失效。
设置文本框宽度
设置文本宽度，超过这个宽度后，默认会自动换行。 并且对齐方式有三种，左、中和右。
注意：当使用换行符换行后，超出宽度的显示会被切掉。
字体载入事件
当执行了载入字体后，若字体文件被成功加载时会触发此事件。 这个功能用于作品在启动时，先播放 Loading 界面，然后等待字体载入后，再执行艺术字的效果，以免出现程序卡顿。
换行方式设置
换行方式有两种，第一种是按文本框的宽度换行。 这也是默认的换行方式。 但这种方式的缺点是无法准确地控制换行位置。 使用换行符后，就能精准地控制换行的位置了。例如：下面代码展示任意换行下的效果，其中，\n 是换行符：
设置行高
你可以设置每行间的间距。 数值只能在 0.5 到 2 之间。 若想换两行，可以用 \n\n 两次换行符。下面是使用 1.5x 间距后的效果：
设置字体样式
你可以设置字体的颜色使用渐变色，并且为它添加描边。
首先，字体渐变色，你可以选择两种渐变方式，上到下，或者左到右。分别效果如下：
控速打字
你可以通过控制打字特效的速度，默认 60ms/字，降低速读可以增大这个数值。
规划和更新
规划
艺术字的定位就是让 Scratch 程序中可以使用动态的、丰富的字体特效。在后续版本中，我们计划更新这些内容：
- 自定义字体：可以加载外部字体；
- 增加更多的文字特效，例如模糊效果；
- 更完善的打字效果，用于游戏中 NPC 的对话。
有什么希望增加的功能可以联系我们。
更新日志
版本 | 更新了什么 |
v2.0 | 增加了：
1. 增加了字体载入成功的事件
2. 增加了大量新字体
3. 增加了换行方式，支持用换行符手动控制换行
4. 字体样式支持了描边特效和渐变色
5. 增加了手动控制打字特效的文字出现速度
Shawn 于 2023 年 3 月 7 日 |
致谢和引用说明
感谢所有给我们提过建议的肝酱，以及字体提供方的授权（收费和免费的）。
尤其是鸣谢两种字种我们特别喜欢的字体：
- 阿里普惠体，是在黑体中比较有设计感的一种；
- Ark 系列字体，像素化的开源字体
你可以在这些地方找到他们的项目：
讨论
<iframe
width="100%"
height="800px"
scrolling="no"
src="https://www.ccw.site/embed?id=dev-extensions-animated-text&type=comment"
title="Gandi Animate Text 艺术字评论区"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowFullScreen
scrolling="0"
></iframe>