贴图颜色差距过大

回复

本帖最后由 gaoxinlong@uino.com 于 2023-5-15 18:19 编辑

1.最终实现效果：

未设置贴图（想要实现效果）

2.目前贴图效果（存在问题，颜色变蓝）：

设置贴图效果

3.出现贴图颜色差距过大的原因：Plane默认带的蓝色的颜色导致贴图出现颜色差异（以下代码为贴图差异复现）

var app = new THING.App({
env: null,
url: 'https://www.thingjs.com/static/models/factory', // 场景地址
background: 'https://static.3dmomoda.com/textures/diy_offline_13628_1642125187146.png',
});
// 创建平面
var plane = app.create({
type: 'Plane',
width: 100,
height: 100,
position: [0, -1, 0],
style: {
image: 'https://static.3dmomoda.com/textures/diy_offline_13628_1642125187146.png'
}
});
// 平面旋转90度
plane.rotateX(-90);

复制代码

4.解决方法：将plane颜色设置为白色。（以下代码为解决贴图颜色差异）

var app = new THING.App({
env: null,
url: 'https://www.thingjs.com/static/models/factory', // 场景地址
background: 'https://static.3dmomoda.com/textures/diy_offline_13628_1642125187146.png',
});
// 创建平面
var plane = app.create({
type: 'Plane',
width: 100,
height: 100,
position: [0, -1, 0],
style: {
color: '#ffffff',
image: 'https://static.3dmomoda.com/textures/diy_offline_13628_1642125187146.png'
}
});
// 平面旋转90度
plane.rotateX(-90);

复制代码

5.设置颜色后对比图（上面为设置颜色后图片，下面图片为设置颜色前图片）：

解决后图片

[分享] 贴图颜色差距过大