じ☆ve冰风 发表于 2024-2-13 13:36:56

事件使用:高斯模糊(毛玻璃)效果简单实现

自己在制作时候正好用上。请教过别人,然后我自己把功能扩充了下。具体功能可见代码help
另外,由于保存图片在”事件“中,想要渐变,移动等功能只要使用 移动图片 即可实现。

JAVASCRIPT 代码下载

/*:
* @author 日月星辰
* @plugindesc 屏幕截图&模糊 工具
* @help
* 1. 在事件中显示名为 snap 的图片即可获取全屏截图 (可随便放一张图片,推荐为空)
* 2. 在事件中显示名为 blur 的图片即可获取全屏截图并模糊 (同上)
* 3. 在事件中使用插件指令: blurPart x, y, w, h, opacity, id,
*    即可获取区域截图并模糊,保存至id号图片
*
* @param blurLevel
* @desc 模糊的等级,越高越糊,推荐范围,默认1
* @default 1
*/

var params = PluginManager.parameters('SnapBlur');

var blurLevel = Number(params['blurLevel'] || 1);

var x;
var y;
var w;
var h;

(function() {
Sprite_Picture.prototype.loadBitmap = function() {
if (this._pictureName === "snap") {
    this.bitmap = SceneManager.snap();
} else if (this._pictureName === "blur" ){
    this.bitmap = SceneManager.snap();
    for (var i = 0; i < blurLevel; i++)
      this.bitmap.blur();
} else if (this._pictureName === "blurPart") {
    this.bitmap = SceneManager.snap();
    for (var i = 0; i < blurLevel; i++)
      this.bitmap.blurArea(x, y, w, h);
} else {
    this.bitmap = ImageManager.loadPicture(this._pictureName);
}
};
})();

var alias_command = Game_Interpreter.prototype.pluginCommand;
Game_Interpreter.prototype.pluginCommand = function(command, args) {
alias_command.call(this, command, args);
if (command === 'blurPart') {
    x = parseInt(args);
    y = parseInt(args);
    w = parseInt(args);
    h = parseInt(args);

    var opacity = parseInt(args);
    var id = parseInt(args);

    $gameScreen.showPicture(id, "blurPart" ,0, 0, 0, 100, 100, opacity, 0, x, w, y, h);
}
return true;
};

Bitmap.prototype.blurArea = function(x, y, w, h) {
    for (var i = 0; i < 2; i++) {
      var canvas = this._canvas;
      var context = this._context;
      var tempCanvas = document.createElement('canvas');
      var tempContext = tempCanvas.getContext('2d');
      tempCanvas.width = w + 2;
      tempCanvas.height = h + 2;
      tempContext.drawImage(canvas, x, y, w, h, 1, 1, w, h);
      tempContext.drawImage(canvas, x, y, w, 1, 1, 0, w, 1);
      tempContext.drawImage(canvas, x, y, 1, h, 0, 1, 1, h);
      tempContext.drawImage(canvas, x, h - 1, w, 1, 1, h + 1, w, 1);
      tempContext.drawImage(canvas, w - 1, y, 1, h, w + 1, 1, 1, h);
      context.save();
      context.fillStyle = 'black';
      context.fillRect(x, y, w, h);
      context.globalCompositeOperation = 'lighter';
      context.globalAlpha = 1 / 9;
      for (var yy = 0; yy < 3; yy++) {
            for (var xx = 0; xx < 3; xx++) {
                context.drawImage(tempCanvas, xx, yy, w, h, x, y, w, h);
            }
      }
      context.restore();
    }
    this._setDirty();
};


             本帖来自P1论坛作者日月星辰,因Project1站服务器在国外有时候访问缓慢不方便作者交流学习,经联系P1站长fux2同意署名转载一起分享游戏制作经验,共同为国内独立游戏作者共同创造良好交流环境,原文地址:https://rpg.blue/forum.php?mod=viewthread&tid=390550若有侵权,发帖作者可联系底部站长QQ在线咨询功能删除,谢谢。
页: [1]
查看完整版本: 事件使用:高斯模糊(毛玻璃)效果简单实现