bubamara

Seems like precision problem over the time. Try adding: this.tile.tilePosition.x %= this.tileTexture.width;

using m4a instead is the workaround

Really should be mentioned in Pixi wiki as it's frequent question.. Add this to you webpack config file: plugins: [ new webpack.ProvidePlugin({ PIXI: 'pixi.js' }) ] ..and then only import pixi layers, spine, whatever.

You can also use https://github.com/EneaEntertainment/pixi-html-element-wrapper It will link your HTML element with dummy PIXI.DisplayObject which you can then position, rotate and scale in scene as you would with any other display object.

loader.onComplete is MiniSignal. There are 3 ways how to remove handler: const binding = loader.onComplete.add(handler); loader.onComplete.detach(binding); or const binding = loader.onComplete.add(handler); binding.detach(); or detaching all at once loader.onComplete.detachAll();

Uint16Array actually, but glad you found it.

this should work: const buffer = mesh.geometry.getBuffer('aVertexPosition'); updateLoop(() => { // change 1st vertex buffer.data[0]++; buffer.update(); });

You're welcome. If you need to combine those two inside of pixi stage, you'll have to write your own pure pixi input unfortunatelly

yes, not possible with HTML elements. You can position HTML element only above or below Pixi canvas.

Hi, pixi-html-element-wrapper allows you to position HTML elements above or below Pixi canvas. Input is HTML element and image is sprite added to Pixi stage, is that correct? In that case it works like intended. Input's z-index will affect it's Z position only against canvas in which Pixi is living in. Sprite added to Pixi stage is 'part' of that canvas.

You actually need to draw something to canvas plus it's missing new keyword before Sprite. Here's working demo for you: https://pixiplayground.com/#/edit/H7xf1sMhhQpzD2anLy51a

You can still render grid tile to canvas, grab the texture from it and update.

Do you really need shader for that? Wouldn't be simple tiling sprite enough?

you’re welcome

the other way is to use webpack's provide plugin : plugins: [ new webpack.ProvidePlugin({ PIXI: 'pixi.js' }) ]