新版本的three.js ,没有alignment 的库,先是报错不出来,后又导致我文本旋转错位
解决:点的错位主要是我的尺寸没调好,
var spritey = makeTextSprite( "The select ", { fontsize: 50, borderColor: {r:255, g:0, b:0, a:1.0}, backgroundColor: {r:255, g:100, b:100, a:0.8} } );
把上面的fonsize调大到50左右,
sprite.scale.set(100,50,1);//100,50,1在这里要分别乘以你其他模型缩放的倍数
同时把scale的尺寸缩小到和模型匹配,
反正根本的原因是scale的尺寸一定要匹配。这个时候,sprite坐标点会在中间最下的位置。
如图
不能像给的例子一样左上对齐,很难受,强行讲究用~~~
参考:http://stemkoski.github.io/Three.js/Sprite-Text-Labels.html