实现自定义标记 - jsartoolkit5

Question

我正在使用 jsartoolkit5 together with Three.js and, I would like to implement a custom marker as shown in the following example 构建一个增强现实项目。通过以下代码导入标记：

  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);
  });

这是文件代码的一部分，patt.hiro，包含标记的信息：

 234 235 240 233 240 234 240 235 240 237 240 238 240 240 240 232
 229 240 240 240 240 240 240 240 240 240 240 240 240 240 240 228
 227 240 240 240 240 240 240 240 240 240 240 240 240 240 240 239
 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 236 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 234 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 236 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 231 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 229 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 225 149 240 240 186 216 225 174 240 240 240 237 238 240 240 240
 150 107 238 231  75 208 115 147 238 228 223 226 237 180 226 240
 150  62 181 213  62 187 113 169 197  72  29 237 120  50  53 207
 149  63  47  78  53 184 113 101 142   5 150 150  45 217 186  83
 121  84 220 222  58 180 121  92 128 109 237 124 155 232 161  64
 149  71 240 240  76 210  98 109 122 108 240 129  51 119 161 155
 149 186 240 240  98 219 135 152 207 191 236 227 152  77 175 209
 235 235 240 233 240 234 240 235 240 236 240 238 240 240 240 240
 229 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 227 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 236 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 234 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 236 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 232 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 229 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 225 156 240 240 186 216 225 186 240 240 240 240 240 240 240 240
 150 117 240 231  72 206 115 162 240 232 223 237 240 180 226 240
 150  74 187 213  51 184 103 168 197  78  29 237 120  50  53 216
 144  77  51  74  61 184 106 101 142   5 150 152  52 217 186  85
 117  89 219 219  65 184 121  92 128 100 236 125 156 240 170  73
 148  71 240 240  76 210 109 109 121  99 240 137  51 120 166 164
 140 186 240 240  98 220 150 156 207 192 236 230 152  77 176 212
 234 235 240 233 240 234 240 235 240 236 240 238 240 240 240 233
 229 240 240 240 240 240 240 240 240 240 240 240 240 240 240 239
 227 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 234 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 232 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 235 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 232 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 228 240 240 240 240 240 240 240 240 240 240 240 240 240 240 240
 225 156 240 240 182 212 225 180 240 240 240 240 240 240 240 240
 150 116 238 228  66 205 115 151 238 236 225 240 240 180 226 240
 156  84 186 211  47 184 109 170 200  92  30 240 120  50  53 216
 147  83  51  73  50 184 106 110 148  17 151 150  45 217 186  85
 127  98 219 219  58 179 109 101 128 107 237 125 155 240 163  72
 155  86 240 240  76 201  85 108 121  95 232 137  51 118 153 155
 149 189 240 240  98 220 141 154 206 178 235 230 152  77 175 209

我目前的问题是我无法理解如何将 jpeg 图像转换为以下一组数据和数字。您对文件格式以及如何达到这样的结果有想法吗？

提前感谢您的回复！

Answer 1

如果将来可能对某人有帮助，我发现这个 tool 可以帮助将图像转换为 .patt 文件。

实现自定义标记 - jsartoolkit5

Implement custom marker - jsartoolkit5

javascript

markers

augmented-reality

three.js

jsartoolkit