サポート2つのマーカーの追跡
コードの参照
ARjs / three.js /例/対策-it.html
//サポートトラック二つのターゲット ////////////////////////////////////////////////// //////////////////////////// // markerRoot1 ////////////////////////////////////////////////// ////////////////////////////
// markerControlsを構築 markerRoot1た=新しいTHREE.Group markerRoot1.name = 'MARKER1' scene.add(markerRoot1) VaRのmarkerControls =新しいTHREEx.ArMarkerControls(arToolkitContext、markerRoot1、{ タイプ:「パターン」、 patternUrl: "../../res/arjs/data/pattern-letterA.patt"、 // patternUrl:THREEx.ArToolkitContext.baseURL + '../data/data/patt.kanji' })
//マーカの中心にギズモを追加 VARジオメトリ=新しいTHREE.OctahedronGeometry(0.1、0) VAR材=新しいTHREE.MeshNormalMaterial({ ワイヤーフレーム:真 }); var mesh = new THREE.Mesh(geometry, material); markerRoot1.add(mesh);
////////////////////////////////////////////////////////////////////////////// // markerRoot2 //////////////////////////////////////////////////////////////////////////////
// build markerControls var markerRoot2 = new THREE.Group markerRoot2.name = 'marker2' scene.add(markerRoot2) var markerControls = new THREEx.ArMarkerControls(arToolkitContext, markerRoot2, { type: 'pattern', // patternUrl : THREEx.ArToolkitContext.baseURL + '../data/data/patt.hiro', patternUrl: "../../res/arjs/data/pattern-letterB.patt", })
// add a gizmo in the center of the marker var geometry = new THREE.OctahedronGeometry(0.1, 0) var material = new THREE.MeshNormalMaterial({ wireframe: true }); var mesh = new THREE.Mesh(geometry, material); markerRoot2.add(mesh);
|
创建更多Marker
AR-Examples-master/custom-patterns.html
与上述使用方式类似