Skip to main content

3 posts tagged with "SplitText"

View All Tags

PixiJS 更新 - v8.17.0

· 10 min read
Zyie
Zyie
PixiJS Admin

PixiJS v8.17.0 提供了一个优化的 BlurFilter，采用了新的强度减半方案，改进的文本渲染器一致性 使 Text、BitmapText 和 HTMLText 的对齐更加接近，SplitText 中的 tagStyles 支持，以及容器上的新 visibleChanged 事件。此版本还包括在图形、滤镜和事件处理方面的一系列稳定性修复。

🌐 PixiJS v8.17.0 delivers an optimized BlurFilter with a new halving strength scheme, improved text renderer parity bringing Text, BitmapText, and HTMLText alignment closer together, tagStyles support in SplitText, and a new visibleChanged event on containers. This release also includes a wave of stability fixes across graphics, filters, and event handling.

优化模糊滤镜​

🌐 Optimized BlurFilter

BlurFilter 现在默认使用强度减半方案。滤镜不会在每次处理时都应用全强度模糊，而是在多次处理过程中逐步降低强度。这样可以在高强度下获得更高的视觉质量，同时减少 GPU 工作量。

差异在高强度值下最为明显，此时传统方法会产生条带伪影，而优化版本则保持平滑：

🌐 The difference is most visible at high strength values, where the legacy approach produces banding artifacts while the optimized version stays smooth:

// New default behavior (optimized)
const blur = new BlurFilter({ strength: 20, quality: 4 });

// Restore old behavior if needed
const legacyBlur = new BlurFilter({ strength: 20, quality: 4, legacy: true });

// Or set globally
BlurFilter.defaultOptions.legacy = true;
行为改变

这会改变 BlurFilter 相对于以前版本的视觉输出。如果你需要旧的行为，请设置 legacy: true。


感谢 @Zyie 和 @Sertion 对模糊效果的改进。

🌐 Thanks to @Zyie and @Sertion for the blur improvements.

改进的文本渲染一致性​

🌐 Improved text renderer parity

持续的文本更新使 Text、BitmapText 和 HTMLText 的对齐更加一致。此版本修复了三者在布局上存在分歧的几个问题。

🌐 Continued text updates keep Text, BitmapText, and HTMLText alignment more consistent. This release closes several gaps where the three renderers disagreed on layout.

两端对齐 现在使用 wordWrapWidth 进行宽度计算，而不是 maxLineWidth，与 CSS 行为一致。段落的最后一行不再被拉伸。Canvas 文本和分割文本也通过分配额外的单词间距来渲染 align: 'justify'，因此三种文本类型都产生相同的两端对齐输出。

位图文本 获得了完整的 whiteSpace 支持（normal、pre、nowrap、pre-line、pre-wrap），具有正确的空格和换行折叠。单词换行现在支持像连字符、短横线、长横线和软连字符这样的换行后字符。

HTMLText breakWords: true 现在正确使用 CSS word-break: break-word 而不是 break-all，与 Text 和 BitmapText 的行为一致。

其他改进：

🌐 Other improvements:

  • 动态位图字体按字体大小成比例缩放投影 blur 和 distance。
  • 位图字体 xAdvance 现在使用来自 measureText() 的真实字距宽度，而不是边界框宽度。
  • 在动态位图字体中，字距值已被 fontScale 正确缩放。
行为改变

align: 'justify' 现在使用 wordWrapWidth 进行宽度计算，而 HTMLText 中的 breakWords 使用 break-word 替代 break-all。如果升级后你的文本布局看起来有所不同，新行为在各个渲染器中更一致，并且符合 CSS 标准。

SplitText 标签样式​

🌐 SplitText tagStyles

SplitText 现在支持 tagStyles，因此像 <red>Hello</red> <blue>World</blue> 这样的样式文本段可以被正确拆分为每个字符的 Text 对象，并保留各自的样式。这使得将内联样式与每个字符的动画结合变得简单明了：

const splitText = new SplitText({
    text: '<bold>Important:</bold> animate <highlight>each character</highlight> individually',
    style: {
        fontSize: 32,
        fill: 'white',
        tagStyles: {
            bold: { fontWeight: 'bold', fill: 'yellow' },
            highlight: { fill: 'cyan' },
        },
    },
});

