For those with the same problem: it’s ONLY Chrome on MacOS that has this behavior. Probably their webgl metal implementation is not 100% yet, as even MS Edge doesn’t have this problem.
I fixed it like this (no puzzles, I code directly into the visual_logic.js) : since all our materials are swappable, we’ve made a second albedo map colorcorrected for Chrome
let userAgent = window.navigator.userAgent;
let os = "Unknown OS";
if (userAgent.indexOf("Win") != -1) os = "Windows";
if (userAgent.indexOf("Mac") != -1) os = "MacOS";
if (userAgent.indexOf("X11") != -1) os = "UNIX";
if (userAgent.indexOf("Linux") != -1) os = "Linux";
os = os.toLowerCase()
// alert(os)
var browser = (function (agent) {
switch (true) {
case agent.indexOf("edge") > -1: return "edge";
case agent.indexOf("edg/") > -1: return "chromiumedge"; // Match also / to avoid matching for the older Edge
case agent.indexOf("opr") > -1 && !!window.opr: return "opera";
case agent.indexOf("chrome") > -1 && !!window.chrome: return "chrome";
case agent.indexOf("trident") > -1: return "ie";
case agent.indexOf("firefox") > -1: return "firefox";
case agent.indexOf("safari") > -1: return "safari";
default: return "other";
}
})(window.navigator.userAgent.toLowerCase());
// alert(browser);
var browserextention = ''
if(os == 'macos' && browser=='chrome'){
browserextention = '-chrome'
}
Materialswapping then goes like this where applicable :
replaceTexture(
"matFabric",
"dummie_albedo_fabric.jpg",
"assets/3d/maps/fabric_" + myFabric + "_albedo"+browserextention+".jpg",
function () {}
);
.
