微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

A-Frame AR - 设置场景大小

如何解决A-Frame AR - 设置场景大小

我无法设置 AFrame 场景的大小。

我阅读了一些来源(AR.js 文档、StackOverflow 等),试图弄清楚如何限制场景的大小。我看到的解决方包括在我的 embedded 元素上设置 a-scene 属性,这应该允许我选择元素并使用 CSS 设置样式。

但是,这个解决方案对我不起作用。

我目前的实现:

HTML

<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script> 

<body style="margin: 0px; overflow: hidden">
    <a-scene class="ar" embedded arjs vr-mode-ui="enabled: false">
        <a-marker class="ar" preset="hiro">
            <a-entity
                position="0 0 0"
                scale="0.05 0.05 0.05"
                gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf"
            ></a-entity>
        </a-marker>
        <a-entity camera></a-entity>
    </a-scene>
</body>

CSS

.ar {
    height: 100px;
    width: 100px;
}

无论我将尺寸设置为什么或使用什么单位,相机都会占据整个屏幕,我不知道如何将其包含在容器中(div/body/something)。

在这里提供一些帮助将不胜感激。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。