任何 ar js 多标记学习教程?

Question

我一直在寻找ar.js多标记教程或任何解释它的东西。但我能找到的只有 2 个示例，但没有教程或解释。

到目前为止，我知道它需要学习标记的模式或顺序，然后将其存储在 localStorage 中。此数据稍后用于显示图像。

我不明白的是，这个"学习者"是如何实现的。此外，学习过程只被"创造者"使用一次，对吧？输出文件应该存储，然后在需要时提供，而不是在每个人的手机或计算机上从头开始创建。

任何帮助，不胜感激。

Answer 1

由于问题主要是关于学习者页面的，我将尝试尽可能多地分解它：

1(你需要有一个{类型，URL}对象的数组。

下面显示了创建默认数组的示例(源代码(：

var markersControlsParameters = [
{
type : 'pattern',
patternUrl : 'examples/marker-training/examples/pattern-files/pattern-hiro.patt',
},
{
type : 'pattern',
patternUrl : 'examples/marker-training/examples/pattern-files/pattern-kanji.patt',
}]

2(您需要将其提供给"学习者"对象。

默认情况下，上述对象被编码为 url(源(，然后由学习者站点解码。重要的是，在网站上发生： 对于数组中的每个对象，将创建并存储一个 ArMarkerControls 对象：

// array.forEach(function(markerParams){
var markerRoot = new THREE.Group()
scene.add(markerRoot)
// create markerControls for our markerRoot
var markerControls = new THREEx.ArMarkerControls(arToolkitContext, markerRoot, markerParams)
subMarkersControls.push(markerControls)

subMarkersControls用于创建用于执行学习的对象。终于：

var multiMarkerLearning = new THREEx.ArMultiMakersLearning(arToolkitContext, subMarkersControls)

示例学习者网站具有多个实用程序功能，但据我所知，这里最重要的是ArMultiMakersLearning成员，可以按以下顺序(或任何其他顺序(使用：

// this method resets previously collected statistics
multiMarkerLearning.resetStats()
// this member flag enables data collection
multiMarkerLearning.enabled = true 
// this member flag stops data collection
multiMarkerLearning.enabled = false
// To obtain the 'learned' data, simply call .toJSON()
var jsonString = multiMarkerLearning.toJSON()

仅此而已。如果将 jsonString 存储为

localStorage.setItem('ARjsMultiMarkerFile', jsonString);    

然后，它将在稍后用作默认的多标记文件。如果你想要一个自定义名称或更多区域 - 那么你必须在源代码中修改名称。

3(2.1.4 调试界面

调试 UI 似乎已损坏 - UI 按钮确实存在，但无处可见。热修复程序是对包含按钮的div
使用"标记区域启用"跨度样式(请参阅此源位(。

这一切都在这个故障中，您可以在 arjs 代码中的短语"更改此处"下找到它。