// Each char retains its tag style
splitText.chars.forEach((char, i) => {
    // animate per character...
});

visibleChanged 事件​

🌐 visibleChanged event

当容器的 visible 属性发生变化时，现在会触发 visibleChanged 事件。这消除了手动轮询或使用封装函数来检测可见性变化的需要：

🌐 Containers now emit a visibleChanged event when their visible property changes. This removes the need for manual polling or wrapper functions to detect visibility changes:

container.on('visibleChanged', (visible) => {
    console.log('Visibility changed to:', visible);
});

container.visible = false; // fires the event

这对于在对象进入或离开可见性时触发动画、分析或清理逻辑很有用。

🌐 This is useful for triggering animations, analytics, or cleanup logic when objects enter or leave visibility.

感谢 @ikigai-bjorn-s 的贡献。

🌐 Thanks to @ikigai-bjorn-s for this contribution.

更多添加​

🌐 More additions

  • 解析器别名移除：用于从解析器中移除别名的新功能，有助于动态资源管理（@Sertion）。

错误修复​

🌐 Bug fixes

此版本解决了一系列稳定性问题：

🌐 This release addresses a broad set of stability issues:

  • 过滤器损坏：TexturePool 现在分离了 mipmap 纹理，防止在多个过滤器共享池纹理时发生过滤器损坏（@vkarponen）。
  • ColorMatrixFilter 偏移：偏移值现在已正确应用 (@Sertion)。
  • ParticleContainer 滤镜偏移：全局滤镜偏移现在可以正确应用于粒子渲染（@GoodBoyDigital）。
  • NineSliceSprite 修剪：现在会应用纹理修剪偏移 (@shtse8)。
  • 空 Graphics 范围：在空 Graphics 上的 getBounds() 现在返回有效的空范围，而不是抛出异常（@GoodBoyDigital）。
  • Graphics 陈旧边界：getLocalBounds() 在同一帧的操作之间不再返回陈旧数据 (@GoodBoyDigital)。
  • 斜接连接边界：Graphics 边界现在考虑了锐角处的斜接连接 (@GoodBoyDigital)。
  • BindGroup 崩溃：修复了当资源在批量组中被销毁时发生的崩溃（@GoodBoyDigital）。
  • BindGroup 监听器泄漏：旧的资源监听器现在已在 setResource 中移除 (@GoodBoyDigital)。
  • 渲染器销毁：removeAllListeners() 现在在 Renderer.destroy() 上被调用 (@taye)。
  • 代码限制：minFPS/maxFPS 的相互限制现在工作正常 (@Zyie)。
  • 颜色 alpha 缓存：color.setAlpha() 现在会使缓存的源失效，防止重用过时的 alpha（@darthvader58）。
  • addChildAt 事件：在使用 addChildAt 时，removed 事件现在能正确触发 (@aSipz)。
  • 位图文本保护：缺失的字符和字距数据不再导致崩溃（@stargazer-2697）。
  • 触摸修改键：TouchEvent 修改键现在会被复制到标准化触摸对象中（@kaigritun）。
  • 网页字体加载：字体名称现在使用引号，以支持较旧的 Chrome 版本（@adngdb）。
  • Web Worker 支持：DOMPipe 注册已移至 init.ts 以修复 Web Worker 环境 (@Zyie)。

你可以在 GitHub 上查看完整的更新日志。

🌐 You can view the full changelog on GitHub.

暂停漏洞奖励计划​

🌐 Pausing the bug bounty program

从这个版本开始，我们将暂停 PixiJS 的漏洞赏金计划。

🌐 We're pausing the PixiJS bug bounty program starting with this release.

当我们推出这个项目时，目标很简单：奖励那些发现并修复真实漏洞的贡献者。我们希望回馈使 PixiJS 成为可能的社区。

🌐 When we launched the program, the goal was simple: reward contributors who find and fix real bugs. We wanted to give back to the community that makes PixiJS possible.

不幸的是，金钱奖励导致了大量低投入、由人工智能生成的拉取请求，这些请求未达到合并标准，并且维护者的审查负担增长速度已经超过了该计划所带来的价值。

🌐 Unfortunately, the monetary incentive has led to a rise in low-effort, AI-generated pull requests that don't meet the bar for merging, and the review burden on maintainers has grown faster than the value the program delivers.

