Question

我无法设置 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）。

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

A-Frame AR - 设置场景大小

0 个答案: