Skip to content

Releases: pixijs/pixijs

v8.10.1

05 Jun 17:32
@Zyie Zyie
v8.10.1
7be477f
Compare
Choose a tag to compare
v8.10.1 Latest
Latest

💾 Download

Installation:

npm install [email protected]

Development Build:

Production Build:

Documentation:

Changed

v8.10.0...v8.10.1

🐛 Fixed

Contributors

Zyie
Assets 35
  • advanced-blend-modes.js
    sha256:a12952ecca83f501f0d9977a8c0f7c4f6f86825f775df8168e5ae0ddbea489ab
    36.9 KB 2025-06-05T17:37:30Z
  • advanced-blend-modes.js.map
    sha256:90aaa0c26235dc6baac751b54d105a34847da7f6fd1d40d04ce8c911f7b05e84
    67.6 KB 2025-06-05T17:37:30Z
  • advanced-blend-modes.min.js
    sha256:2977812203f3c26f2082523ce84bc64b19cd1faedbbfe529d1702fd4ca8de440
    30.9 KB 2025-06-05T17:37:30Z
  • advanced-blend-modes.min.js.map
    sha256:09b8267b812708b326723739942516c9d4b84df1df140179ba40796798eb59e3
    62.3 KB 2025-06-05T17:37:30Z
  • gif.js
    sha256:d1f8ffae5e7ad4b7d034b085865d8d105e4823c8be8e29d8d6ab4ba2de2837dc
    42.1 KB 2025-06-05T17:37:30Z
  • gif.js.map
    sha256:9fecc2b408ee67aa2729b7983ad0ce0af9fb44f3cab4e42e20d06f1fff44b728
    88.8 KB 2025-06-05T17:37:30Z
  • gif.min.js
    sha256:bf500cdb1f4656deab29ae5599af0b2638537c2314c596621e98d1690ce129ed
    13.9 KB 2025-06-05T17:37:30Z
  • gif.min.js.map
    sha256:1ffdbcc7a30e41d8ba9a33b063ae18fcee302dd48e0071e86246c83ad9316092
    69.5 KB 2025-06-05T17:37:30Z
  • math-extras.js
    sha256:ad027311796ffe2abb6b016c23428e1b949150d5f002160f5e7cc8778cf3f431
    6.3 KB 2025-06-05T17:37:30Z
  • math-extras.js.map
    sha256:39bc0cf45089ba9d28b2dcfa27a4ce7850df0daed9a925a1436a7c102f0f8dfb
    19.8 KB 2025-06-05T17:37:30Z
  • Source code (zip)
    2025-06-05T17:30:41Z
  • Source code (tar.gz)
    2025-06-05T17:30:41Z

v8.10.0

03 Jun 18:59
@Zyie Zyie
v8.10.0
40dbf24
Compare
Choose a tag to compare
v8.10.0

💾 Download

Installation:

npm install [email protected]

Development Build:

Production Build:

Documentation:

Changed

v8.9.2...v8.10.0

🚨 Behavior Change 🚨

With this release we have fixed the ParticleContainer.removeParticles(startIndex, endIndex) logic to correctly set the endIndex to this.particleChildren.length by default. This now matches the behavior of container.removeChildren()

🎁 Added

  • feat: support trimmed text by @GoodBoyDigital in #11456
    • Text can now be trimmed!
    const text2 = new Text({
    text: 'TRIM',
    style: {
        trim: true, // New API
    },
});
    image
  • feat: textStyle filters by @GoodBoyDigital in #11282
    • Filters can now be baked into a Text on creation. When setting filters this way, the filter is actually baked into the texture at creation time, rather than having to be calculated at run time, eliminating the runtime cost.
    const blurFilter = new BlurFilter();

const text = new Text({
    text: 'HI',
    style: {
        fontSize: 100,
        fill: 'white',
        filters: [blurFilter], // add some filters to the style
    }
});
  • feat: support textureStyle options on text rendering by @GoodBoyDigital in #11403
    • Text, HTMLText, and BitmapText now all support customising how the texture is generated by passing in the textureStyle object
    const text = new Text({
    text: 'Hello Pixi!',
    style: {...},
    textureStyle: {
        scaleMode: 'nearest',
    }
});
  • feat: spritesheet option cachePrefix by @F-star in #11237
  • feat: add a limits system to WebGL and WebGPU renderers by @GoodBoyDigital in #11417
  • feat: allow for autocomplete on cursor strings by @Zyie in #11438
  • feat: The build (ShapeBuilder) method should report its success by @midiusRed in #11283
  • feat: update Earcut to v3.0.0 by @LukeAbby in #11214

🐛 Fixed

🧹 Chores

New Contributors

Contributors

jgelens, tddyco, and 9 other contributors
Loading

v8.9.2

29 Apr 11:35
@Zyie Zyie
v8.9.2
2c0f2e5
Compare
Choose a tag to compare
v8.9.2

💾 Download

Installation:

npm install [email protected]

Development Build:

Production Build:

Documentation:

Changed

8.9.1...v8.9.2

🐛 Fixed

New Contributors

Contributors

GoodBoyDigital and SanjoSolutions
Loading

v8.9.1

27 Mar 12:07
@Zyie Zyie
v8.9.1
9d177e2
Compare
Choose a tag to compare
v8.9.1

💾 Download

Development Build:

Production Build:

Documentation:

Changed

v8.9.0...v8.9.1

🐛 Fixed

Contributors

bigtimebuddy and GoodBoyDigital
Loading

v8.9.0

20 Mar 16:27
@Zyie Zyie
v8.9.0
58321a2
Compare
Choose a tag to compare
v8.9.0

💾 Download

Development Build:

Production Build:

Documentation:

Changed

v8.8.1...v8.9.0

🎁 Added

  • feat: DOMContainer by @GoodBoyDigital in #11340
    • Experimental support for integrating DOM elements within the PixiJS scene graph, allowing HTML elements to be positioned and transformed alongside other PixiJS objects.
import 'pixi.js/dom'
import { DOMContainer } from 'pixi.js';

// Create a DOM element
const element = document.createElement('div');
element.innerHTML = 'Hello World!';
	
// Create a DOM container
const domContainer = new DOMContainer({ element });
	
// Add it to your scene
app.stage.addChild(domContainer);
	
// Position and transform like any other DisplayObject
domContainer.x = 100;
domContainer.y = 100;
domContainer.rotation = 0.5;
domContainer.anchor.set(0.5);

🐛 Fixed

New Contributors

Contributors

bigtimebuddy, ddenisyuk, and 2 other contributors
Loading

v7.4.3

06 Mar 14:55
@bigtimebuddy bigtimebuddy
v7.4.3
07f7fc1
Compare
Choose a tag to compare
v7.4.3

What's Changed

New Contributors

Full Changelog: v7.4.2...v7.4.3

Contributors

ericente, kfyh, and Zyie
Loading

v8.8.1

26 Feb 09:51
@Zyie Zyie
v8.8.1
931d883
Compare
Choose a tag to compare
v8.8.1

💾 Download

Development Build:

Production Build:

Documentation:

Changed

v8.8.0...v8.8.1

🐛 Fixed

New Contributors

Contributors

bigtimebuddy and MechaKnightz
Loading

v8.8.0

11 Feb 15:43
@Zyie Zyie
v8.8.0
8c04fba
Compare
Choose a tag to compare
v8.8.0

💾 Download

Development Build:

Production Build:

Documentation:

Changed

v8.7.3...v8.8.0

🚨 Behavior Change 🚨

Since 8.0.0 PixiJS has been incorrectly applying gradients and graphics fill textures. Instead of using normalized "local space" coordinates (0–1), gradients were using "global space" values in pixels. This was an unintended change that made working with gradients/texture fills much harder. In this release, we have changed the default behavior back to "local space" to match v7.

For anyone who needs the old behavior, you can change the default options globally or you can control it individually as all APIs now accept a textureSpace property that can be set to "global". For example:

FillGradient.defaultLinearOptions.textureSpace = 'global'
FillGradient.defaultRadialOptions.textureSpace = 'global'
// or individually
new FillGraident(0, 0, 100, 100, 'global')

GraphicsContext.defaultFillStyle.textureSpace = 'global'
GraphicsContext.defaultStrokeStyle.textureSpace = 'global'
// or individually
new Graphics().fill({ texture, textureSpace: 'global' })
new Graphics().stroke({ texture, textureSpace: 'global' })

🚨 Behavior Change 🚨

Since version 8.0.0, TilingSprite has returned negative values for tilingSprite.bounds.width and tilingSprite.bounds.height. This has been corrected in this release, and these properties now return positive values. If your code relies on bounds, you may need to adjust it accordingly.

🎁 Added

🐛 Fixed

Contributors

trezy, GoodBoyDigital, and 3 other contributors
Loading

v8.8.0-rc.1

06 Feb 11:42
@Zyie Zyie
v8.8.0-rc.1
1ad0c7c
Compare
Choose a tag to compare
v8.8.0-rc.1 Pre-release
Pre-release

💾 Download

Development Build:

Production Build:

Documentation:

Changed

v8.7.3...v8.8.0-rc.1

🚨 NOTE 🚨

Since the release of v8, PixiJS has been incorrectly applying gradients and graphics fill textures. Instead of using normalized "local space" coordinates (0–1), gradients were using "global space" values in pixels. This made working with gradients/texture fills more complicated than necessary. In this release, we have changed the default behavior back to "local space" to match v7.

For anyone who needs the old behavior, you can change the default options globally or you can control it individually as all APIs now accept a textureSpace property that can be set to "global". For example:

FillGradient.defaultLinearOptions.textureSpace = 'global'
FillGradient.defaultRadialOptions.textureSpace = 'global'
// or individually
new FillGraident(0, 0, 100, 100, 'global')

GraphicsContext.defaultFillStyle.textureSpace = 'global'
GraphicsContext.defaultStrokeStyle.textureSpace = 'global'
// or individually
new Graphics().fill({ texture, textureSpace: 'global' })
new Graphics().stroke({ texture, textureSpace: 'global' })

🎁 Added

🐛 Fixed

  • fix: texture space incorrectly set to global by @Zyie in #11246

Contributors

trezy, GoodBoyDigital, and Zyie
Loading

v8.7.3

29 Jan 13:22
@Zyie Zyie
v8.7.3
a0a0dd4
Compare
Choose a tag to compare
v8.7.3

💾 Download

Development Build:

Production Build:

Documentation:

Changed

v8.7.2...v8.7.3

🐛 Fixed

Contributors

GoodBoyDigital
Loading