明确一点：我们并不反对 AI 辅助的开发。我们积极支持它。我们维护 llms.txt 文件、文档中的复制到 Markdown 功能以及其他专门用于帮助 AI 工具更好理解 PixiJS 的工具。AI 是一个强大的工具，只要使用得当。

🌐 To be clear: we are not against AI-assisted development. We actively support it. We maintain llms.txt files, copy-to-markdown features in our documentation, and other tooling specifically to help AI tools understand PixiJS better. AI is a powerful tool when used well.

问题在于赏金激励了数量而非质量，该计划不再实现其最初的目标。

🌐 The issue is that the bounty has incentivized quantity over quality, and the program is no longer achieving its original goal.

我们仍然希望找到回馈贡献者的方法。我们正在探索在不产生错误激励的情况下奖励有意义贡献的替代方案。如果你有想法，我们很乐意在 Discord 上听取你的意见。

🌐 We still want to find ways to give back to our contributors. We're exploring alternatives that reward meaningful contributions without creating the wrong incentives. If you have ideas, we'd love to hear them on Discord.

新贡献者​

🌐 New contributors

欢迎我们的最新贡献者：

🌐 Welcome to our newest contributors:

感谢你的贡献！

🌐 Thank you for your contributions!

获取最新的 PixiJS​

🌐 Get the latest PixiJS

通过 npm 安装：

🌐 Install via npm:

npm install pixi.js@8.17.0

或者通过 CDN 使用：

🌐 Or use via CDN:

开发版本：

生产构建：

文档: https://pixijs.download/v8.17.0/docs/index.html

收尾​

🌐 Wrapping up

以上就是 v8.17.0 的新增内容。模糊和文本更改属于行为更改，因此升级后请检查你的输出。如果有任何异常，上面的发行说明解释了如何恢复以前的行为。

🌐 That covers what's new in v8.17.0. The blur and text changes are behavior changes, so check your output after upgrading. If anything looks off, the release notes above explain how to restore previous behavior.

感谢所有为此版本贡献修复和功能的人。

🌐 Thanks to everyone who contributed fixes and features to this release.


创作愉快！

🌐 Happy creating!

PixiJS 团队

PixiJS 更新 - v8.16.0

· 10 min read
Zyie
Zyie
PixiJS Admin

PixiJS v8.16.0 带来了两个主要功能：一个用于没有 WebGL/WebGPU 环境的实验性Canvas 渲染器，以及用于无需多个文本对象即可进行内联样式的标签文本。此版本还包括重大 SplitText 稳定性改进和广泛的引擎稳定性更新。

🌐 PixiJS v8.16.0 brings two headline features: an experimental Canvas renderer for environments without WebGL/WebGPU, and tagged text for inline styling without multiple text objects. This release also includes major SplitText stability improvements and broad engine stability updates.

画布渲染器（实验性）​

🌐 Canvas renderer (experimental)

PixiJS 在 v8 中重新引入了 Canvas 2D 渲染器。它生成的构建更小，在旧硬件上运行良好，并且可以在没有 GPU 上下文的环境中工作。如果设备不支持 WebGL 或 WebGPU，PixiJS 会自动回退到 Canvas。无需配置，你的应用将继续运行。

🌐 PixiJS welcomes back the Canvas 2D renderer in v8. It produces a smaller build, runs well on older hardware, and works in environments where a GPU context isn't available. If a device doesn't support WebGL or WebGPU, PixiJS falls back to Canvas automatically. No configuration needed, your app keeps running.

如果你想始终使用 Canvas 渲染器，请明确设置偏好：

🌐 If you want to always use the Canvas renderer, set the preference explicitly:

await app.init({
    preference: 'canvas',
});

这是一个早期的实验性版本。Canvas 渲染器并不支持 GPU 渲染器的所有功能，但它可以处理核心用例：精灵、图形、文本和基础滤镜。如果遇到问题，请 提交错误报告。

🌐 This is an early, experimental release. The Canvas renderer doesn't cover every feature the GPU renderers support, but it handles core use cases: sprites, graphics, text, and basic filters. If you run into issues, please file a bug.


感谢 @krzys 和 @Zyie 发货这一点。

