q3226257 发表于 2021-6-11 10:05
你抄代码要抄完啊，不知道就点进去看一下呗。。。
参数bitmap其实也没必要，你本来就是用bitmap.rotateHu ...

谢谢了我在研究下

lisliz 发表于 2021-6-11 09:23
mz的核心脚本里有个ColorFilter，用来实现hue的，这东西比mv的要高效许多，不建议降级把mv的搬过来。不过我 ...

我也想用hue 但是 blt (source, sx, sy, sw, sh, dx, dy, dw, dh) 不知道怎么用colorfilter
所以q3226257提出的改变bitmap的颜色是能行的

MH-Pride 发表于 2021-6-11 00:44
Bitmap.prototype.rotateHue = function(offset,bitmap) {
    function rgbToHsl(r, g, b) {
        va ...

你抄代码要抄完啊，不知道就点进去看一下呗。。。
参数bitmap其实也没必要，你本来就是用bitmap.rotateHue,this就是指代bitmap了
滤镜是pixi的功能，在显示的时候会有一层滤镜，
mv的实现其实是修改了图片信息，渲染的时候就达到改变颜色，

mz的核心脚本里有个ColorFilter，用来实现hue的，这东西比mv的要高效许多，不建议降级把mv的搬过来。不过我有点奇怪pixi已经自带了一个ColorMatrixFilter，已经完全实现了那个ColorFilter的功能了，再不济也可以直接改矩阵，为啥还要自己实现一个？

1. Bitmap.prototype.rotateHue = function(offset) {
   
2.     function rgbToHsl(r, g, b) {
   
3.         var cmin = Math.min(r, g, b);
   
4.         var cmax = Math.max(r, g, b);
   
5.         var h = 0;
   
6.         var s = 0;
   
7.         var l = (cmin + cmax) / 2;
   
8.         var delta = cmax - cmin;
   
9. 
   
10.         if (delta > 0) {
    
11.             if (r === cmax) {
    
12.                 h = 60 * (((g - b) / delta + 6) % 6);
    
13.             } else if (g === cmax) {
    
14.                 h = 60 * ((b - r) / delta + 2);
    
15.             } else {
    
16.                 h = 60 * ((r - g) / delta + 4);
    
17.             }
    
18.             s = delta / (255 - Math.abs(2 * l - 255));
    
19.         }
    
20.         return [h, s, l];
    
21.     }
    
22. 
    
23.     function hslToRgb(h, s, l) {
    
24.         var c = (255 - Math.abs(2 * l - 255)) * s;
    
25.         var x = c * (1 - Math.abs((h / 60) % 2 - 1));
    
26.         var m = l - c / 2;
    
27.         var cm = c + m;
    
28.         var xm = x + m;
    
29. 
    
30.         if (h < 60) {
    
31.             return [cm, xm, m];
    
32.         } else if (h < 120) {
    
33.             return [xm, cm, m];
    
34.         } else if (h < 180) {
    
35.             return [m, cm, xm];
    
36.         } else if (h < 240) {
    
37.             return [m, xm, cm];
    
38.         } else if (h < 300) {
    
39.             return [xm, m, cm];
    
40.         } else {
    
41.             return [cm, m, xm];
    
42.         }
    
43.     }
    
44. 
    
45.     if (offset && this.width > 0 && this.height > 0) {
    
46.         offset = ((offset % 360) + 360) % 360;
    
47.         var context = this._context;
    
48.         var imageData = context.getImageData(0, 0, this.width, this.height);
    
49.         var pixels = imageData.data;
    
50.         for (var i = 0; i < pixels.length; i += 4) {
    
51.             var hsl = rgbToHsl(pixels[i + 0], pixels[i + 1], pixels[i + 2]);
    
52.             var h = (hsl[0] + offset) % 360;
    
53.             var s = hsl[1];
    
54.             var l = hsl[2];
    
55.             var rgb = hslToRgb(h, s, l);
    
56.             pixels[i + 0] = rgb[0];
    
57.             pixels[i + 1] = rgb[1];
    
58.             pixels[i + 2] = rgb[2];
    
59.         }
    
60.         context.putImageData(imageData, 0, 0);
    
61.         this._setDirty();
    
62.     }
    
63. };

复制代码

很明显，mv的实现是更改了图像的数据来实现hue的，
但是mz是通过滤镜实现的，所以你要改成mv那样，需要把更改图像数据这部分代码复制过来的

复制mv的到mz就好了~~~~~~~