Creator 版本： 2.4.8
目标平台： Chrome浏览器/iOS/Android
重现方式：spine节点的node设置color并绑上spine
首个报错： 没报错
之前哪个版本是正常的： 编辑器里是正常的
手机型号： 华为手机/IPhone
手机浏览器：
编辑器操作系统：
重现概率：
上游设计师交给我一个spine，有一批spine效果没达预期,设计师那边编辑器是好的，但是我这边跑起来却没有颜色.
cocos编辑器里:
我试着调试了各种属性都没有效果. spine player 和APP里面都没有上色后的效果.现在问题积压在我这里了，求指教…救命
spine里有个使用染色的设置
useTint已经设置为true了，也没用.问题就是编辑器里面是好的，但是在app里面不行，没有保持一致
自建了一个material,然后勾选USE_TINT
搞个demo看看, 或者spine发出来看一下
{
"skeleton": {
"hash": "jEga0yv1sHAkYP8jbc4QFeFB/vg",
"spine": "3.8.99",
"x": -375,
"y": -812,
"width": 750,
"height": 1624,
"images": "./images/",
"audio": ""
},
"bones": [
{ "name": "root" },
{ "name": "dot1", "parent": "root", "x": -120.23, "y": 558.22 },
{ "name": "dot2", "parent": "root", "x": 210.24, "y": 452.36 },
{ "name": "dot3", "parent": "root", "x": -223.29, "y": -545.34 },
{ "name": "dot4", "parent": "root", "x": 214.7, "y": -583.98 },
{ "name": "dot5", "parent": "root", "x": -215.82, "y": 434.77, "scaleX": 1.5008, "scaleY": 1.5008 },
{ "name": "dot6", "parent": "root", "x": 90.1, "y": -698.69, "scaleX": 0.9944, "scaleY": 0.9944 },
{ "name": "dot7", "parent": "root", "x": 175.48, "y": -15.29, "scaleX": 1.707, "scaleY": 1.707 },
{ "name": "dot8", "parent": "root", "x": -346.69, "y": -520.3 },
{ "name": "dot9", "parent": "root", "x": -332.02, "y": 36.59, "scaleX": 1.0705, "scaleY": 1.0705 },
{ "name": "dot10", "parent": "root", "x": 294.42, "y": 544.98 },
{ "name": "dot11", "parent": "root", "x": 340.2, "y": -215.32, "scaleX": 1.1189, "scaleY": 1.1189 },
{ "name": "dot12", "parent": "root", "x": -388.38, "y": -145.69, "scaleX": 1.6185, "scaleY": 1.6185 }
],
"slots": [
{ "name": "mask", "bone": "root", "attachment": "mask" },
{ "name": "sample2", "bone": "root" },
{ "name": "glow", "bone": "root", "attachment": "glow2", "blend": "additive" },
{ "name": "dot1", "bone": "dot1", "attachment": "dot1", "blend": "additive" },
{ "name": "dot9", "bone": "dot9", "attachment": "dot1", "blend": "additive" },
{ "name": "dot2", "bone": "dot2", "attachment": "dot2", "blend": "additive" },
{ "name": "dot8", "bone": "dot8", "attachment": "dot2", "blend": "additive" },
{ "name": "dot3", "bone": "dot3", "attachment": "dot3", "blend": "additive" },
{ "name": "dot10", "bone": "dot10", "attachment": "dot3", "blend": "additive" },
{ "name": "dot4", "bone": "dot4", "attachment": "dot4", "blend": "additive" },
{ "name": "dot7", "bone": "dot7", "attachment": "dot4", "blend": "additive" },
{ "name": "dot11", "bone": "dot11", "attachment": "dot4", "blend": "additive" },
{ "name": "dot5", "bone": "dot5", "attachment": "dot5", "blend": "additive" },
{ "name": "dot12", "bone": "dot12", "attachment": "dot5", "blend": "additive" },
{ "name": "dot6", "bone": "dot6", "attachment": "dot5", "blend": "additive" }
],
"skins": [
{
"name": "default",
"attachments": {
"dot1": {
"dot1": { "width": 354, "height": 355 }
},
"dot2": {
"dot2": { "width": 354, "height": 355 }
},
"dot3": {
"dot3": { "width": 199, "height": 200 }
},
"dot4": {
"dot4": { "width": 312, "height": 312 }
},
"dot5": {
"dot5": { "width": 209, "height": 209 }
},
"dot6": {
"dot5": { "width": 209, "height": 209 }
},
"dot7": {
"dot4": { "width": 312, "height": 312 }
},
"dot8": {
"dot2": { "width": 354, "height": 355 }
},
"dot9": {
"dot1": { "width": 354, "height": 355 }
},
"dot10": {
"dot3": { "width": 199, "height": 200 }
},
"dot11": {
"dot4": { "width": 312, "height": 312 }
},
"dot12": {
"dot5": { "width": 209, "height": 209 }
},
"glow": {
"glow2": { "width": 750, "height": 1624 }
},
"mask": {
"mask": {
"type": "clipping",
"end": "mask",
"vertexCount": 4,
"vertices": [ -375, 812, 375, 812, 375, -812, -375, -812 ],
"color": "ce3a3aff"
}
}
}
}
],
"animations": {
"animation": {
"slots": {
"dot1": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 1.5667, "color": "b56fffff" },
{ "time": 2.1333, "color": "b56fff00", "curve": "stepped" },
{ "time": 2.3667, "color": "b56fff00" },
{ "time": 2.9333, "color": "b56fffff" }
]
},
"dot2": {
"color": [
{ "color": "b56fff5a" },
{ "time": 0.2, "color": "b56fff00", "curve": "stepped" },
{ "time": 0.4333, "color": "b56fff00" },
{ "time": 1, "color": "b56fffff", "curve": "stepped" },
{ "time": 2.6333, "color": "b56fffff" },
{ "time": 3, "color": "b56fff5a" }
]
},
"dot3": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 0.7667, "color": "b56fffff" },
{ "time": 1.3333, "color": "b56fff00", "curve": "stepped" },
{ "time": 1.5667, "color": "b56fff00" },
{ "time": 2.1333, "color": "b56fffff" }
]
},
"dot4": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 0.4667, "color": "b56fffff" },
{ "time": 1.0333, "color": "b56fff00", "curve": "stepped" },
{ "time": 1.2667, "color": "b56fff00" },
{ "time": 1.8333, "color": "b56fffff" }
]
},
"dot5": {
"color": [
{ "color": "b56fffd2" },
{ "time": 0.1, "color": "b56fffff", "curve": "stepped" },
{ "time": 1.7333, "color": "b56fffff" },
{ "time": 2.3, "color": "b56fff00", "curve": "stepped" },
{ "time": 2.5333, "color": "b56fff00" },
{ "time": 3, "color": "b56fffd2" }
]
},
"dot6": {
"color": [
{ "color": "b56fff3c" },
{ "time": 0.1333, "color": "b56fff00", "curve": "stepped" },
{ "time": 0.3667, "color": "b56fff00" },
{ "time": 0.9333, "color": "b56fffff", "curve": "stepped" },
{ "time": 2.5667, "color": "b56fffff" },
{ "time": 3, "color": "b56fff3c" }
]
},
"dot7": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 1.2667, "color": "b56fffff" },
{ "time": 1.8333, "color": "b56fff00", "curve": "stepped" },
{ "time": 2.0667, "color": "b56fff00" },
{ "time": 2.6333, "color": "b56fffff" }
]
},
"dot8": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 1.0333, "color": "b56fffff" },
{ "time": 1.6, "color": "b56fff00", "curve": "stepped" },
{ "time": 1.8333, "color": "b56fff00" },
{ "time": 2.4, "color": "b56fffff" }
]
},
"dot9": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 0.1667, "color": "b56fffff" },
{ "time": 0.7333, "color": "b56fff00", "curve": "stepped" },
{ "time": 0.9667, "color": "b56fff00" },
{ "time": 1.5333, "color": "b56fffff" }
]
},
"dot10": {
"color": [
{ "color": "b56fffff", "curve": "stepped" },
{ "time": 0.8667, "color": "b56fffff" },
{ "time": 1.4333, "color": "b56fff00", "curve": "stepped" },
{ "time": 1.6667, "color": "b56fff00" },
{ "time": 2.2333, "color": "b56fffff" }
]
},
"dot11": {
"color": [
{ "color": "b56fff00" },
{ "time": 0.5667, "color": "b56fffff", "curve": "stepped" },
{ "time": 2.2, "color": "b56fffff" },
{ "time": 2.7667, "color": "b56fff00" }
]
},
"dot12": {
"color": [
{ "color": "b56fff00" },
{ "time": 0.5667, "color": "b56fffff", "curve": "stepped" },
{ "time": 2.2, "color": "b56fffff" },
{ "time": 2.7667, "color": "b56fff00" }
]
},
"glow": {
"color": [
{ "color": "b56fffff", "curve": 0.25, "c3": 0.75 },
{ "time": 0.7667, "color": "b56fff9a", "curve": 0.25, "c3": 0.75 },
{ "time": 1.5, "color": "b56fffff", "curve": 0.25, "c3": 0.75 },
{ "time": 2.2667, "color": "b56fff9a", "curve": 0.25, "c3": 0.75 },
{ "time": 3, "color": "b56fffff" }
]
}
},
"bones": {
"dot2": {
"translate": [
{ "x": 25.47, "y": -14.55 },
{ "time": 0.2, "x": 27.45, "y": -15.69, "curve": "stepped" },
{ "time": 0.4333 },
{ "time": 3, "x": 25.47, "y": -14.55 }
],
"scale": [
{ "x": 1.115, "y": 1.115 },
{ "time": 0.2, "x": 1.124, "y": 1.124, "curve": "stepped" },
{ "time": 0.4333 },
{ "time": 3, "x": 1.115, "y": 1.115 }
]
},
"dot3": {
"translate": [
{ "x": 20.32, "y": -4.06 },
{ "time": 1.3333, "x": 39.22, "y": -7.84, "curve": "stepped" },
{ "time": 1.5667 },
{ "time": 3, "x": 20.32, "y": -4.06 }
],
"scale": [
{ "x": 1.104, "y": 1.104 },
{ "time": 1.3333, "x": 1.2, "y": 1.2, "curve": "stepped" },
{ "time": 1.5667 },
{ "time": 3, "x": 1.104, "y": 1.104 }
]
},
"dot4": {
"translate": [
{ "x": -14.74, "y": 39.31 },
{ "time": 1.0333, "x": -23.53, "y": 62.75, "curve": "stepped" },
{ "time": 1.2667 },
{ "time": 3, "x": -14.74, "y": 39.31 }
],
"scale": [
{ "x": 1.722, "y": 1.722 },
{ "time": 1.0333, "x": 2.152, "y": 2.152, "curve": "stepped" },
{ "time": 1.2667 },
{ "time": 3, "x": 1.722, "y": 1.722 }
]
},
"dot5": {
"translate": [
{ "x": -5.95 },
{ "time": 2.3, "x": -35.3, "curve": "stepped" },
{ "time": 2.5333 },
{ "time": 3, "x": -5.95 }
],
"scale": [
{ "x": 1.047, "y": 1.047 },
{ "time": 2.3, "x": 1.277, "y": 1.277, "curve": "stepped" },
{ "time": 2.5333 },
{ "time": 3, "x": 1.047, "y": 1.047 }
]
},
"dot1": {
"translate": [
{ "x": 5.39, "y": -8.08 },
{ "time": 2.1333, "x": 23.53, "y": -35.3, "curve": "stepped" },
{ "time": 2.3667 },
{ "time": 3, "x": 5.39, "y": -8.08 }
],
"scale": [
{ "x": 1.045, "y": 1.045 },
{ "time": 2.1333, "x": 1.196, "y": 1.196, "curve": "stepped" },
{ "time": 2.3667 },
{ "time": 3, "x": 1.045, "y": 1.045 }
]
},
"dot6": {
"translate": [
{ "x": -48.53, "y": 26.13 },
{ "time": 0.1333, "x": -50.99, "y": 27.45, "curve": "stepped" },
{ "time": 0.3667 },
{ "time": 3, "x": -48.53, "y": 26.13 }
],
"scale": [
{ "x": 1.038, "y": 1.038 },
{ "time": 0.1333, "x": 1.04, "y": 1.04, "curve": "stepped" },
{ "time": 0.3667 },
{ "time": 3, "x": 1.038, "y": 1.038 }
]
},
"dot7": {
"translate": [
{ "x": -7.94 },
{ "time": 1.8333, "x": -23.53, "curve": "stepped" },
{ "time": 2.0667 },
{ "time": 3, "x": -7.94 }
]
},
"dot8": {
"translate": [
{ "x": 24.81, "y": 6.62 },
{ "time": 1.6, "x": 58.83, "y": 15.69, "curve": "stepped" },
{ "time": 1.8333 },
{ "time": 3, "x": 24.81, "y": 6.62 }
],
"scale": [
{ "x": 1.083, "y": 1.083 },
{ "time": 1.6, "x": 1.196, "y": 1.196, "curve": "stepped" },
{ "time": 1.8333 },
{ "time": 3, "x": 1.083, "y": 1.083 }
]
},
"dot9": {
"translate": [
{ "x": 51.88, "y": 77.83 },
{ "time": 0.7333, "x": 70.6, "y": 105.89, "curve": "stepped" },
{ "time": 0.9667 },
{ "time": 3, "x": 51.88, "y": 77.83 }
]
},
"dot10": {
"translate": [
{ "x": 30.24, "y": 37.8 },
{ "time": 1.4333, "x": 62.75, "y": 78.44, "curve": "stepped" },
{ "time": 1.6667 },
{ "time": 3, "x": 30.24, "y": 37.8 }
]
},
"dot11": {
"translate": [
{},
{ "time": 2.7667, "x": -27.45, "y": 62.75, "curve": "stepped" },
{ "time": 3 }
]
}
}
}
}
}
aniColorFog02.png
size: 1986,781
format: RGBA8888
filter: Linear,Linear
repeat: none
dot1
rotate: false
xy: 1628, 472
size: 307, 307
orig: 354, 355
offset: 23, 24
index: -1
dot2
rotate: false
xy: 1628, 472
size: 307, 307
orig: 354, 355
offset: 23, 24
index: -1
dot3
rotate: false
xy: 1811, 7
size: 173, 173
orig: 199, 200
offset: 13, 14
index: -1
dot4
rotate: false
xy: 1628, 182
size: 288, 288
orig: 312, 312
offset: 12, 12
index: -1
dot5
rotate: true
xy: 1628, 2
size: 178, 181
orig: 209, 209
offset: 17, 14
index: -1
glow2
rotate: true
xy: 2, 29
size: 750, 1624
orig: 750, 1624
offset: 0, 0
index: -1
这个是对应的图片，在cocos中的色域表现得非常淡，我感觉是这个RGBA8888导致的, 色值是没错，但是透明度单位有问题
上传个zip吧
编辑器可以, web可以, 安卓不行,是嘛
我反复测试了一下，编辑器也不太行，我对比了一下，带点透明度的渲染出来的色值就会非常低，低到看不见, 我感觉是色域不对还是怎么的
我在编辑器, 和web上, 看是有颜色的,
不行和不太行, 差别还是挺大的,
如果是纯灰色, 就要去找不上色的原因了,
如果是颜色太淡太暗, 就要去找混合模式, 或者色值等等有什么问题;
这里应该是紫色，这个spine节点好像也没有设置混合模式的地方。只有sprite节点有Blend，要去改全局的Blend设置吗？
看看一下spine预乘和图片预乘
Animation也是要选的
你这个是web效果吗,还是手机效果
编辑器内，你这个效果是怎么出来的？
