关于threejs渲染器的2D gui

时间:2015-08-17 14:44:42

标签: javascript user-interface three.js

我在渲染器上创建2d gui时遇到问题。 2d gui必须根据元素宽度动态定位,元素宽度以3js绘制(元素的宽度为X,使用3js单位,菜单必须位于50px到最右侧等)。

有没有办法实现它?使用精灵或使用DOM元素直接在渲染器上绘图?

1 个答案:

答案 0 :(得分:0)

是的,使用DOM元素,这是唯一的方法(精灵使用图像AFAIK),除非您需要在3D中移动元素,这需要css渲染器。

  • 如果您的对象的几何图形具有width属性,则使用它

  • 否则,请计算边界框以获取它;

然后你只需找到好的倍增因子将该值转换为像素以适合你的布局