A downloadable plugin

Download NowName your own price

Please notice this plugin is about adding canvas 2D based blend modes and filters to MV/MZ. If you are looking for a way to upgrade PixiJS to have more options on blend modes and filters, you can search for a guide. This plugin is not for that.
Current version of PixiJS: MZ v5.3.12, MV v4.5.4, when this plugin was made.

Introduction:
Restore 13 missing blend modes('overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity') once available in canvas mode of RMMV. Also adde css filters such and blur, hue-rotate, brightness, etc.

How to use:
Download SpriteCanvasBlendModes.js and install it as a plugin.
This plugin is plug-and-play, so there's no parameter for now. It work in both MV and MZ.

There are some changes to event code:
1. event.setBlendMode now allow string parameter such as 'color-dodge', 'exclusion', 'overlay', etc.
All possible values and be found here:
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

2. Add new method event.setCssFilter(filter), and event.cssFilter() to set and get css filter of the event.
The filters can be found here:
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

CustomSpriteCanvasFilters.js is an experimental plugin that addes several custom filters, you can install it below the main plugin. The new filters are used to create screen effects and they don't render the sprites themselves. The new filters are "rgbswap", "@gameboy", "@gameboy-dither", "@nes", "@nes-dither", "@dotmatrix" and "@dotmatrix2".  To use them you need to create a sprite which is displayed above all(e.g., picture) and change its filter property to one of those values above.

Known issues:
Now only works on sprites and display objects inherit from sprite.
Can conflict with bush, the event may loss filters or blend effects when standing on a bush tile.
Some filters(drop shadow, blur) requires bigger display area than the sprite itself so they may get cropped.
The plugin uses canvas 2d methods so it is a bit slow if you display lots of special effects on screen.

Terms of use:
You can use the plugin in any projects, credits is not required but appreciated.

Download

Download NowName your own price

Click download now to get access to the following files:

SpriteCanvasBlendModes.js 14 kB
CustomSpriteCanvasFilters.js 8.8 kB

Leave a comment

Log in with itch.io to leave a comment.