Jump to content

Mark_

Members
  • Content Count

    3
  • Joined

  • Last visited

  1. I've put it on codesandbox. It should open on the filter file. I've commented out the line that breaks it.
  2. Thanks for that. I've tried to follow your suggestion but I'm not getting the results I expected. I'm not sure what I'm doing wrong. export default class MyFilter extends Filter { constructor() { super(); this.blurFilter = new BlurFilter(10); this.colorMatrixFilter = new ColorMatrixFilter(); this.colorMatrixFilter.matrix = [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 3, -2]; } apply(filterManager, input, output, clearMode) { const renderTarget = filterManager.getFilterTexture(); this.blurFilter.apply(filterManager, input, renderTarget, CLEAR_MODE
  3. I'm trying to apply a series of filters to a Graphics object: const filters = [ new PIXI.filters.BlurFilter(10), colorMatrixFilter ]; Is there any way with filters to render the original graphics on top? I tried duplicating the Graphics object without filters but it's slow. In SVG it would be done like this: <filter id="myFilter"> <feGaussianBlur in="SourceGraphic" stdDeviation="10"/> <feColorMatrix mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="result"/> <feComposite in="SourceGraphic" in2="result" operator="atop"/&g
×
×
  • Create New...