设为首页收藏本站|繁體中文

Project1

 找回密码
 注册会员
搜索

有大神知道到底发生了啥么

查看数: 1991 | 评论数: 1 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2022-2-7 15:28

正文摘要:

Sprite每帧改变_blendColor并_refresh掉帧掉到姥姥家 我直接懵逼  就一个Sprite刷这个特效能这么卡么

回复

仇九 发表于 2022-2-8 13:35:21
_blendColor这个东西吧……的确最好不要用。
当你每设置一次_blendColor时,都会执行sprite的_refresh函数(1.6.2版的rpg_core.js第4179行)。
在_refresh函数中会执行_executeTint函数(1.6.2版的rpg_core.js第4277行)。
这个函数是这样:

JAVASCRIPT 代码复制
  1. Sprite.prototype._executeTint = function(x, y, w, h) {
  2.     var context = this._context;
  3.     var tone = this._colorTone;
  4.     var color = this._blendColor;
  5.  
  6.     context.globalCompositeOperation = 'copy';
  7.     context.drawImage(this._bitmap.canvas, x, y, w, h, 0, 0, w, h);
  8.  
  9.     if (Graphics.canUseSaturationBlend()) {
  10.         var gray = Math.max(0, tone[3]);
  11.         context.globalCompositeOperation = 'saturation';
  12.         context.fillStyle = 'rgba(255,255,255,' + gray / 255 + ')';
  13.         context.fillRect(0, 0, w, h);
  14.     }
  15.  
  16.     var r1 = Math.max(0, tone[0]);
  17.     var g1 = Math.max(0, tone[1]);
  18.     var b1 = Math.max(0, tone[2]);
  19.     context.globalCompositeOperation = 'lighter';
  20.     context.fillStyle = Utils.rgbToCssColor(r1, g1, b1);
  21.     context.fillRect(0, 0, w, h);
  22.  
  23.     if (Graphics.canUseDifferenceBlend()) {
  24.         context.globalCompositeOperation = 'difference';
  25.         context.fillStyle = 'white';
  26.         context.fillRect(0, 0, w, h);
  27.  
  28.         var r2 = Math.max(0, -tone[0]);
  29.         var g2 = Math.max(0, -tone[1]);
  30.         var b2 = Math.max(0, -tone[2]);
  31.         context.globalCompositeOperation = 'lighter';
  32.         context.fillStyle = Utils.rgbToCssColor(r2, g2, b2);
  33.         context.fillRect(0, 0, w, h);
  34.  
  35.         context.globalCompositeOperation = 'difference';
  36.         context.fillStyle = 'white';
  37.         context.fillRect(0, 0, w, h);
  38.     }
  39.  
  40.     var r3 = Math.max(0, color[0]);
  41.     var g3 = Math.max(0, color[1]);
  42.     var b3 = Math.max(0, color[2]);
  43.     var a3 = Math.max(0, color[3]);
  44.     context.globalCompositeOperation = 'source-atop';
  45.     context.fillStyle = Utils.rgbToCssColor(r3, g3, b3);
  46.     context.globalAlpha = a3 / 255;
  47.     context.fillRect(0, 0, w, h);
  48.  
  49.     context.globalCompositeOperation = 'destination-in';
  50.     context.globalAlpha = 1;
  51.     context.drawImage(this._bitmap.canvas, x, y, w, h, 0, 0, w, h);
  52. };



如果是单纯设置一次sprite的_blendColor,之后不每帧都设置,那还好说,但是一直设置的话就会一直执行_refresh,一直执行_executeTint,就会掉帧。
修改sprite的其他属性,例如bitmap,frame等,也会执行_refresh……

根据你具体想实现的效果来想解决办法。

点评

实际上将精灵组分开比用一整张更好。若有优化需求(有偿)或者想了解一下相关的知识经验(比如sprite)可以联系我(QQ:975866141)(无偿/有偿)  发表于 2022-2-8 15:41
如果你是自己写插件实现立绘的话,那你可以试试别的方法,修改sprite的颜色并不只有_blendColor一个方法。且可以通过优化来防止循环刷新时的掉帧。  发表于 2022-2-8 15:40
我立绘是精灵组 眼睛脸分开的 循环的刷新,现在只能合成一张位图了  发表于 2022-2-8 15:20

评分

参与人数 1+1 收起 理由
RyanYe + 1 认可答案

查看全部评分

拿上你的纸笔,建造一个属于你的梦想世界,加入吧。
 注册会员
找回密码

站长信箱:[email protected]|手机版|小黑屋|无图版|Project1游戏制作

GMT+8, 2024-11-18 11:21

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表