🌐 Thanks to @krzys and @Zyie for shipping this.

标记文本​

🌐 Tagged text

对字符串的部分进行样式化曾经意味着将文本拆分到多个对象中并自行管理布局。带标签的文本消除了这种麻烦。在你的 TextStyle 上定义标签样式一次，然后在字符串中使用内联标签：

🌐 Styling parts of a string used to mean splitting text across multiple objects and managing layout yourself. Tagged text removes that friction. Define tag styles once on your TextStyle, then use inline tags in your string:

const text = new Text({
    text: '<bold>Important:</bold> This is <highlight>highlighted</highlight> text',
    style: {
        fontFamily: 'Arial',
        fontSize: 28,
        fill: 'white',
        tagStyles: {
            bold: { fontWeight: 'bold', fill: 'yellow' },
            highlight: { fill: 'cyan', fontSize: 32 },
        },
    },
});

标签可以嵌套，并且每个标签都继承自基础样式。这在今天可以与 Text 和 HTMLText 一起使用；BitmapText 支持即将推出。

🌐 Tags can be nested, and each tag inherits from the base style. This works with Text and HTMLText today; BitmapText support is coming soon.

SplitText 稳定性改进​

🌐 SplitText stability improvements

SplitText 在此版本中进行了重大改进。它现在更接近标准 Text 行为，并且可以处理更广泛的 TextStyle 配置。主要变化如下：

  • 字符定位在不同的字体大小、粗细和样式下更为准确。

  • SplitText.from 通过将源锚点映射到枢轴坐标来正确传递源锚点。

  • 当你调用 styleChanged() 时，样式更改会自动传播：

    splitText.style.fontSize = 32;
    splitText.styleChanged();

  • SplitBitmapText 现在默认使用 white 填充，与 BitmapText 的行为一致。如果你以前手动传递 fill: 'white'，可以将其移除。

与以前的版本相比，这些更改可能会导致位置略有偏移。如果升级后你的文本看起来不对，新的位置是更正确的。

🌐 These changes may cause slight positional shifts compared to previous versions. If your text looks off after upgrading, the new positions are more correct.

文本渲染修复​

🌐 Text rendering fixes

在此版本中解决了几个长期存在的文本问题：

🌐 Several long-standing text issues are resolved in this release:

  • HTMLText 自动换行：现在会遵守 breakWords，超过 wordWrapWidth 的单词不再被裁剪。
  • HTMLText alpha：填充和描边的 alpha 值现在可以正确渲染。
  • 文本对齐：align: 'right' 和 align: 'center' 产生正确的位置。
  • HTML文本测量：测量精度提高，减少了布局不一致性。

更多添加​

🌐 More additions

  • 立方体贴图：为环境贴图和天空盒风格渲染提供新的 CubeTexture 支持 (@GoodBoyDigital)。
  • 外部纹理支持：将你自己的 GPU 纹理引入 PixiJS，可用于与其他渲染器共享资源（@astralarya, @GoodBoyDigital）。
  • Mip 级别渲染：直接渲染纹理的特定 mip 级别 (@GoodBoyDigital)。
  • 渲染到数组层：在渲染时针对数组纹理的特定层（@GoodBoyDigital）。
  • 精灵图 parseSync：在纹理已加载时同步解析精灵图（@jimhigson）。
  • 改进的 Pool 类型：pool.get() 现在返回正确类型的实例（@unstoppablecarl）。

错误修复​

🌐 Bug fixes

除了以上的文本修复之外，此版本还解决了：

🌐 Beyond the text fixes above, this release addresses:

  • container.cullArea 现在在本地坐标空间中被正确解释，并在剔除检查之前转换到全局坐标（@jujurocket）。
  • graphics.texture(texture, 0x000000) 正确地应用了黑色色调，而不是将 0 视为“无色调”（@bigtimebuddy）。
  • WebGPU MSDF 着色器 使用 vColor 而不是 localUniforms.uColor，修复了 WebGPU 中位图字体的颜色（@Riphal）。
  • GlGeometrySystem 中VAO 缓存被保留，防止几何体损坏（@GoodBoyDigital）。
  • GC 系统 现在会将渲染组标记为脏，防止渲染状态过时 (@Zyie)。
  • WGSL 结构体反射 保留通用类型参数 (@stargazer-2697)。
  • 视频加载器 现在会捕获加载错误，而不是默默失败 (@stargazer-2697)。
  • 通过优化模块导入改进了树摇动（@Zyie）。
  • 自定义资源解析器 现在可以在解析器中重写 src (@GoodBoyDigital)。

