three.js 创建的精灵图被CSS2DObject( )遮挡

  • Z时代
  • 2024-02-17
  • 分类：IT

three.js 创建的精灵图被CSS2DObject( )遮挡
首先在加载gltf模型的时候我加了几个提示框（里面是文字提示语，而且我加了背景半透明的css背景样式）

div.innerHTML = '提示文字'
div.className = 'tipsDiv'
const label = new CSS2DObject(div)

后面使用sprite加了个精灵图片

const map = new THREE.TextureLoader().load("warn.jpg");
const SpriteMaterial = new THREE.SpriteMaterial( { map: map} );
const sprite1 = new THREE.Sprite( SpriteMaterial );

我想着精灵图片不要被提示文字遮挡，小白一枚，不知道怎么弄。。。。

以上是 three.js 创建的精灵图被CSS2DObject( )遮挡 的全部内容， 来源链接： utcz.com/p/936794.html

回到顶部