gpt4 book ai didi

html - AR.js 帮助/麻烦使用自定义 AR 标记

转载 作者:搜寻专家 更新时间:2023-10-31 08:40:24 28 4
gpt4 key购买 nike

我需要一些关于将自定义 AR 标记与 AR.js 结合使用的帮助。从自定义标记生成器页面下载 .patt 文件后,我们遇到了一些问题,让对象在标记上初始化。一切都在 Node.js 服务器上的客户端进行测试,但每次打开网络摄像头时,python Logo 图像上都不会出现任何内容。

代码如下:

<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<!-- <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> </script> -->
<script src="aframe-ar.js"></script>

</head>
<body style="margin : 0px; overflow: hidden;">
<a-scene embedded arjs="sourceType: webcam;">
<a-marker preset="custom" type="pattern" url="pattern-marker.patt">
<a-box position="0 0.5 0" material="opacity: 0.5;"></a-box>
</a-marker>
</a-scene>
</body>
</html>

此条件位于本地的 aframe-ar.js 文件中,用于为 python 图像标记添加自定义预设。我们使用的是谷歌浏览器。

else if( _this.data.preset === 'custom' ){
markerParameters.type = 'pattern'
markerParameters.patternUrl = _this.data.patternUrl;
markerParameters.markersAreaEnabled = false
}

我刚刚一直在使用本地 Node.js 服务器进行测试,我还应该提到默认的 Hiro 标记有效,但自定义图像标记无效。

如果有人能指出我正确的方向,就有奖励!联系我了解详情。干杯。

最佳答案

AR.js 支持自定义标记。你只需要:
1) 使用 this 创建您自己的标记发电机。
2) 让 ar.js 知道你想使用你的标记:

<a-marker type="pattern" url="mypattern.patt">
<a-entity myobject></a-entity>
</a-marker>

故障 here .

原始答案(已过时)
当前的 ar.js 构建无法正确管理自定义标记。

有多个github issues , 和 fixes ,但据我所知,他们都没有被官方 master 分支接受。

我已经设法让自定义标记与此 build 一起使用, 由 wimvdc 制作.


您可以通过修改 anchor-component.js 文件(或主构建中的 arjs-anchor 组件)通过添加init 函数中自定义标记的特例:

if( _this.data.preset === 'hiro' ) {

(...)

} else if ( _this.data.type === 'pattern' ) {
arProfile.defaultMarkerParameters.type = 'pattern'
arProfile.defaultMarkerParameters.patternUrl = _this.data.patternUrl;
arProfile.defaultMarkerParameters.markersAreaEnabled = false
}

然后像这样使用它:

<a-marker type='pattern' url='patterns/w.patt'>
</a-marker>

这正是 wimvdc 所做的,在他的 commit 中查看+ refactor .

关于html - AR.js 帮助/麻烦使用自定义 AR 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50395225/

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