adil.invideo

Hello... Have noticed the the video texture displays green when pixi is running on firefox. Works fine on chrome. Find a link of the fiddle below https://jsfiddle.net/zodiacleo/nvb7eh1x/ Chrome Firefox

So what would you suggest in such scenario where there is WebGL2 support but the texture is not a Power Of two?

Thats what i thought but for some reason doesn't seem to work here... In the demo i shared does it look clear for you ?? even with a slight zoom in

Size of the texture seems to be 2184x1456. And running it on chrome desktop web browser with wegGl2 support

Tried the following var baseTexture = new PIXI.BaseTexture(url, PIXI.SCALE_MODES.NEAREST, 2); baseTexture.mipmap = PIXI.MIPMAP_MODES.ON; Both LINEAR AND NEAREST. No luck...

Hi, Having a very basic issue but can't seem to get the right solution. Currently, i have a canvas size of 16:9 854x480 (480p) and we place a single large sprite on it. We adjust the height and width of the sprite, post which it gets blurry or pixelated based on the SCALE_MODE being used. Making "PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.NEAREST;" made is crisp and pixelated. How do we maintain the clarity of the same? Have attached a demo of the same here and feel free to edit it. Details: PIXI VERSION : 6.0.2 Device Resolution : 2 Demo : https://j

@ivan.popelyshev I noticed that after adding this fix, almost every sprite gets a bright stroke around it. This may be possible because of premultiplied alpha being applied more than once. How do we go about solving this ?

Upgraded to PIXI 6 and used the following code PIXI.resources.BaseImageResource.prototype.upload = function(renderer, baseTexture, glTexture, source) { const gl = renderer.gl; const width = baseTexture.realWidth; const height = baseTexture.realHeight; source = source || this.source; gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, baseTexture.premultiplyAlpha); // add this line, check for video const isVideo = !!source.videoWidth if (!isVideo && baseTexture.target === gl.TEXTURE_2D && glTexture.width === width && glTexture.height === height) {

Hi @ivan.popelyshev thanks for directing me. I did try the solutions mentioned here https://github.com/pixijs/pixi.js/issues/4089 but none of them worked. Could you please help out and correct me if I'm doing anything wrong. https://jsfiddle.net/adil_invideo/va7nqf3y/238/ NEED HELP.. Thanks

Currently I'm loading a webm video using PIXI.Texture.fromVideo. The video has a certain amount of transparent because of which it blends well with the background when executed using native html, css via the video tag. Doing the same in PIXI doesn't give the same result because of which things go off. Need some help here. A link to the experiment is here that shows the comparison between html and PIXI. https://jsfiddle.net/adil_invideo/va7nqf3y/209/ Example Description: 1) A webM video that has blue and grey clouds both with a certain amount of alpha. 2) Adding a white back