文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在Three.Js中添加按钮作为UI元素

问如何在Three.Js中添加按钮作为UI元素
EN

Stack Overflow用户

提问于 2020-06-29 12:57:56

回答 1查看 1.6K关注 0票数 2

因此，使用给定示例命中的代码，我在房间中放置了一个对象。现在我想按一下按钮旋转物体。

我已经找到了一些关于如何添加UI和HUD元素的信息，但从未与任何"webxr全屏“示例相结合(我不知道如何称呼它)。

所以我想要一个DOM元素来显示我渲染的场景，或者在场景中有一个按钮。

有什么功能是我还没有看到的，可以帮助我在这里？

javascript

three.js

augmented-reality

webxr

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-29 13:59:46

有一个新的(实验性的) Web，它完全支持这个特性。它叫WebXR DOM覆盖模块。

根据铬状态平台的说法，从Chrome 83开始，默认情况下应该启用这个功能。

其中一个相关的现场演示在我的Pixel上运行得很好：

lorenzattractor.html

最相关的代码部分是：

document.body.appendChild( ARButton.createButton( renderer, {
    optionalFeatures: [ 'dom-overlay', 'dom-overlay-for-handheld-ar' ],
    domOverlay: { root: document.body } } )
);

正如您所看到的，AR按钮现在被创建为略有不同。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62638683

复制

相似问题

问如何在Three.Js中添加按钮作为UI元素
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Three.Js中添加按钮作为UI元素EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Three.Js中添加按钮作为UI元素
EN