前言

之前使用css3DRender創建圖片彈框，在旋轉模型到背面時，彈框也背對模型，這與UI要求的效果有出入。考慮將css3DRender換成css2Drender,但是可能是模型的問題，將彈框加入到模型的子集，旋轉模型時彈框發生比較明顯的偏移，最終考慮使用css3Dspirits來實現功能。

解決方案

    const div = document.createElement("div");div.className = "workshop-text";div.innerHTML = `<div class='zdjz zzz'></div>`;// 創建CSS3DSpriteconst tag = new CSS3DSprite(div);tag.scale.set(3, 3, 3); //精靈大小tag.position.set(230, 50, 110); // 調整標簽位置，根據具體的模型來設置group.add(tag);modelSprites.push({name: item.name,spirits: tag})

效果圖