Releases: pixijs/pixijs
v8.9.2
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π Fixed
- fix: render layer detachment when destroying. by @GoodBoyDigital in #11384
- fix: documentation regarding anchor values in spritesheet by @SanjoSolutions in #11363
- fix: gradient issue with non 0,0 shapes in graphics by @GoodBoyDigital in #11383
New Contributors
- @SanjoSolutions made their first contribution in #11363
v8.9.1
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π Fixed
- fix: bad aliased imports by @bigtimebuddy in #11355
- fix: reset premultiply alpha state on resetState call and update WebGL settings by @GoodBoyDigital in #11342
- fix: state culling was flipped when rendering to a texture by @GoodBoyDigital in #11356
v8.9.0
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π 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
- fix: Ignore autoDensity for OffscreenCanvas by @bigtimebuddy in #11313
- fix: Restore gl extensions state on context restore by @ddenisyuk in #11299
- fix: don't use alias for
PointData
import by @kosmotema in #11308
New Contributors
- @kosmotema made their first contribution in #11308
v7.4.3
v8.8.1
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π Fixed
- fix: gif loader base64 path matching by @MechaKnightz in #11285
- fix: Don't bundle GIF dependencies by @bigtimebuddy in #11298
New Contributors
- @MechaKnightz made their first contribution in #11285
v8.8.0
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π¨ 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: 'glob
10000
al' })
π¨ 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
- feat: svg and textureSpace update by @GoodBoyDigital in #11074
- feat: add configurable props to
AnimatedSpriteOptions
by @trezy in #11241 - feat: add anchor to nine slice sprite by @GoodBoyDigital in #11233
- feat: enhance how gradients are applied to text objects by @GoodBoyDigital in #11075
- feat: support SVG non-zero fills by @GoodBoyDigital in #11080
- feat: allow for graphics.fill(texture) by @GoodBoyDigital in #11152
- feat: add
autoPlay
toAnimatedSprite
by @trezy in #11243 - feat: add returnTexture for CanvasTextSystem by @GoodBoyDigital in #11269
- feat: add mixins for leaf nodes by @Zyie in #11253
π Fixed
- fix: texture space incorrectly set to global by @Zyie in #11246
- fix: texture update bug on mesh by @GoodBoyDigital in #11259
- fix: multiview rendering by @GoodBoyDigital in #11260
- fix: mask resetState bug by @GoodBoyDigital in #11261
- fix: measure bug in render layer by @GoodBoyDigital in #11262
- fix: tiling sprite and nine slice sprite bounds being negative by @Zyie in #11267
- fix: graphics prepare bug by @GoodBoyDigital in #11258
- fix: increase didViewChangeTick on removeChildren call by @dapi303 in #11245
- fix: texture options set for spritesheet aren't propagating to multipacked spritesheets by @sam007mac in #11270
v8.8.0-rc.1
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π¨ 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
- feat: svg and textureSpace update by @GoodBoyDigital in #11074
- feat: add configurable props to
AnimatedSpriteOptions
by @trezy in #11241 - feat: add anchor to nine slice sprite by @GoodBoyDigital in #11233
- feat: enhance how gradients are applied to text objects by @GoodBoyDigital in #11075
- feat: support SVG non-zero fills by @GoodBoyDigital in #11080
- feat: allow for graphics.fill(texture) by @GoodBoyDigital in #11152
- feat: add
autoPlay
toAnimatedSprite
by @trezy in #11243
π Fixed
v8.7.3
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π Fixed
- fix: set texture bug on batched mesh by @GoodBoyDigital in #11228
- fix: correct texture dimension comparison in glUploadImageResource by @GoodBoyDigital in #11230
- fix: advanced blend mode not applying when only belnd modes are active by @GoodBoyDigital in #11231
- fix: MeshGeometry match uv size if non is provided by @GoodBoyDigital in #11234
v8.7.2
πΎ Download
Development Build:
Production Build:
Documentation:
Changed
π Fixed
v8.7.1
πΎ Download
Development Build:
Production Build:
Documentation: