I am working on a project involving Augmented Reality using jsartoolkit5 along with Three.js, and I am interested in incorporating a custom marker similar to the one demonstrated in this example. The markers are loaded into the project using the following code:
arController.loadMarker('Data/patt.hiro', function(markerId) {
var markerRoot = arController.createThreeMarker(markerId);
markerRoot.add(sphere);
arScene.scene.add(markerRoot);
});
arController.loadMarker('Data/patt.kanji', function(markerId) {
var markerRoot = arController.createThreeMarker(markerId);
markerRoot.add(torus);
arScene.scene.add(markerRoot);
});
The snippet below is part of the code within the file, patt.hiro, containing the marker's information:
(data numbers)
(data numbers)
(data numbers)
...
My main challenge lies in understanding how to transform a jpeg image into the specific set of data and numbers shown above. If you have any insights or suggestions on the file format and how to achieve this outcome, I would greatly appreciate your input!
Thank you in advance for your assistance!