你可以在 GitHub 上查看完整的更新日志。

🌐 You can view the full changelog on GitHub.

即将到来：3D，PixiJS 风格​

🌐 What's coming: 3D, the PixiJS way

虽然不属于此版本的一部分，但我们希望让你了解 PixiJS 的发展方向。我们正在积极将 3D 支持集成到引擎中，旨在与 2D 渲染器一起工作。

🌐 While not part of this release, we want to give you a look at where PixiJS is headed. We're actively building 3D support into the engine, designed to work alongside the 2D renderer.

交互体验越来越多地融合了二维和三维：二维界面覆盖在三维场景之上、三维元素嵌入二维世界以及大规模渲染大量简单三维对象。PixiJS 正在被扩展以直接处理这些情况，而无需使用单独的三维引擎或根本不同的工作流程。

🌐 Interactive experiences increasingly blend 2D and 3D: UI over 3D scenes, 3D elements embedded in 2D worlds, and large numbers of simple 3D objects rendered at scale. PixiJS is being extended to handle those cases directly, without requiring a separate 3D engine or a fundamentally different workflow.

这是最近一次内部测试，运行 200,000 个3D对象，带有阴影和动态光照，所有内容都由引擎自动批处理。无需手动管理绘制调用，也无需场景图的变通方法。你定义你的对象，PixiJS 处理剩下的部分：

🌐 Here's a recent internal test running 200,000 3D objects with shadows and dynamic lighting, all automatically batched by the engine. There's no manual draw-call management and no scene-graph workarounds. You define your objects, and PixiJS handles the rest:

使 PixiJS 在 2D 渲染中快速的相同批处理架构现在也被应用于 3D。材质、光照和阴影都通过相同的自动批处理管道流动，实现了在不牺牲简便性或性能的情况下处理大量对象。

🌐 The same batching architecture that makes PixiJS fast for 2D rendering is now being applied to 3D. Materials, lighting, and shadows all flow through the same automatic batching pipeline, enabling high object counts without sacrificing simplicity or performance.

我们的方法是有意持有观点。PixiJS并不是构建通用的3D引擎，而是专注于快速、可扩展的3D，并与2D紧密集成。

🌐 Our approach is to be intentionally opinionated. Rather than building a general-purpose 3D engine, PixiJS focuses on fast, scalable 3D that integrates tightly with 2D.

此版本中的立方体纹理、mip 级别渲染和数组层渲染是该 3D 管线的早期构建模块。

🌐 Cube textures, mip level rendering, and array layer rendering in this release are early building blocks for that 3D pipeline.

我们会在 Twitter/X 和 Bluesky 发布频繁的开发更新。如果你想实时看到这一进展，欢迎关注。

🌐 We're posting frequent development updates on Twitter/X and Bluesky. Follow along if you want to see this take shape in real time.

新贡献者​

🌐 New contributors

欢迎我们的最新贡献者：

🌐 Welcome to our newest contributors:

感谢你的贡献！

🌐 Thank you for your contributions!

获取最新的 PixiJS​

🌐 Get the latest PixiJS

通过 npm 安装：

🌐 Install via npm:

npm install pixi.js@8.16.0

或者通过 CDN 使用：

🌐 Or use via CDN:

开发版本：

生产构建：

文档: https://pixijs.download/v8.16.0/docs/index.html

收尾​

🌐 Wrapping up

这就是 v8.16.0 中的新内容。如果你在使用 Canvas 渲染器或标记文本时遇到问题，请报告它们，以便我们进行改进。

🌐 That covers what's new in v8.16.0. If you hit issues with the Canvas renderer or tagged text, please report them so we can iterate.

感谢所有为此版本贡献修复和功能的人。

🌐 Thanks to everyone who contributed fixes and features to this release.


创作愉快！

🌐 Happy creating!

PixiJS 团队

PixiJS 更新 - v8.11.0

· 9 min read
Zyie
Zyie
PixiJS Admin

