Wave Filter

biud436 · 2016-03-17T17:01:38+0900

Wave Filter 1.5.10 by Biud436 Introduction This plugin applies the wave effect to the sprite by using the Fragment Shader. Features - This only works in WebGL mode. - You can use four properties called wave_amp and wave_length and wave_speed and wave_phase on Sprite. the sprite object can set these properties or return their properties. Screenshots / Video Spoiler Click to expand... How to Use Spoiler Sprite Create a sprite by loading the bitmap image and set the wave to true. The following code applies the wave effect to Sprite. // Create Sprite var bitmap = ImageManager.loadSvEnemy('Death'); var sprite = new Sprite(bitmap); SceneManager._scene.addChild(sprite); // Enable Wave sprite.wave = true; It is possible to use the Sprite Wave Properties like RPG Maker VX Ace. wave : The default value is false. wave_amp : You must set the the value is a floating point number between 0 and 1 wave_length : You must set the value is a number between 0 and max-height of the sprite. wave_speed : The default value is to 0.25 wave_phase : The default value is to 360 Picture This plugin command would activate the wave effect to your picture: PictureWave Start picture_id wave_speed wave_amp - picture_id : Specify the id of the game picture. - wave_speed : The speed of the wave effect. if the value is to 0, the wave speed will slow down, if the value is 1, it will make a speed is the fastest. The available value is the number between 0 and 1. The default value is to 0.25 - wave_amp : Amplitude of the wave. if you are set the Amp value with the large value, The image may not be visible. So you must set it to the appropriate value. Likewise, The available value is the number between 0 and 1. The default value is to 0.05 This plugin command would deactivate the wave effect of your picture: PictureWave Stop picture_id - picture_id : Specify the id of the game picture. Tilemap The following plugin commands apply the wave effect to Tilemap. This plugin contains these six types them. This plugin commands allow you to enable or disable the wave effect. Tilemap_Wave Enable Tilemap_Wave Disable This plugin command allows you to set the speed of the wave effect. the x is a floating-point number between 0 and 1. Default value is to 0.25 Tilemap_Wave waveSpeed x This plugin command allows you to set the amplitude of the wave effect. the x is a floating-point number between 0 and 1. Default value is to 0.02 Tilemap_Wave waveFrequency x This plugin command allows you to set the UV speed of the wave effect. the x is a floating-point number between 0 and 1. Default value is to 0.25 Tilemap_Wave UVSpeed x Event Notetags Note tags : These note tags allow you to enable or disable the wave effect. This note tag allows you to set the amplitude of the wave effect. the x is a floating-point number between 0 and 1. the default value is to 0.02 This note tag allows you to set the speed of the wave effect. the x is a floating-point number between 0 and 1. the default value is to 0.25 Battle Notetag These note tags allow you to set the wave effect. You have to put the note tags in the note area of the map properties. These values must replace by a real value such as 0.02 - x : the x value is the same as a waveFrequency. - y : the y value is the same as a waveSpeed. For Example : When using Yanfly's Action Sequence Pack 1, you can enable its filter too. This function has the pointer of the Spriteset_Battle and easy to use. eval: $gameTemp.setBattleBackWaveEffect(cond, waveAmp, waveSpeed); - cond : Specify true or false whether the wave effect is used. - waveAmp : the default value is to 0.02 - waveSpeed : the default value is to 0.25 Plugin Github RAW - Save button appears when you right-click on the link. Download (ZIP file) - DownGit Change Log Spoiler 2016.01.14 (v1.0.0) - First Release. 2016.01.16 (v1.0.1) - Added the function to remove the filter. 2016.01.18 (v1.1.0) - Added the plugin command. 2016.01.22 (v1.2.0) - Fixed the Save and Load bug 2016.02.16 (v1.3.0) - Fixed Bug (After the player came back to Menu, you had to set the wave effect again) 2016.02.26 (v1.3.1) - Fixed the default padding value of the sprite. (default value is to 512) 2016.03.03 (v1.3.2) - Added new Sprite Properties (wave_amp, wave_speed, wave_length, wave_phase) 2016.08.17 (v1.4.0) - Fixed the issue that is not working in RMMV 1.3.0 2016.08.18 (v1.5.0) - supports a wave filter in ShaderTilemap. 2016.10.20 (v1.5.1) - Fixed the issue that is not working in RMMV 1.3.2 2016.11.10 (v1.5.2) - Fixed the issue that is not working in Orange Overlay plugin. 2016.11.18 (v1.5.3) - Fixed an issue where the original tilemap is rendered when using Orange Overlay plugin. 2016.11.26 (v1.5.4) - Added certain code to remove the texture from memory. 2016.11.30 (v1.5.5) - Fixed the issue that has the black border lines in a filter area. 2017.12.10 (v1.5.6) - Added the plugin command cal…

● ARCHIVED · READ-ONLY

Started by biud436 Mar 17, 2016, 08:01 AM 48 posts Page 3 of 3 View original ↗

biud436

#41 Oct 21, 2020, 05:17 AM Source

belatucadrus said:
I prefer to use your plugin rather than the pixi filter controller one

I'm still hoping someone comes with a fix for the wave speeding up when scrolling vertically lol
I've tried a lot to solve that problem.
I think that the problem is related with UV and $gameMap._displayY, but it's hard to solve it yet.

BlueCloud

#42 Jun 14, 2021, 03:55 PM Source

This is a really nice plugin, thanks.

I made modifications to the Fragment shader to have vertical axis and both axis versions. If you wanted to build these into the plugin with a way to switch between Horizontal (Default), Vertical and Both Axis that would be great.

Vertical Wave:

