WyllisMonteiro

Members
  • Content Count

    7
  • Joined

  • Last visited

  1. Transparent: true, not working too, so I created a codepen but I don't arrived to use pixi filter, I'm working on at link bellow : https://codepen.io/anon/pen/jgLedm?editors=1111
  2. I tried code bellow but it changes nothing. I tried filter KawaseBlurFilter which works well but if I put a mask I got this error with all filters. I think mask cause this bug. I also look MAC version, it's OS X Yosemite version 10.10.2. Is there a minimum version of MAC device for using PIXI
  3. I will try it but in doc there is not this param : https://pixijs.download/v5.0.4/docs/PIXI.Application.html I will try antialias param
  4. Thank's for your help, I'm on firefox and pixijs version is 5.0.4. This bug is just on firefox.
  5. I have to use filter of pixi js like AdjustmentFilter. I got an issue with MAC, I initailised canvas, then I put effects when canvas is loaded. After adding green in filter variable I tied to export my canvas. I got a bad image as you can see bellow // Basic image // Exported canvas //Some code var W = window.innerWidth $(document).ready(function() { const app = new PIXI.Application({ width: W, height: W / 2 }); document.body.appendChild(app.view); // Inner radius of the circle const radius = 100; // The blur amount const blurSize = 32; app.loader.add('grass', 'grass.jpeg'); app.loader.load(setup); function setup(loader, resources) { var containerBG = new PIXI.Container() var containerBlur = new PIXI.Container() app.stage.addChild(containerBG); app.stage.addChild(containerBlur); const background2 = new PIXI.Sprite(resources.grass.texture); app.stage.addChild(background2); background2.width = W; background2.height = W / 2; containerBG.addChild(background2); var filter3 = new KawaseBlurFilter() filter3.blur = 12 filter3.quality = 5 var filter4 = new AdjustmentFilter() filter4.green = 5 const background = new PIXI.Sprite(resources.grass.texture); background.width = W; background.height = W / 2; containerBG.addChild(background); background.filters = [filter4] var circle = new PIXI.Graphics() .beginFill(0xFF0000) .drawCircle(500, 500, radius) .endFill(); containerBlur.addChild(circle) background.mask = containerBlur; var exportCanvas = app.renderer.plugins.extract.canvas(containerBG) console.log(exportCanvas.toDataURL("image/jpeg")) app.stage.interactive = true; app.stage.on('mousemove', pointerMove); } }) If you need more details, I can gie you more, thank you in advance !
  6. I use PIXIJS to add effect on image. I already use adjustementFilter() and it's work well but with convolutionFilter() i get error. Code : <!DOCTYPE html> <html> <head> <title></title> <script src="pixi.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/pixi-filters@2.6.1/dist/pixi-filters.js"></script> <script> var filterEffect = new PIXI.filters.AdjustmentFilter(); var filterSharpen = new PIXI.filters.ConvolutionFilter(); </script> </head> <body> </body> </html>