我试图理解我在 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 中的白色像素保持白色。
有人透露一些情况吗?
我所看到的

质地
