Skip to content

chore(deps): update dependency pixi.js to v8#12

Open
renovate[bot] wants to merge 1 commit into
mainfrom
renovate/pixi.js-8.x
Open

chore(deps): update dependency pixi.js to v8#12
renovate[bot] wants to merge 1 commit into
mainfrom
renovate/pixi.js-8.x

Conversation

@renovate
Copy link
Copy Markdown
Contributor

@renovate renovate Bot commented Mar 8, 2024 •
edited
Loading

ℹ️ Note

This PR body was truncated due to platform limits.

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
pixi.js (source) ^7.0.0 → ^7.0.0 || ^8.0.0 age adoption passing confidence
pixi.js (source) ^7.4.0 → ^8.0.0 age adoption passing confidence

Release Notes

pixijs/pixijs (pixi.js)

v8.19.0

Compare Source

💾 Download

Installation:

npm install pixi.js@8.19.0

Development Build:

Production Build:

Documentation:

Changed

🚨 Behavior Change
  • fix: Container.updateTransform honors zero scale (#​12044) by @​Zyie in #​12046
    • Container.updateTransform({ scaleX: 0, scaleY: 0 }) previously coerced a zero scale to 1 (the code used opts.scaleX || 1), so passing 0 left the container at full size. It now applies zero scale literally, matching scale.set(0, 0). If you relied on updateTransform ignoring a zero scale, stop passing 0 when you mean full scale.
    const container = new Container();
container.updateTransform({ scaleX: 0, scaleY: 0 });
// before: scale coerced to (1, 1) — container stayed full-size
// after:  scale applied as (0, 0) — container hidden, matching scale.set(0, 0)
  • fix: particle container inherit blend mode by @​DmitriyGolub in #​11978
    • ParticleContainer now respects the blend mode inherited from its ancestors. Previously the render pipe read the container's own local blendMode instead of the resolved groupBlendMode, so setting e.g. stage.blendMode = 'add' had no effect on particles. Particles nested under a parent with a non-default blend mode will now render differently (e.g. additive brightening) where they were silently ignored before. A blendMode set directly on the ParticleContainer is unchanged.
  • fix: FillPattern tiling and radial gradient sizing by @​Zyie in #​12037

    • FillPattern gains a textureSpace option ('global' | 'local'), while fixing several long-standing pattern/gradient sizing bugs. textureSpace defaults to 'global', so patterns now tile continuously across adjacent shapes instead of remapping per shape; setTransform(matrix) now applies the matrix you pass directly (it previously inverted and rescaled it by the texture size); and textureSpace: 'local' radial gradients now scale to the gradient's outer radius. Existing pattern fills and local radial gradients can render differently.

      If you hand-compensated for the old setTransform behavior (pre-inverting or scaling by texture size), remove that compensation. The legacy positional new FillPattern(texture, repetition) form still works.

    import { Assets, FillPattern, Graphics } from 'pixi.js';

const texture = await Assets.load('pattern.png');

// new options-object constructor with explicit textureSpace
const pattern = new FillPattern({ texture, repetition: 'repeat', textureSpace: 'local' });

const g = new Graphics().rect(0, 0, 200, 100).fill({ fill: pattern });
🎁 Added
  • feat: add HTML-in-Canvas texture support by @​Zyie in #​12053
    • A new opt-in pixi.js/html-source subpath renders live DOM elements into PixiJS textures while the element stays fully interactive in the browser (inputs editable, links clickable, CSS animations running). Use HTMLSource for a live element or ElementImageSource for an immutable snapshot. The element must be a direct child of the Pixi canvas. Importing the subpath also registers a lowest-priority Texture.from fallback for generic HTML elements, so it cannot affect apps that don't import it.
    import { Application, Sprite } from 'pixi.js';
import { HTMLSource } from 'pixi.js/html-source';

const app = new Application();
await app.init({ resizeTo: window });
document.body.appendChild(app.canvas);

const form = document.createElement('form');
form.innerHTML = '<input value="still editable" />';
app.canvas.appendChild(form); // must be a direct child of the Pixi canvas

const sprite = Sprite.from(new HTMLSource({ resource: form, autoUpdate: true }));
app.stage.addChild(sprite); // live DOM mirrored to the GPU; the form stays interactive
  • feat: implement transientAttachment for MSAA RenderTextures for WebGPU by @​GoodBoyDigital in #​12050
    • Texture sources gain an opt-in transient flag so the WebGPU backend can discard the MSAA buffer at the end of a render pass (storeOp: 'discard') instead of writing it back to memory, and keep MSAA contents in tile memory on TBDR mobile GPUs where GPUTextureUsage.TRANSIENT_ATTACHMENT is available. This cuts memory bandwidth for single-pass MSAA render targets. Only set it on antialiased textures that follow a single-pass-then-discard pattern; a later loadOp: 'load' on a transient attachment yields undefined contents. Default is false, so existing code is unaffected. A WebGPU-only renderer.device.extensions.transientAttachment probe reports device support.
🐛 Fixed
🧹 Chores

New Contributors

Full Changelog: pixijs/pixijs@v8.18.1...v8.19.0

v8.18.1

Compare Source

💾 Download

Installation:

npm install pixi.js@8.18.1

Development Build:

Production Build:

Documentation:

Changed

🐛 Fixed

v8.18.0

Compare Source

💾 Download

Installation:

npm install pixi.js@8.18.0

Development Build:

Production Build:

Documentation:

Changed
🚨 Behavior Change
  • fix: text.width and word wrap returning incorrect values by @​Zyie in #​12007
    • Text/HTMLText/BitmapText with wordWrap: true and non-left align (center/right/justify) now return the true rendered width from text.width instead of reporting wordWrapWidth. If you relied on text.width === wordWrapWidth for layout, use wordWrapWidth directly or wrap the text in a sized container.
    const text = new Text({
    text: 'hello',
    style: { wordWrap: true, wordWrapWidth: 800, align: 'center' },
});
// before: text.width === 800
// after:  text.width reflects the rendered string width
🎁 Added
  • feat: add graphicsContextToSvg() for Graphics → SVG export by @​GoodBoyDigital in #​11989
    • Adds graphicsContextToSvg(source, precision?), a pure function that serializes a Graphics or GraphicsContext to a self-contained SVG string. Supports rects, circles, ellipses, rounded rects, polygons, bezier/quadratic/arc paths, strokes, holes (via fill-rule="evenodd"), and linear/radial gradients.
    import { Graphics, graphicsContextToSvg } from 'pixi.js';

const g = new Graphics()
    .rect(0, 0, 100, 50)
    .fill({ color: 0xff0000 })
    .circle(150, 25, 25)
    .stroke({ color: 0x0000ff, width: 4 });

const svgString = graphicsContextToSvg(g, 2);
await navigator.clipboard.writeText(svgString);
  • feat: add mask channel selection for sprite masks by @​Zyie in #​11987
    • setMask() gains a channel option ('red' | 'alpha') to pick which texture channel drives visibility, matching how design tools like Figma apply PNG masks. Default remains 'red'.
    import { Assets, Sprite } from 'pixi.js';

const photo = new Sprite(await Assets.load('photo.png'));
const maskSprite = new Sprite(await Assets.load('mask-alpha.png'));

photo.setMask({
    mask: maskSprite,
    channel: 'alpha',
});
  • feat: allow preference to accept an array of renderer types by @​Zyie in #​11963
    • autoDetectRenderer and Application.init now accept an array of renderer names for preference, letting you restrict the fallback chain (e.g. disable WebGPU entirely) rather than only reorder it. A new RendererPreference type is exported.
    import { Application, autoDetectRenderer } from 'pixi.js';

const renderer = await autoDetectRenderer({
    preference: ['webgl', 'canvas'],
});

const app = new Application();
await app.init({ preference: ['webgl', 'canvas'] });
  • feat: provide a getter to the domElement via app.domContainerRoot by @​carlos22 in #​11974
    • Application exposes a read-only domContainerRoot getter returning the HTMLDivElement that wraps all DOMContainer elements, so apps can add CSS classes, inline styles, or customize the DOM overlay root.
    import { Application } from 'pixi.js';

const app = new Application();
await app.init({ resizeTo: window });

app.domContainerRoot.classList.add('pixi-dom-layer');
app.domContainerRoot.style.pointerEvents = 'auto';
  • feat: add width option to MeshRope by @​mehmetcanakbay in #​11990
    • MeshRope now accepts an explicit width for rope thickness, decoupling it from the texture's height. Omitting width preserves the previous texture.height default.
    import { MeshRope, Point, Texture } from 'pixi.js';

const points = [new Point(0, 0), new Point(100, 50), new Point(200, 0)];

const rope = new MeshRope({
    texture: Texture.from('snake.png'),
    points,
    width: 40,
});
  • feat: add a default anchor to texture generation by @​ksv90 in #​12011
    • renderer.generateTexture() accepts a defaultAnchor option that's forwarded onto the produced Texture. RenderTexture.create() also gains a textureOptions parameter to pass through fields like defaultAnchor to the underlying Texture.
    import { Graphics, Sprite } from 'pixi.js';

const shape = new Graphics().circle(0, 0, 50).fill(0xff3366);

const texture = app.renderer.generateTexture({
    target: shape,
    defaultAnchor: { x: 0.5, y: 0.5 },
});

const sprite = new Sprite(texture);
sprite.position.set(200, 200); // centered by default
🐛 Fixed
🧹 Chores
New Contributors

v8.17.1

Compare Source

💾 Download

Installation:

npm install pixi.js@8.17.1

Development Build:

Production Build:

Documentation:

Changed

🐛 Fixed
  • fix: compressed textures ignoring resolution from URL (e.g. @0.75x) by @​Zyie in #​11960
  • fix: center-align text correctly when words exceed wordWrapWidth by @​Zyie in #​11966
🧹 Chores
  • chore: fix BitmapFont char keys from char codes to character strings by @​Zyie in #​11967
  • fix: add secrets: inherit to publish-switch workflow for S3 docs upload by @​Zyie in #​11962

v8.17.0

Compare Source

💾 Download

Installation:

npm install pixi.js@8.17.0

Development Build:

Production Build:

Documentation:

Changed

🚨 Behavior Change
  • BlurFilter now uses an optimized halving strength scheme by default, which changes visual output compared to previous versions. Set legacy: true to restore the old behavior. 
    new BlurFilter({ legacy: true });
// or globally:
BlurFilter.defaultOptions.legacy = true;
  • Text with align: 'justify' now uses wordWrapWidth for width calculation instead of maxLineWidth, matching CSS behavior. The last line is no longer stretched.
  • breakWords: true in HTMLText now correctly uses CSS word-break: break-word instead of break-all to match behavior of other text renderers.
🎁 Added
  • feat: add tagged text support to canvasTextSplit by @​Zyie in #​11949
    • SplitText now supports tagStyles, so styled runs (e.g. <red>Hello</red> <blue>World</blue>) are correctly split into per-character Text objects with individual styles preserved.
  • feat: Improves text rendering and layout handling by @​Zyie in #​11947
    • Bitmap text now supports whiteSpace modes (normal, pre, nowrap, pre-line, pre-wrap) with proper space/newline collapsing
    • Bitmap text word wrap supports break-after characters (hyphens, en-dash, em-dash, soft hyphen)
    • Canvas text and split text now render align: 'justify' by distributing extra word spacing
    • Dynamic bitmap fonts scale drop shadow blur and distance proportionally to font size
    • Bitmap font xAdvance now uses true advance width from measureText() instead of bounding-box width
    • Kerning values correctly scaled by fontScale in dynamic bitmap fonts
  • feat: add visibleChanged event to container by @​ikigai-bjorn-s in #​11940 
    container.on('visibleChanged', (visible) => {
    console.log('Visibility changed to:', visible);
});
  • feat: Add function for removing aliases from resolver by @​Sertion in #​11921
🐛 Fixed
🧹 Chores

New Contributors

v8.16.0

Compare Source

💾 Download

Installation:

npm install pixi.js@8.16.0

Development Build:

Production Build:

Documentation:

Changed

🚨 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 #​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 #​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 #​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 #​11846 #​11861
  • feat: add parseSync to spritesheet by @​jimhigson in #​11794
  • feat: improved Pool typing for pool.get() method by @​unstoppablecarl in #​11799
  • feat: add cube texture by @​GoodBoyDigital in #​11800
  • by @​GoodBoyDigital in
  • feat: Implement mip level rendering support in the rendering system by @​GoodBoyDigital in #​11801
  • feat: render to array layer by @​GoodBoyDigital in #​11803
🐛 Fixed
🧹 Chores

New Contributors

v8.15.0

Compare Source

💾 Download

Installation:

npm install pixi.js@8.15.0

Development Build:

Production Build:

Documentation:

Changed
🎁 Added
  • feat: add unified GC by @​Zyie in #​11786
    • Deprecated TextureGCSystem/RenderableGCSystem in favor of GCSystem. 
      // old 
app.init({
    textureGCActive: true,
    textureGCMaxIdle: 60000,
    textureGCCheckCountMax: 30000,
    renderableGCActive: true,
    renderableGCMaxUnusedTime: 60000,
    renderableGCFrequency: 30000,
});

// new
app.init({
  gcActive: true,
  gcMaxUnusedTime: 60000,
  gcFrequency: 30000,
});
    • feat: Adds auto-GC option to view containers by @​Zyie in #​11810
      • Disable automatic garbage collection for a node. 
        new Sprite({
    autoGarbageCollect: false,
});
  • feat: add unload method to reset GPU data by @​Zyie in #​11762

    • You can now manually unload a node by calling its unload method. This releases any GPU resources associated with the node. The node can still be used afterward—it will be re-created automatically when needed.

      sprite.unload();
text.unload();
mesh.unload();

    • feat: move GPU context storage to GraphicsContext._gpuData by @​Zyie in #​11763

    • feat: move GPU data to Geometry._gpuData by @​Zyie in #​11772

    • feat: move GPUData to TextureSource by @​Zyie in #​11774

    • feat: move GL/GPU buffer storage to Buffer._gpuData and manage buffers list by @​Zyie in #​11775

    • feat: add descriptive names GCManagedHash by @​Zyie in #​11811

    • feat: update text GPU lifecycle and resolution updates by @​Zyie in #​11781

  • feat: ParticleContainer type improvements by @​unstoppablecarl in #​11708
  • feat: allow RenderTexture.create to accept dynamic option by @​seanzhaoxiaoxiao in #​11767
🐛 Fixed
🧹 Chores
New Contributors

v8.14.3

Compare Source

💾 Download

Installation:

npm install pixi.js@8.14.3

Development Build:

Production Build:

Documentation:

Changed

🐛 Fixed

v8.14.2

Compare Source

💾 Download

Installation:

npm install pixi.js@8.14.2

Development Build:

Production Build:

Documentation:

Changed

🐛 Fixed
🧹 Chores

New Contributors

v8.14.1

Compare Source

💾 Download

Installation:

npm install pixi.js@8.14.1

Development Build:

Production Build:

Documentation:

Changed

🐛 Fixed
🧹 Chores

v8.14.0

Compare Source

💾 Download

Installation:

npm install pixi.js@8.14.0

Development Build:

Production Build:

Documentation:

Changed

🎁 Added
  • feat: add asset loading strategies by @​Zyie in #​11693
    • Three new loading strategies have been introduced: throw, skip, and retry
      • throw: The default strategy and matches the behavior of previous versions. With this strategy enabled any asset that fails to load will throw an error and the promise will reject.
      • skip: If any asset fails to load not error is thrown and the loader continues to load other assets
      • retry: Allow for multiple attempts at loading an asset before an error is thrown. The number of attempts and the delay between attempts are configurable
    const options: LoadOptions = {
  strategy: 'retry',
  retryCount: 5, // Retry up to 5 times
};
await Assets.load('unstable-asset.png', options);
    await Assets.init({
    basePath,
    loadOptions: { strategy: 'skip', onError: (error, asset) => console.log(error, asset.url) },
});

Assets.addBundle('testBundle', [
    { alias: 'bunny', src: 'textures/bunny_no_img.png' },
    { alias: 'bunny2', src: 'textures/bunny.png' },
]);

// only bunny2 is defined and did not throw an error
const assets = await Assets.loadBundle('testBundle');
  • feat: Adds progress size to asset loading by @​Zyie in #​11699
    • You can provide progressSize when loading assets to get a more accurate loading percentage. If no size is provide the default value is 1.
    const assets = [
    {
        src: [
            {
                src: 'textures/texture.webp',
                progressSize: 900,
            },
        ],
        alias: ['bunny-array', 'bunny-array2'],
    },
    {
        src: 'textures/bunny.png',
        progressSize: 100,
    }
];
const res = await Assets.load(assets, progressMock);
  • feat: added rotate to Point math-extras by @​unstoppablecarl in #​11704 
      // Basic point rotation
  const point = new Point(10, 20);

✂ Note

PR body was truncated to here.

Configuration

📅 Schedule: (UTC)

  • Branch creation
    • At any time (no schedule defined)
  • Automerge
    • At any time (no schedule defined)

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@renovate renovate Bot added the dependencies label Mar 8, 2024
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 70fd622 to 3a39c56 Compare August 8, 2025 12:52
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 3a39c56 to 9cd6f3a Compare August 19, 2025 14:27
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 9cd6f3a to a6dbe01 Compare September 5, 2025 14:23
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from a6dbe01 to a23fefa Compare September 13, 2025 23:24
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from a23fefa to 60baef7 Compare September 25, 2025 20:56
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 60baef7 to 9327773 Compare October 9, 2025 23:00
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 9327773 to 38d2167 Compare October 21, 2025 10:48
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 38d2167 to d81c39c Compare November 11, 2025 02:05
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch 2 times, most recently from 1c03fd1 to 36d0a70 Compare November 21, 2025 09:43
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 36d0a70 to d813cb5 Compare December 3, 2025 17:35
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from d813cb5 to 318eca6 Compare December 31, 2025 15:54
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 318eca6 to 3e398f5 Compare January 8, 2026 14:40
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 3e398f5 to 474923e Compare January 19, 2026 16:12
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 474923e to 47577b7 Compare February 6, 2026 21:15
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch 2 times, most recently from 5f34f0d to 9107b11 Compare March 19, 2026 13:18
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 9107b11 to 727aaa1 Compare April 1, 2026 16:46
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 727aaa1 to 40f1c43 Compare April 17, 2026 17:57
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 40f1c43 to 64426b2 Compare April 29, 2026 20:33
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from 64426b2 to d6c0166 Compare May 12, 2026 16:17
@renovate renovate Bot force-pushed the renovate/pixi.js-8.x branch from d6c0166 to c4c047d Compare June 7, 2026 08:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

dependencies

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

0 participants