pixijs v8.16.0 release notes

💾 Download

Installation:

npm install pixi.js@8.16.0

Development Build:

Production Build:

Documentation:

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

Changed

https://github.com/pixijs/pixijs/compare/v8.15.0...v8.16.0

🚨 Behavior Change

SplitText now more accurately splits Text across a wider range of TextStyle configurations. This may result in slight changes to character positioning.
Using SplitText.from from an existing Text now correctly transfers the source anchor to the new instance by mapping the anchor to pivot coordinates. This changes layout and positioning compared to previous behavior.
SplitBitmapText now correctly defaults to a white fill, matching the behavior of BitmapText.
HTMLText now correctly respects breakWords and no longer cuts off words that exceed wordWrapWidth.
HTMLText now respects the alpha value of its fill and stroke.
Text now correctly aligns when using align: 'right' or align: 'center', resulting in a small positional adjustment.
Container.cullArea is now correctly interpreted in the container’s local coordinate space and transformed to global coordinates before culling checks.
```
// cullArea is defined in local space and transformed during culling
container.cullArea = new Rectangle(0, 0, 100, 100);
```

graphics.texture(texture, 0x000000) will now correctly apply a black tint

🎁 Added

feat: Canvas renderer by @krzys @Zyie in https://github.com/pixijs/pixijs/pull/11815
- Note: This feature is experimental, please let us know if you run into any issues.
```
 await app.init({
      preference: 'canvas'
  });
```

feat: tagged text by @Zyie in https://github.com/pixijs/pixijs/pull/11827

Note: Currently only works for Text/HTMLText, BitmapText support coming soon

 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 }
      }
  }
 });

feat: improve stability of SplitText by @Zyie in https://github.com/pixijs/pixijs/pull/11858
- SplitText now fully mirrors Text behavior and regenerates automatically when its TextStyle changes via text.styleChanged()
```
splitText.style.fontSize = 32
splitText.styleChanged()
```
feat: external texture support by @astralarya @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11846 https://github.com/pixijs/pixijs/pull/11861
feat: add parseSync to spritesheet by @jimhigson in https://github.com/pixijs/pixijs/pull/11794
feat: improved Pool typing for pool.get() method by @unstoppablecarl in https://github.com/pixijs/pixijs/pull/11799
feat: add cube texture by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11800
by @GoodBoyDigital in
feat: Implement mip level rendering support in the rendering system by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11801
feat: render to array layer by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11803

🐛 Fixed

fix: Improve HTML text measurement accuracy and add comprehensive test scenes by @Zyie in https://github.com/pixijs/pixijs/pull/11862
fix: project container.cullArea from local to global coordinate space before doing cull check by @jujurocket in https://github.com/pixijs/pixijs/pull/11598
fix: use vColor instead of localUniforms.uColor in WebGPU MSDF shader by @Riphal in https://github.com/pixijs/pixijs/pull/11848
fix: preserve VAO cache in GlGeometrySystem by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11863
fix: GC system to ensure render groups are marked as dirty by @Zyie in https://github.com/pixijs/pixijs/pull/11842
fix: SplitBitmapText requires "fill: 'white'" by @GiorgiMaziashvili in https://github.com/pixijs/pixijs/pull/11721
fix: preserve generic type parameters in WGSL struct reflection by @stargazer-2697 in https://github.com/pixijs/pixijs/pull/11855
fix: improve extractAttributesFromGpuProgram to support struct-based inputs by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11796
fix: improves tree-shaking by optimizing module imports by @Zyie in https://github.com/pixijs/pixijs/pull/11833
fix: disambiguate falsey tint with black uint by @bigtimebuddy in https://github.com/pixijs/pixijs/pull/11831
fix: BitmapFontManager getFont emitting TextStyle update event by @subhu339 in https://github.com/pixijs/pixijs/pull/11835
fix: allow custom parsers to override src in Resolver (#11828) by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11849
fix: recognise WGSL vertex attributes followed by closing parenthesis by @stargazer-2697 in https://github.com/pixijs/pixijs/pull/11854
fix: Video Loader Not Catching Load Errors by @stargazer-2697 in https://github.com/pixijs/pixijs/pull/11856

🧹 Chores

chore: add visual tests for text rendering features by @Zyie in https://github.com/pixijs/pixijs/pull/11825
chore: Upgrades dependencies by @Zyie in https://github.com/pixijs/pixijs/pull/11806
chore: guide to use envinfo to get environment information by @Typed SIGTERM in https://github.com/pixijs/pixijs/pull/11859
chore: optimize fastCopy with waterfall typed array selection by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11798
chore: use texImage2D instead of texSubImage2D for video in Safari by @GoodBoyDigital in https://github.com/pixijs/pixijs/pull/11867

New Contributors

@subhu339 made their first contribution in https://github.com/pixijs/pixijs/pull/11835
@stargazer-2697 made their first contribution in https://github.com/pixijs/pixijs/pull/11854
@GiorgiMaziashvili made their first contribution in https://github.com/pixijs/pixijs/pull/11721
@Riphal made their first contribution in https://github.com/pixijs/pixijs/pull/11848
@jujurocket made their first contribution in https://github.com/pixijs/pixijs/pull/11598
@krzys made their first contribution in https://github.com/pixijs/pixijs/pull/11815