PixiJS v8 文本渲染选型与性能优化：按更新频率和样式…

在 PixiJS v8 中渲染文本时，根据样式复杂度、更新频率和逐字动画需求选择合适的文本类并避免性能陷阱。

适用场景

解决思路

1. 按需求选择文本类：静态或低频更新的高质量标签用 Text；每帧更新的分数、计时器、游戏标签用 BitmapText；需要 <b>、<i>、<br> 等富文本格式用 HTMLText；需要逐字符动画时短字符串用 SplitText、长字符串或大量实例用 SplitBitmapText。
2. 需要内联彩色标签（如 <red>Warning:</red>）时，用 Text 或 HTMLText 并配置 style.tagStyles；注意只有 tagStyles 有内容时标签才会被解析，否则 < 会被当作字面字符。
3. 需要 CJK、阿拉伯文或大量 emoji 时使用 Text 或 HTMLText，不要用 BitmapText，因为字形集太大无法放入单个图集。
4. 使用自定义字体时，先用 Assets.load({ src: 'font.woff2', data: { family: 'MyFont' } }) 加载，再设置 style.fontFamily: 'MyFont'，适用于 Text 和 HTMLText。
5. 所有文本类都使用选项对象构造：new Text({ text, style, ... })，v8 已移除 v7 的 (string, style) 位置参数形式。
6. 每帧变化的字符串只在 BitmapText 或 SplitBitmapText 上更新，避免对 Text 每帧赋值 .text（会重新栅格化整个字符串并上传 GPU）。
7. 需要预生成字形图集时使用 BitmapFont.install，否则第一个使用新 fontFamily 的 BitmapText 会惰性生成图集。
8. 需要任意缩放保持清晰时使用 MSDF 字体：用外部工具（如 msdf-bmfont）生成，通过 Assets.load('font.fnt') 加载；自定义构建中需 import 'pixi.js/text-bitmap'。
9. 在 skipExtensionImports: true 或激进 tree-shaking 的构建中，必须添加 import 'pixi.js/text-bitmap'，否则 Assets.load('font.fnt') 会静默返回原始数据。
10. 文本类都是叶子节点（allowChildren = false），不能添加子节点；需要组合多个文本时用 Container 包裹。
11. 移动（.x/.y）、旋转和缩放对任何文本类都是免费的（仅普通 Container 变换开销）；改变 .text 或 .style 才产生高开销。
12. 用 anchor 定位文本，例如 text.anchor.set(0.5) 后设置 x/y 到目标位置。

适用边界 · 注意事项

• 需要每帧更新文本内容时不要用 Text、HTMLText 或 SplitText，应改用 BitmapText 或 SplitBitmapText。
• 需要 CJK、阿拉伯文或 emoji 等大字形集时不要用 BitmapText。
• 不要给文本实例添加子节点，也不要使用 v7 的 (string, style) 位置参数构造形式。