问题描述
我无法设置 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 (将#修改为@)