PixiJS v8.11.0 引入了强大的新文本工具，用于创建高级动画，并进行了一些提升使用体验的改进。以下是新增内容：

🌐 PixiJS v8.11.0 introduces powerful new text tools for creating advanced animations and several quality-of-life improvements. Here's what's new:

  • SplitText & SplitBitmapText： 将文本拆分为行、单词和字符，以实现精细控制和高级动画
  • 容器的新 origin 属性： 在不影响位置的情况下围绕定义点旋转和缩放
  • replaceChild 方法： 在保持变换的同时无缝切换显示对象
  • 位图文本换行： breakWords 现在可以与 BitmapText 一起使用，以实现更好的布局控制
  • llms.txt 支持: 我们已为 llms.txt 标准添加官方支持，以帮助 AI 工具发现并遵守 PixiJS v8 内容。
  • PixiJS 展示: 提交你的项目并在我们的新社区图库中展示
  • 赞助更新： 我们现在已在 GitHub Sponsors 上上线，并提供了全新和改进的赞助等级

让我们深入了解细节。

🌐 Let's dive into the details.

SplitText 和 SplitBitmapText​

🌐 SplitText & SplitBitmapText

warning

此功能处于实验阶段，未来版本可能会有所更改。如果你遇到任何问题，请在我们的GitHub 问题页面上报告。

我们都喜欢动画文本，但直到现在，将文本拆分为单个字符、单词或行一直很麻烦。使用新的 SplitText 和 SplitBitmapText 类，你可以轻松控制任何级别的文本。

🌐 We all love animated text, but until now, breaking text into individual characters, words, or lines was a pain. With the new SplitText and SplitBitmapText classes, you can control text at any level with ease.

你可以：

🌐 You can:

  • 使用像 GSAP 这样的补间动画库独立地为每个部分制作动画。
  • 为字符、单词和行定义独立的“锚点”。
  • 在运行时动态更新文本或样式。
  • 拆分现有的 Text 或 BitmapText。
import { SplitText } from 'pixi.js';

// Create new SplitText instance
const newSplitText = new SplitText({ text: 'Hello Pixi', style: { fontSize: 36 } });

// Split existing Text object
const myText = new Text('Hello Pixi', { fontSize: 36 });
const splitText = SplitText.from(myText);

查看完整示例和使用指南 这里。

warning

提醒：当拆分字符时，浏览器的字距调整会失效，因此间距可能会与标准文本略有不同。这种权衡提供了创意灵活性，但对于像素精确的布局来说，需要注意这一点。

新 container.origin 属性​

🌐 New container.origin Property

新的 origin 属性允许你控制容器旋转或缩放的起点，而不会改变其在场景中的位置。

🌐 The new origin property allows you to control where a container rotates or scales from, without shifting its position in the scene.

new Container({ origin: { x: 100, y: 100 } });
new Container({ origin: 50 }); // Same as { x: 50, y: 50 }

为什么不使用 pivot？

当 pivot 改变变换原点时，它也会修改容器的位置，从而使布局和动画逻辑更加复杂。

🌐 While pivot changes the transform origin, it also modifies the container’s position, making layout and animation logic more complex.

origin 属性提供了一种可预测、位置稳定的变换控制替代方案。

🌐 The origin property provides a predictable, position-stable alternative for transform control.

新的 container.replaceChild 方法​

🌐 New container.replaceChild Method

这种新方法允许你在容器内将一个显示对象替换为另一个，而新的子对象会继承旧对象的本地变换。这意味着你可以在不丢失其索引、位置、缩放、旋转或其他任何本地变换的情况下替换对象。

🌐 This new method allows you to swap out one display object for another within a container and the new child inherits the local transform of the old one. This means you can replace objects without losing their index, position, scale, rotation, or any other local transforms.

container.replaceChild(oldChild, newChild);

这非常适合用于像将静态文本替换为带有 SplitText 版本的动态效果这样的用例。

🌐 This is perfect for use cases like swapping static text with a SplitText version for dynamic effects.

const myText = new BitmapText({
  text: 'Hello Pixi',
  style: {...},
  scale: 2,
  skew: { x: 0.1, y: 0.2 },
  anchor: { x: 0.5, y: 0.5 },
});
const segmented = SplitBitmapText.from(myText);

