小编ros*_*ey3的帖子

ThreeJS透明PNG纹理黑色

我试图理解我在 ThreeJS 中遇到的一个问题。我在页面上有一个简单的立方体,有一个白色问号的 PNG,图像的其余部分是透明的。当我将纹理添加到立方体时;

cubeGeometry = new THREE.BoxGeometry( 5, 5, 5 );
cubeMaterial = new THREE.MeshStandardMaterial( { color: this.cubeColor, flatShading: true, map:new THREE.TextureLoader().load( require("./question-mark.png") ) } );
cubeMesh = new THREE.Mesh( cubeGeometry, cubeMaterial );
Run Code Online (Sandbox Code Playgroud)

无论我做什么,PNG 中的透明像素都会显示为黑色。更奇怪的是 PNG 的白色像素显示为 this.cubeColor 的颜色 - 设置为橙色。

我希望立方体颜色为橙色,PNG 的透明像素采用该颜色,PNG 中的白色像素保持白色。

有人透露一些情况吗?

我所看到的

我所看到的

质地

质地

javascript three.js

2
推荐指数
1
解决办法
4524
查看次数

标签 统计

javascript ×1

three.js ×1