Skip to content

A plugin that includes a sprite renderer that reduces border artifacts and 3 blend mode implementations for WebGL

License

Notifications You must be signed in to change notification settings

cklinker/pixi-picture

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pixi-picture

Build Status

Precise Sprite Renderer

A plugin that includes a sprite renderer that reduces border artifacts and 3 blend mode implementations for WebGL

Allows to use blendModes that are not available in pure webgl implementation, such as PIXI.BLEND_MODES.OVERLAY.

Please, don't add children to sprite if you use those blendModes.

Use PIXI.picture.Sprite instead of PIXI.Sprite, or change sprite pluginName to picture, or call renderer.plugins.picture from your own Sprite implementation.

Overlay example

Heavenly filter feature

Enables backdropSampler uniform in filters, works only if you render stage to renderTexture or you have a filter somewhere in parents.

Sample DisplacementFilter takes everything from container and applies it as a displacement texture on backdrop.

Filter example

Compatibility

Compatible with PixiJS 4.8.0 and up.

For PixiJS v4.1 and prior see pixi-v4.1 branch For PixiJS v4.7 and prior see pixi-v4.2 branch

How to build

npm install
npm run build

About

A plugin that includes a sprite renderer that reduces border artifacts and 3 blend mode implementations for WebGL

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.7%
  • JavaScript 3.3%