// Use the new replaceChild method to swap text
container.replaceChild(myText, segmented);

为位图文字提供更好的断词​

🌐 Better Word Breaking for BitmapText

breakWords 选项现在可以与 BitmapText 一起使用。这改善了使用位图字体的项目的布局控制，使管理动态图片文本、标签和用户界面元素更加容易。

🌐 The breakWords option now works with BitmapText. This improves layout control for projects using bitmap fonts, making it easier to manage dynamic text, labels, and UI elements.

llms.txt 支持​

🌐 llms.txt Support

我们现在正式支持 llms.txt 规范，以帮助 AI 工具访问准确的 PixiJS 文档。 我们为不同的上下文窗口大小提供了几个文档文件：

🌐 We now officially support the llms.txt convention to help AI tools access accurate PixiJS documentation. We provide several documentation files for different context window sizes:

文件描述
/llms.txt可用文档文件索引
/llms-full.txt完整的 API 文档，包括所有类、方法和示例
/llms-medium.txt为中等上下文窗口的 AI 工具优化的压缩文档

这些文件是从我们的 TypeScript 定义和文档源自动生成的。它们每天都会更新，以确保 LLM 和 AI 驱动的工具能够参考最准确、最新的 PixiJS 信息。

🌐 These files are generated automatically from our TypeScript definitions and documentation sources. They update daily to ensure LLMs and AI-powered tools can reference the most accurate, up-to-date PixiJS information.

这有助于编码助手、搜索工具和文档机器人提供正确的建议，并避免使用过时或错误的信息。

🌐 This helps coding assistants, search tools, and documentation bots provide correct suggestions and avoids outdated or incorrect information being used.

PixiJS 展示现已上线​

🌐 PixiJS Showcase is Live

我们喜欢看到你们用 PixiJS 制作的作品。新的 PixiJS 展示 展示了社区创作的游戏、网站、应用、工具和实验项目。

🌐 We love seeing what you build with PixiJS. The new PixiJS Showcase highlights games, websites, apps, tools, and experiments created by the community.

Tags Example

如果你做了什么很酷的东西，我们很乐意展示它。只需填写页面上的提交表格。我们总是对Pixi社区的创意感到惊讶！

🌐 If you've made something cool, we'd love to show it off. Just fill out the submission form on the page. We're always amazed by the creativity of the Pixi community!

赞助更新​

🌐 Sponsorship Updates

PixiJS 现在已在 Github Sponsors 上上线，我们已经重新设计了赞助等级，以为我们的支持者提供更多价值和曝光。

🌐 PixiJS is now live on Github Sponsors and we've revamped our sponsorship tiers to provide more value and visibility for our supporters.

我们依靠赞助来维持 PixiJS 的可持续开发，而你的支持帮助我们继续改进库、修复错误并添加新功能。

🌐 We rely on sponsorships to keep PixiJS development sustainable, and your support helps us continue improving the library, fixing bugs, and adding new features.

赞助等级​

🌐 Sponsorship Tiers

等级每月权益
青铜$100在我们的网站上显示你的徽标，并附上你的网站链接
白银$250青铜等级的权益，加上在发布博客文章中显示徽标，以及在展示页面中的赞助链接
黄金$500白银等级的权益，加上在所有文档页面和 GitHub README 中显示徽标
黄金++$1000黄金等级的权益，加上在展示页面中两个赞助链接和优先处理的错误修复
铂金$2000黄金++等级的权益，加上最显眼的徽标位置、最高优先级的错误修复和路线图意见

你可以在我们的赞助商页面上找到所有详细信息。

🌐 You can find all the details on our Sponsors page.

结论​

🌐 Conclusion

PixiJS 8.11.0 为构建交互式内容带来了微妙但强大的改进，包括分段文本动画、更好的布局工具以及改进的生态系统支持。

🌐 PixiJS 8.11.0 adds subtle but powerful improvements for building interactive content, including segmented text animations, better layout tools, and improved ecosystem support.

我们很期待看到你接下来会创造什么，更期待能与大家一起构建 PixiJS。

🌐 We're excited to see what you build next, and even more excited to build PixiJS with all of you.

创作愉快！ PixiJS 团队

🌐 Happy creating! The PixiJS Team