/*
#=============================================================================
# Outline Events
# OutlineEvents.js
# By Lecode
# Version 1.0
#-----------------------------------------------------------------------------
# TERMS OF USE
#-----------------------------------------------------------------------------
# - Credits to Lecode
# - Only usable by Etiennezizka
#-----------------------------------------------------------------------------
# Version History
#-----------------------------------------------------------------------------
# - 1.0 : Initial release
#=============================================================================
*/
var Lecode = Lecode || {};
Lecode.C_OutlineEvents = {};
/*:
* @plugindesc Outline events when the player is close
* @author Lecode
* @version 1.0
*
* @param Thickness
* @desc Default thickness of the outline
* @default 1
*
* @param Color
* @desc Default color of the outline
* @default 0xFFFFFF
*
* @param Distance From Player
* @desc Default minimal distance to trigger the outline
* @default 2
*
* @param Need Facing ?
* @desc Should the player face events to trigger the outline ?
* @default true
*
*
* @help
* #-----------------------------------------------------------------------------
* # Introduction
* #-----------------------------------------------------------------------------
* This plugin highlights events when the player is near them.
* The color and thickness of the highlighting can be modified.
* The other parameters define the required minimal distance from the player
* to trigger the plugin, and if the player need to face them or not.
*
* Note: Color is in hexadecimal notation.
*
* #-----------------------------------------------------------------------------
* # Set Up
* #-----------------------------------------------------------------------------
* To activate the plugin on an event, simply put the <Outline> tag on it.
* You can however give specified parameters for your events, with this tag instead:
* <Outline: Thickness, Color, Distance, NeedFacing?>
*
* Example: <Outline: 4, 0x5882FA, 4, false>
*/
//#=============================================================================
/*-------------------------------------------------------------------------
* Get Parameters
-------------------------------------------------------------------------*/
var parameters = PluginManager.parameters('DragonWarrior');
Lecode.C_OutlineEvents.thickness = Number(parameters["Thickness"] || 1);
Lecode.C_OutlineEvents.color = Number(parameters["Color"] || 0xFFFFFF);
Lecode.C_OutlineEvents.distanceFromPlayer = Number(parameters["Distance From Player"] || 2);
Lecode.C_OutlineEvents.needFacing = String(parameters["Need Facing ?"] || 'true') === 'true';
/*-------------------------------------------------------------------------
* Lecode.C_OutlineEvents
-------------------------------------------------------------------------*/
Lecode.C_OutlineEvents.applyFilter = function (event, thickness, color) {
var scene = SceneManager._scene;
var spriteset = scene._spriteset;
if (!spriteset) return;
var sprites = spriteset._characterSprites;
for (var i = 0; i < sprites.length; i++) {
var sprite = sprites[i];
if (sprite._character._eventId === event._eventId) {
var filter = new OutlineFilter(thickness, color);
sprite.filters = [filter];
}
}
};
Lecode.C_OutlineEvents.removeFilter = function (event) {
var scene = SceneManager._scene;
var spriteset = scene._spriteset;
if (!spriteset) return;
var sprites = spriteset._characterSprites;
for (var i = 0; i < sprites.length; i++) {
var sprite = sprites[i];
if (sprite._character._eventId === event._eventId) {
sprite.filters = [];
}
}
};
/*-------------------------------------------------------------------------
* Game_Player
-------------------------------------------------------------------------*/
Lecode.C_OutlineEvents.oldGamePlayer_locate = Game_Player.prototype.locate;
Game_Player.prototype.locate = function (x, y) {
Lecode.C_OutlineEvents.oldGamePlayer_locate.call(this, x, y);
this.checkOutlineEvent();
};
Lecode.C_OutlineEvents.oldGamePlayer_increaseSteps = Game_Player.prototype.increaseSteps;
Game_Player.prototype.increaseSteps = function () {
Lecode.C_OutlineEvents.oldGamePlayer_increaseSteps.call(this);
this.checkOutlineEvent();
};
Lecode.C_OutlineEvents.oldGamePlayer_setDirection = Game_Player.prototype.setDirection;
Game_Player.prototype.setDirection = function (dir) {
Lecode.C_OutlineEvents.oldGamePlayer_setDirection.call(this, dir);
this.checkOutlineEvent();
};
Game_Player.prototype.checkOutlineEvent = function () {
var isLookingAt = function (event) {
if (event.x > this.x && this._direction === 6) return true;
if (event.x < this.x && this._direction === 4) return true;
if (event.y > this.y && this._direction === 2) return true;
if (event.y < this.y && this._direction === 8) return true;
return false;
}.bind(this);
for (var i = 0; i < $gameMap.events().length; i++) {
var event = $gameMap.events()[i];
if (event === $gamePlayer) return;
var distance = $gameMap.distance(this.x, this.y, event.x, event.y);
var activate = false;
var minDistance = Lecode.C_OutlineEvents.distanceFromPlayer;
var needFacing = Lecode.C_OutlineEvents.needFacing;
var thickness = Lecode.C_OutlineEvents.thickness;
var color = Lecode.C_OutlineEvents.color;
if (event.event().note.match(/<Outline>/i)) {
activate = true;
} else if (event.event().note.match(/<Outline\s?:\s?(.+)\,(.+)\,(.+)\,(.+)>/i)) {
thickness = Number(RegExp.$1);
color = Number(RegExp.$2);
minDistance = Number(RegExp.$3);
needFacing = RegExp.$4.trim() === "true";
activate = true;
} else {
continue;
}
if (activate && distance <= minDistance) {
if (needFacing && !isLookingAt(event)) {
Lecode.C_OutlineEvents.removeFilter(event);
continue;
}
Lecode.C_OutlineEvents.applyFilter(event, thickness, color);
} else {
Lecode.C_OutlineEvents.removeFilter(event);
}
}
};
/**
* OutlineFilter, originally by mishaa
* http://www.html5gamedevs.com/topic/10640-outline-a-sprite-change-certain-colors/?p=69966
* http://codepen.io/mishaa/pen/emGNRB
*
* @class
* @param thickness {number} The tickness of the outline. Make it 2 times more for resolution 2
* @param color {number} The color of the glow.
*
* @example
* someSprite.shader = new OutlineFilter(9, 0xFF0000);
*/
function OutlineFilter(thickness, color) {
thickness = thickness || 1;
var vertext =
"attribute vec2 aVertexPosition;" +
"attribute vec2 aTextureCoord;" +
"" +
"uniform mat3 projectionMatrix;" +
"varying vec2 vTextureCoord;" +
"" +
"void main(void){" +
" gl_Position = vec4((projectionMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);" +
" vTextureCoord = aTextureCoord;" +
"}";
var fragment =
"varying vec2 vTextureCoord;" +
"uniform sampler2D uSampler;" +
"" +
"uniform float thickness;" +
"uniform vec4 outlineColor;" +
"uniform vec4 filterArea;" +
"uniform vec4 filterClamp;" +
"vec2 px = vec2(1.0 / filterArea.x, 1.0 / filterArea.y);" +
"" +
"void main(void) {" +
" const float PI = 3.14159265358979323846264;" +
" vec4 ownColor = texture2D(uSampler, vTextureCoord);" +
" vec4 curColor;" +
" float maxAlpha = 0.;" +
" vec2 displaced;" +
" for (float angle = 0.; angle < PI * 2.; angle += %THICKNESS% ) {" +
" displaced.x = vTextureCoord.x + thickness * px.x * cos(angle);" +
" displaced.y = vTextureCoord.y + thickness * px.y * sin(angle);" +
" curColor = texture2D(uSampler, clamp(displaced, filterClamp.xy, filterClamp.zw));" +
" maxAlpha = max(maxAlpha, curColor.a);" +
" }" +
" float resultAlpha = max(maxAlpha, ownColor.a);" +
" if (resultAlpha >= 0.3) {;" +
" resultAlpha = 1.;" +
" }" +
" gl_FragColor = vec4((ownColor.rgb + outlineColor.rgb * (1. - ownColor.a)) * resultAlpha, resultAlpha);" +
"}";
PIXI.Filter.call(this,
vertext,
fragment.replace(/%THICKNESS%/gi, (1.0 / thickness).toFixed(7))
);
this.uniforms.thickness = thickness;
this.uniforms.outlineColor = new Float32Array([0, 0, 0, 1]);
if (color) {
this.color = color;
}
}
OutlineFilter.prototype = Object.create(PIXI.Filter.prototype);
OutlineFilter.prototype.constructor = OutlineFilter;
//module.exports = OutlineFilter;
Object.defineProperties(OutlineFilter.prototype, {
color: {
get: function () {
return PIXI.utils.rgb2hex(this.uniforms.outlineColor);
},
set: function (value) {
PIXI.utils.hex2rgb(value, this.uniforms.outlineColor);
}
}
});
!