Code:

     var fragmentSrc = [
       'precision mediump float;',

       'varying vec2 vTextureCoord;',

       'uniform float waveHeight;',
       'uniform float waveFrequency;',
       'uniform float waveTime;',
       'uniform float wavePhase;',
       'uniform float UVSpeed;',

       'uniform vec4 filterArea;',
       'uniform vec4 filterClamp;',
       'uniform vec2 origin;',

       'uniform sampler2D uSampler;',

       'void main(void) {',
       '   float time = waveFrequency * sin( wavePhase * (waveTime - vTextureCoord.x / (waveHeight / filterArea.x)) );',
       '   vec2 vCoord = vec2(vTextureCoord.x, vTextureCoord.y + time * UVSpeed);',
       '   gl_FragColor = texture2D(uSampler, clamp(vCoord, filterClamp.xy, filterClamp.zw));',
       '}'
     ].join('\n');

Both Axis Wave:

Code:

     var fragmentSrc = [
       'precision mediump float;',

       'varying vec2 vTextureCoord;',

       'uniform float waveHeight;',
       'uniform float waveFrequency;',
       'uniform float waveTime;',
       'uniform float wavePhase;',
       'uniform float UVSpeed;',

       'uniform vec4 filterArea;',
       'uniform vec4 filterClamp;',
       'uniform vec2 origin;',

       'uniform sampler2D uSampler;',

       'void main(void) {',
       '   float timeh = waveFrequency * sin( wavePhase * (waveTime - vTextureCoord.y / (waveHeight / filterArea.y)) );',
       '   float timev = waveFrequency * sin( wavePhase * (waveTime - vTextureCoord.x / (waveHeight / filterArea.x)) );',
       '   vec2 vCoord = vec2(vTextureCoord.x + timeh * UVSpeed, vTextureCoord.y + timev * UVSpeed);',

       '   gl_FragColor = texture2D(uSampler, clamp(vCoord, filterClamp.xy, filterClamp.zw));',
       '}'
     ].join('\n');

biud436

#43 Jul 3, 2021, 02:49 AM Source

BlueCloud said:

Code:

     var fragmentSrc = [
       'precision mediump float;',

       'varying vec2 vTextureCoord;',

       'uniform float waveHeight;',
       'uniform float waveFrequency;',
       'uniform float waveTime;',
       'uniform float wavePhase;',
       'uniform float UVSpeed;',

       'uniform vec4 filterArea;',
       'uniform vec4 filterClamp;',
       'uniform vec2 origin;',

       'uniform sampler2D uSampler;',

       'void main(void) {',
       '   float time = waveFrequency * sin( wavePhase * (waveTime - vTextureCoord.x / (waveHeight / filterArea.x)) );',
       '   vec2 vCoord = vec2(vTextureCoord.x, vTextureCoord.y + time * UVSpeed);',
       '   gl_FragColor = texture2D(uSampler, clamp(vCoord, filterClamp.xy, filterClamp.zw));',
       '}'
     ].join('\n');

Both Axis Wave:

Code:

     var fragmentSrc = [
       'precision mediump float;',

       'varying vec2 vTextureCoord;',

       'uniform float waveHeight;',
       'uniform float waveFrequency;',
       'uniform float waveTime;',
       'uniform float wavePhase;',
       'uniform float UVSpeed;',

       'uniform vec4 filterArea;',
       'uniform vec4 filterClamp;',
       'uniform vec2 origin;',

       'uniform sampler2D uSampler;',

       'void main(void) {',
       '   float timeh = waveFrequency * sin( wavePhase * (waveTime - vTextureCoord.y / (waveHeight / filterArea.y)) );',
       '   float timev = waveFrequency * sin( wavePhase * (waveTime - vTextureCoord.x / (waveHeight / filterArea.x)) );',
       '   vec2 vCoord = vec2(vTextureCoord.x + timeh * UVSpeed, vTextureCoord.y + timev * UVSpeed);',

       '   gl_FragColor = texture2D(uSampler, clamp(vCoord, filterClamp.xy, filterClamp.zw));',
       '}'
     ].join('\n');

Oh, it is pretty brilliant. I need to do some research how to switch a method of vertically or horizontally in this plugin's flow dynamically.

Gabezin

#44 Dec 13, 2021, 01:31 AM Source

Any chance of an MZ version?
biud436

#45 Dec 27, 2021, 04:18 AM Source

Gabezin said:
Any chance of an MZ version?
I'm trying. I hope to migrate all of plugins as MZ version, but I don't have time to work after I got a job.
biud436

#46 Jun 6, 2022, 01:40 PM Source

Gabezin said:
Any chance of an MZ version?

Hi, dude. I found a way to make this plugin work well in the RPG Maker MZ.
I just finished the work and the test.

v2.0.0-rc1 : https://github.com/biud436/MZ/blob/master/RS_WaveFilter.js
Kadajah

#47 Jun 7, 2022, 11:56 AM Source

biud436 said:
Hi, dude. I found a way to make this plugin work well in the RPG Maker MZ.
I just finished the work and the test.

v2.0.0-rc1 : https://github.com/biud436/MZ/blob/master/RS_WaveFilter.js
Thank you very much, I think your work is fantastic!
Kadajah

#48 Jun 8, 2022, 11:53 AM Source

resolved, it was a conflict with the -ShoraLighting- plugin
Basically, I removed the entire contents of the updateIntensityFilter(spriteset, disable) function from -SL-

since RPGMZ was not able to process spriteset._baseSprite.filters as a function.

this was a crappy way to solve the problem, i'm sure there are better ways, but it solved it for now.

sorry for the inconvenience of the question before testing all my options, this will not happen again!

Hey man, how are you? So, I'm really enjoying the effect I get using your plugin, but I encountered a problem, when I try to access the menu or start a fight, the game returns this error, when I disable the plugin everything works normally, any idea what could be causing this? Thanks in advance.