gpt4 book ai didi

javascript - AR.JS 使盒子变平

转载 作者:行者123 更新时间:2023-12-03 01:41:56 24 4
gpt4 key购买 nike

我正在使用 AR.JS 在 AR 图案上显示图像。我想知道是否可以使其不是一个完整的盒子,而是只有一侧,这样当我向上移动相机时,我看不到盒子的大小和顶部?我认为改变位置/大小可以做到这一点,但这不起作用。有人有什么想法吗?似乎没有太多这方面的信息,因为大多数人都想要 3D。

附上我的代码:

<!-- include a-frame -->
<script src="vendor/aframe/build/aframe.min.js"></script>

<!-- include ar.js for aframe -->
<script src='../build/aframe-ar.js'></script>
<script>ARjs.Context.baseURL = '../../three.js/'</script>

<!-- start the body of your page -->
<body style='margin : 0px; overflow: hidden;'>
<!-- add some info at the top of the page -->
<div style='position: fixed; top: 10px; width:100%; text-align: center; z-index: 1; color:white; font-size:30px;'>
<a>Prototype Coffee</a>
</div>

<!-- Define your 3d scene and enabled ar.js -->
<a-scene embedded arjs='trackingMethod: best; debugUIEnabled: false;'>

<!-- Create a anchor to attach your augmented reality -->
<a-anchor hit-testing-enabled='true'>

<!-- Add your augmented reality here -->
<a-box position='0 1.0 0' material='side:single; src:https://.com/playground/aframe/examples/img/coffee-01.png;'>

</a-anchor>

<!-- Define a static camera -->
<a-camera-static/>

</a-scene>
</body>

最佳答案

尝试使用<a-plane>相反:

<a-plane position='0 1.0 0' material='src:https://.com/playground/aframe/examples/img/coffee-01.png;'></a-plane>

工作代码笔 here .

如果您没有看到飞机,则可能是旋转问题: enter image description here

关于javascript - AR.JS 使盒子变平,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50800143/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com