1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
|
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="og:site_name" content="Navan Chauhan"/><link rel="canonical" href="https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS"/><meta name="twitter:url" content="https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS"/><meta name="og:url" content="https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS"/><title>Introduction to AR.js and Natural Feature Tracking | Navan Chauhan</title><meta name="twitter:title" content="Introduction to AR.js and Natural Feature Tracking | Navan Chauhan"/><meta name="og:title" content="Introduction to AR.js and Natural Feature Tracking | Navan Chauhan"/><meta name="description" content="An introduction to AR.js and NFT"/><meta name="twitter:description" content="An introduction to AR.js and NFT"/><meta name="og:description" content="An introduction to AR.js and NFT"/><meta name="twitter:card" content="summary"/><link rel="stylesheet" href="/styles.css" type="text/css"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="shortcut icon" href="/images/favicon.png" type="image/png"/><link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to Navan Chauhan"/><meta name="twitter:image" content="https://navanchauhan.github.io/images/logo.png"/><meta name="og:image" content="https://navanchauhan.github.io/images/logo.png"/></head><head><script>var _paq=window._paq=window._paq||[];_paq.push(['trackPageView']),_paq.push(['enableLinkTracking']),function(){var a='https://navanspi.duckdns.org:6969/analytics/';_paq.push(['setTrackerUrl',a+'matomo.php']),_paq.push(['setSiteId','1']);var e=document,t=e.createElement('script'),p=e.getElementsByTagName('script')[0];t.type='text/javascript',t.async=!0,t.src=a+'matomo.js',p.parentNode.insertBefore(t,p)}();</script></head><head><script src="https://www.googletagmanager.com/gtag/js?id=UA-108635191-1v"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-108635191-1');</script></head><body class="item-page"><header><div class="wrapper"><a class="site-name" href="/">Navan Chauhan</a><nav><ul><li><a href="/about">About Me</a></li><li><a class="selected" href="/posts">Posts</a></li><li><a href="/publications">Publications</a></li><li><a href="/assets/résumé.pdf">Résumé</a></li><li><a href="https://navanchauhan.github.io/repo">Repo</a></li></ul></nav></div></header><div class="wrapper"><article><div class="content"><span class="reading-time">20 minute read</span><span class="reading-time">Created on August 1, 2020</span><h1>Introduction to AR.js and Natural Feature Tracking</h1><h2>AR.js</h2><p>AR.js is a lightweight library for Augmented Reality on the Web, coming with features like Image Tracking, Location based AR and Marker tracking. It is the easiest option for cross-browser augmented reality.</p><p>The same code works for iOS, Android, Desktops and even VR Browsers!</p><p>It weas initially created by Jerome Etienne and is now maintained by Nicolo Carpignoli and the AR-js Organisation</p><h2>NFT</h2><p>Usually for augmented reality you need specialised markers, like this Hiro marker (notice the thick non-aesthetic borders 🤢)</p><img src="https://upload.wikimedia.org/wikipedia/commons/4/48/Hiro_marker_ARjs.png"/><p>This is called marker based tracking where the code knows what to look for. NFT or Natural Feature Tracing converts normal images into markers by extracting 'features' from it, this way you can use any image of your liking!</p><p>I'll be using my GitHub profile picture</p><img src="/images/me.jpeg"/><h2>Creating the Marker!</h2><p>First we need to create the marker files required by AR.js for NFT. For this we use Carnaux's repository 'NFT-Marker-Creator'.</p><pre><code><div class="highlight"><span></span>$ git clone https://github.com/Carnaux/NFT-Marker-Creator
Cloning into <span class="s1">'NFT-Marker-Creator'</span>...
remote: Enumerating objects: <span class="m">79</span>, <span class="k">done</span>.
remote: Counting objects: <span class="m">100</span>% <span class="o">(</span><span class="m">79</span>/79<span class="o">)</span>, <span class="k">done</span>.
remote: Compressing objects: <span class="m">100</span>% <span class="o">(</span><span class="m">72</span>/72<span class="o">)</span>, <span class="k">done</span>.
remote: Total <span class="m">580</span> <span class="o">(</span>delta <span class="m">10</span><span class="o">)</span>, reused <span class="m">59</span> <span class="o">(</span>delta <span class="m">7</span><span class="o">)</span>, pack-reused <span class="m">501</span>
Receiving objects: <span class="m">100</span>% <span class="o">(</span><span class="m">580</span>/580<span class="o">)</span>, <span class="m">9</span>.88 MiB <span class="p">|</span> <span class="m">282</span>.00 KiB/s, <span class="k">done</span>.
Resolving deltas: <span class="m">100</span>% <span class="o">(</span><span class="m">262</span>/262<span class="o">)</span>, <span class="k">done</span>.
$ <span class="nb">cd</span> NFT-Makrer-Creator
</div></code></pre><h3>Install the dependencies</h3><pre><code><div class="highlight"><span></span>$ npm install
npm WARN nodegenerator@1.0.0 No repository field.
added <span class="m">67</span> packages from <span class="m">56</span> contributors and audited <span class="m">67</span> packages in <span class="m">2</span>.96s
<span class="m">1</span> package is looking <span class="k">for</span> funding
run <span class="sb">`</span>npm fund<span class="sb">`</span> <span class="k">for</span> details
found <span class="m">0</span> vulnerabilities
╭────────────────────────────────────────────────────────────────╮
│ │
│ New patch version of npm available! <span class="m">6</span>.14.5 → <span class="m">6</span>.14.7 │
│ Changelog: https://github.com/npm/cli/releases/tag/v6.14.7 │
│ Run npm install -g npm to update! │
│ │
╰────────────────────────────────────────────────────────────────╯
</div></code></pre><h3>Copy the target marker to the folder</h3><pre><code><div class="highlight"><span></span>$ cp ~/CodingAndStuff/ARjs/me.png .
</div></code></pre><h3>Generate Marker</h3><pre><code><div class="highlight"><span></span>$ node app.js -i me.png
Confidence level: <span class="o">[</span> * * * * * <span class="o">]</span> <span class="m">5</span>/5 <span class="o">||</span> Entropy: <span class="m">5</span>.24 <span class="o">||</span> Current max: <span class="m">5</span>.17 min: <span class="m">4</span>.6
Do you want to <span class="k">continue</span>? <span class="o">(</span>Y/N<span class="o">)</span>
y
writeStringToMemory is deprecated and should not be called! Use stringToUTF8<span class="o">()</span> instead!
<span class="o">[</span>info<span class="o">]</span>
Commands:
<span class="o">[</span>info<span class="o">]</span> --
Generator started at <span class="m">2020</span>-08-01 <span class="m">16</span>:01:41 +0580
<span class="o">[</span>info<span class="o">]</span> Tracking Extraction <span class="nv">Level</span> <span class="o">=</span> <span class="m">2</span>
<span class="o">[</span>info<span class="o">]</span> <span class="nv">MAX_THRESH</span> <span class="o">=</span> <span class="m">0</span>.900000
<span class="o">[</span>info<span class="o">]</span> <span class="nv">MIN_THRESH</span> <span class="o">=</span> <span class="m">0</span>.550000
<span class="o">[</span>info<span class="o">]</span> <span class="nv">SD_THRESH</span> <span class="o">=</span> <span class="m">8</span>.000000
<span class="o">[</span>info<span class="o">]</span> Initialization Extraction <span class="nv">Level</span> <span class="o">=</span> <span class="m">1</span>
<span class="o">[</span>info<span class="o">]</span> <span class="nv">SURF_FEATURE</span> <span class="o">=</span> <span class="m">100</span>
<span class="o">[</span>info<span class="o">]</span> min allow <span class="m">3</span>.699000.
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">1</span><span class="o">)</span>: <span class="m">3</span>.699000
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">2</span><span class="o">)</span>: <span class="m">4</span>.660448
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">3</span><span class="o">)</span>: <span class="m">5</span>.871797
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">4</span><span class="o">)</span>: <span class="m">7</span>.398000
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">5</span><span class="o">)</span>: <span class="m">9</span>.320896
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">6</span><span class="o">)</span>: <span class="m">11</span>.743593
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">7</span><span class="o">)</span>: <span class="m">14</span>.796000
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">8</span><span class="o">)</span>: <span class="m">18</span>.641792
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">9</span><span class="o">)</span>: <span class="m">23</span>.487186
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">10</span><span class="o">)</span>: <span class="m">29</span>.592001
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">11</span><span class="o">)</span>: <span class="m">37</span>.283585
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">12</span><span class="o">)</span>: <span class="m">46</span>.974373
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">13</span><span class="o">)</span>: <span class="m">59</span>.184002
<span class="o">[</span>info<span class="o">]</span> Image DPI <span class="o">(</span><span class="m">14</span><span class="o">)</span>: <span class="m">72</span>.000000
<span class="o">[</span>info<span class="o">]</span> Generating ImageSet...
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span>Source image <span class="nv">xsize</span><span class="o">=</span><span class="m">568</span>, <span class="nv">ysize</span><span class="o">=</span><span class="m">545</span>, <span class="nv">channels</span><span class="o">=</span><span class="m">3</span>, <span class="nv">dpi</span><span class="o">=</span><span class="m">72</span>.0<span class="o">)</span>.
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Saving to asa.iset...
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Generating FeatureList...
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">72</span>.000000 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">309560</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">24930</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">6192</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">544</span>/ <span class="m">545</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">305</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">22</span>,474<span class="o">)</span> : <span class="m">0</span>.211834 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.212201 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.583779, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.253441
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span><span class="m">259</span>,449<span class="o">)</span> : <span class="m">0</span>.365469 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.373732 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.667143, <span class="nv">sd</span><span class="o">=</span><span class="m">64</span>.356659
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span><span class="m">244</span>,492<span class="o">)</span> : <span class="m">0</span>.368801 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.373514 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.644463, <span class="nv">sd</span><span class="o">=</span><span class="m">52</span>.414131
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span><span class="m">542</span>,503<span class="o">)</span> : <span class="m">0</span>.388110 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.393117 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.659145, <span class="nv">sd</span><span class="o">=</span><span class="m">21</span>.867199
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span><span class="m">544</span>,451<span class="o">)</span> : <span class="m">0</span>.426580 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.431487 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.697276, <span class="nv">sd</span><span class="o">=</span><span class="m">24</span>.540915
<span class="o">[</span>info<span class="o">]</span> <span class="m">6</span>: <span class="o">(</span><span class="m">486</span>,334<span class="o">)</span> : <span class="m">0</span>.593511 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.565134 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.800069, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.706526
<span class="o">[</span>info<span class="o">]</span> <span class="m">7</span>: <span class="o">(</span><span class="m">217</span>,283<span class="o">)</span> : <span class="m">0</span>.602713 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553285 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.815628, <span class="nv">sd</span><span class="o">=</span><span class="m">11</span>.092167
<span class="o">[</span>info<span class="o">]</span> <span class="m">8</span>: <span class="o">(</span> <span class="m">44</span>,420<span class="o">)</span> : <span class="m">0</span>.612274 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.550906 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.832009, <span class="nv">sd</span><span class="o">=</span><span class="m">29</span>.664345
<span class="o">[</span>info<span class="o">]</span> <span class="m">9</span>: <span class="o">(</span><span class="m">522</span>,343<span class="o">)</span> : <span class="m">0</span>.615029 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.569004 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.796405, <span class="nv">sd</span><span class="o">=</span><span class="m">34</span>.439430
<span class="o">[</span>info<span class="o">]</span> <span class="m">10</span>: <span class="o">(</span> <span class="m">57</span>,476<span class="o">)</span> : <span class="m">0</span>.621610 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.568849 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.816438, <span class="nv">sd</span><span class="o">=</span><span class="m">41</span>.452328
<span class="o">[</span>info<span class="o">]</span> <span class="m">11</span>: <span class="o">(</span><span class="m">407</span>,335<span class="o">)</span> : <span class="m">0</span>.626746 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.601339 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.802741, <span class="nv">sd</span><span class="o">=</span><span class="m">22</span>.136026
<span class="o">[</span>info<span class="o">]</span> <span class="m">12</span>: <span class="o">(</span><span class="m">483</span>,375<span class="o">)</span> : <span class="m">0</span>.636573 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.552658 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.851101, <span class="nv">sd</span><span class="o">=</span><span class="m">53</span>.539089
<span class="o">[</span>info<span class="o">]</span> <span class="m">13</span>: <span class="o">(</span> <span class="m">54</span>,509<span class="o">)</span> : <span class="m">0</span>.637408 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.563383 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.804955, <span class="nv">sd</span><span class="o">=</span><span class="m">34</span>.774330
<span class="o">[</span>info<span class="o">]</span> <span class="m">14</span>: <span class="o">(</span> <span class="m">22</span>,386<span class="o">)</span> : <span class="m">0</span>.642944 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.630736 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.852005, <span class="nv">sd</span><span class="o">=</span><span class="m">29</span>.959364
<span class="o">[</span>info<span class="o">]</span> <span class="m">15</span>: <span class="o">(</span><span class="m">459</span>,434<span class="o">)</span> : <span class="m">0</span>.649170 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.567012 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.817146, <span class="nv">sd</span><span class="o">=</span><span class="m">44</span>.087994
<span class="o">[</span>info<span class="o">]</span> <span class="m">16</span>: <span class="o">(</span><span class="m">510</span>,409<span class="o">)</span> : <span class="m">0</span>.667462 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.572251 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.808130, <span class="nv">sd</span><span class="o">=</span><span class="m">49</span>.187576
<span class="o">[</span>info<span class="o">]</span> <span class="m">17</span>: <span class="o">(</span><span class="m">330</span>,270<span class="o">)</span> : <span class="m">0</span>.690323 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.625252 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.836476, <span class="nv">sd</span><span class="o">=</span><span class="m">24</span>.105335
<span class="o">[</span>info<span class="o">]</span> <span class="m">18</span>: <span class="o">(</span><span class="m">544</span>,270<span class="o">)</span> : <span class="m">0</span>.695668 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.550262 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.841321, <span class="nv">sd</span><span class="o">=</span><span class="m">53</span>.076946
<span class="o">[</span>info<span class="o">]</span> <span class="m">19</span>: <span class="o">(</span><span class="m">443</span>,489<span class="o">)</span> : <span class="m">0</span>.696738 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.557579 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.868091, <span class="nv">sd</span><span class="o">=</span><span class="m">27</span>.418671
<span class="o">[</span>info<span class="o">]</span> <span class="m">20</span>: <span class="o">(</span><span class="m">439</span>,373<span class="o">)</span> : <span class="m">0</span>.706379 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.658029 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.856492, <span class="nv">sd</span><span class="o">=</span><span class="m">52</span>.750744
<span class="o">[</span>info<span class="o">]</span> <span class="m">21</span>: <span class="o">(</span><span class="m">381</span>,264<span class="o">)</span> : <span class="m">0</span>.712895 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.567250 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.829908, <span class="nv">sd</span><span class="o">=</span><span class="m">21</span>.462694
<span class="o">[</span>info<span class="o">]</span> <span class="m">22</span>: <span class="o">(</span><span class="m">114</span>,344<span class="o">)</span> : <span class="m">0</span>.726579 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.574026 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.873275, <span class="nv">sd</span><span class="o">=</span><span class="m">19</span>.631178
<span class="o">[</span>info<span class="o">]</span> <span class="m">23</span>: <span class="o">(</span><span class="m">450</span>,339<span class="o">)</span> : <span class="m">0</span>.730613 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.622663 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.840786, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.808407
<span class="o">[</span>info<span class="o">]</span> <span class="m">24</span>: <span class="o">(</span><span class="m">187</span>,316<span class="o">)</span> : <span class="m">0</span>.737529 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.568579 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.856549, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.841721
<span class="o">[</span>info<span class="o">]</span> <span class="m">25</span>: <span class="o">(</span><span class="m">155</span>,451<span class="o">)</span> : <span class="m">0</span>.741329 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.617655 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.848432, <span class="nv">sd</span><span class="o">=</span><span class="m">50</span>.381092
<span class="o">[</span>info<span class="o">]</span> <span class="m">26</span>: <span class="o">(</span><span class="m">425</span>,406<span class="o">)</span> : <span class="m">0</span>.770987 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.674625 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.908930, <span class="nv">sd</span><span class="o">=</span><span class="m">39</span>.619099
<span class="o">[</span>info<span class="o">]</span> <span class="m">27</span>: <span class="o">(</span><span class="m">520</span>,308<span class="o">)</span> : <span class="m">0</span>.773589 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.646116 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.856012, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.303595
<span class="o">[</span>info<span class="o">]</span> <span class="m">28</span>: <span class="o">(</span><span class="m">239</span>,244<span class="o">)</span> : <span class="m">0</span>.784615 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.655032 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.943640, <span class="nv">sd</span><span class="o">=</span><span class="m">25</span>.512465
<span class="o">[</span>info<span class="o">]</span> <span class="m">29</span>: <span class="o">(</span><span class="m">415</span>,277<span class="o">)</span> : <span class="m">0</span>.784977 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.745286 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.898037, <span class="nv">sd</span><span class="o">=</span><span class="m">24</span>.985357
<span class="o">[</span>info<span class="o">]</span> <span class="m">30</span>: <span class="o">(</span><span class="m">278</span>,244<span class="o">)</span> : <span class="m">0</span>.796536 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.713171 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.940000, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.488716
<span class="o">[</span>info<span class="o">]</span> <span class="m">31</span>: <span class="o">(</span><span class="m">536</span>,235<span class="o">)</span> : <span class="m">0</span>.825348 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.654568 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.901623, <span class="nv">sd</span><span class="o">=</span><span class="m">54</span>.036903
<span class="o">[</span>info<span class="o">]</span> <span class="m">32</span>: <span class="o">(</span><span class="m">341</span>,310<span class="o">)</span> : <span class="m">0</span>.828034 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.796073 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.928327, <span class="nv">sd</span><span class="o">=</span><span class="m">57</span>.174885
<span class="o">[</span>info<span class="o">]</span> <span class="m">33</span>: <span class="o">(</span><span class="m">355</span>,438<span class="o">)</span> : <span class="m">0</span>.833364 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.616488 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.944241, <span class="nv">sd</span><span class="o">=</span><span class="m">57</span>.199963
<span class="o">[</span>info<span class="o">]</span> <span class="m">34</span>: <span class="o">(</span><span class="m">330</span>,215<span class="o">)</span> : <span class="m">0</span>.852530 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.778738 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.960263, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.844889
<span class="o">[</span>info<span class="o">]</span> <span class="m">35</span>: <span class="o">(</span><span class="m">307</span>,163<span class="o">)</span> : <span class="m">0</span>.859535 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.750590 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.963522, <span class="nv">sd</span><span class="o">=</span><span class="m">41</span>.524643
<span class="o">[</span>info<span class="o">]</span> <span class="m">36</span>: <span class="o">(</span> <span class="m">43</span>,246<span class="o">)</span> : <span class="m">0</span>.865821 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.715005 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.967188, <span class="nv">sd</span><span class="o">=</span><span class="m">17</span>.746605
<span class="o">[</span>info<span class="o">]</span> <span class="m">37</span>: <span class="o">(</span><span class="m">207</span>,171<span class="o">)</span> : <span class="m">0</span>.873648 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.753025 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.956383, <span class="nv">sd</span><span class="o">=</span><span class="m">22</span>.992336
<span class="o">[</span>info<span class="o">]</span> <span class="m">38</span>: <span class="o">(</span> <span class="m">75</span>,383<span class="o">)</span> : <span class="m">0</span>.877258 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.809668 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.943998, <span class="nv">sd</span><span class="o">=</span><span class="m">24</span>.749569
<span class="o">[</span>info<span class="o">]</span> <span class="m">39</span>: <span class="o">(</span> <span class="m">77</span>,438<span class="o">)</span> : <span class="m">0</span>.893997 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.853110 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.953184, <span class="nv">sd</span><span class="o">=</span><span class="m">37</span>.195824
<span class="o">[</span>info<span class="o">]</span> <span class="m">40</span>: <span class="o">(</span><span class="m">186</span>,231<span class="o">)</span> : <span class="m">0</span>.897896 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.893945 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.959936, <span class="nv">sd</span><span class="o">=</span><span class="m">53</span>.592140
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">59</span>.184002 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">209216</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">16664</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">4219</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">447</span>/ <span class="m">448</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">205</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">24</span>,404<span class="o">)</span> : <span class="m">0</span>.263453 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.272001 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.579902, <span class="nv">sd</span><span class="o">=</span><span class="m">30</span>.270309
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span><span class="m">181</span>,415<span class="o">)</span> : <span class="m">0</span>.286756 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.296179 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.570393, <span class="nv">sd</span><span class="o">=</span><span class="m">51</span>.832920
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span><span class="m">229</span>,375<span class="o">)</span> : <span class="m">0</span>.299946 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.301300 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.620830, <span class="nv">sd</span><span class="o">=</span><span class="m">63</span>.595726
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span><span class="m">443</span>,403<span class="o">)</span> : <span class="m">0</span>.395126 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.407708 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.635656, <span class="nv">sd</span><span class="o">=</span><span class="m">21</span>.330490
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span><span class="m">224</span>,412<span class="o">)</span> : <span class="m">0</span>.444073 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.451129 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.679228, <span class="nv">sd</span><span class="o">=</span><span class="m">50</span>.032726
<span class="o">[</span>info<span class="o">]</span> <span class="m">6</span>: <span class="o">(</span><span class="m">402</span>,276<span class="o">)</span> : <span class="m">0</span>.562894 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.550990 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.783724, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.768101
<span class="o">[</span>info<span class="o">]</span> <span class="m">7</span>: <span class="o">(</span> <span class="m">22</span>,324<span class="o">)</span> : <span class="m">0</span>.597796 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553165 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.803201, <span class="nv">sd</span><span class="o">=</span><span class="m">25</span>.844311
<span class="o">[</span>info<span class="o">]</span> <span class="m">8</span>: <span class="o">(</span><span class="m">408</span>,318<span class="o">)</span> : <span class="m">0</span>.606647 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.558857 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.803414, <span class="nv">sd</span><span class="o">=</span><span class="m">50</span>.661160
<span class="o">[</span>info<span class="o">]</span> <span class="m">9</span>: <span class="o">(</span><span class="m">378</span>,394<span class="o">)</span> : <span class="m">0</span>.616479 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.558946 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.824612, <span class="nv">sd</span><span class="o">=</span><span class="m">26</span>.079950
<span class="o">[</span>info<span class="o">]</span> <span class="m">10</span>: <span class="o">(</span><span class="m">384</span>,361<span class="o">)</span> : <span class="m">0</span>.668396 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.603888 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.820440, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.232616
<span class="o">[</span>info<span class="o">]</span> <span class="m">11</span>: <span class="o">(</span><span class="m">337</span>,278<span class="o">)</span> : <span class="m">0</span>.671341 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.586483 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.837408, <span class="nv">sd</span><span class="o">=</span><span class="m">23</span>.079739
<span class="o">[</span>info<span class="o">]</span> <span class="m">12</span>: <span class="o">(</span> <span class="m">52</span>,371<span class="o">)</span> : <span class="m">0</span>.679165 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.648876 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.842554, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.683979
<span class="o">[</span>info<span class="o">]</span> <span class="m">13</span>: <span class="o">(</span><span class="m">440</span>,260<span class="o">)</span> : <span class="m">0</span>.683035 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.577838 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.836932, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.886761
<span class="o">[</span>info<span class="o">]</span> <span class="m">14</span>: <span class="o">(</span><span class="m">444</span>,227<span class="o">)</span> : <span class="m">0</span>.687587 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.567562 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.837861, <span class="nv">sd</span><span class="o">=</span><span class="m">49</span>.854889
<span class="o">[</span>info<span class="o">]</span> <span class="m">15</span>: <span class="o">(</span><span class="m">149</span>,266<span class="o">)</span> : <span class="m">0</span>.688923 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.572425 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.832697, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.967720
<span class="o">[</span>info<span class="o">]</span> <span class="m">16</span>: <span class="o">(</span><span class="m">290</span>,212<span class="o">)</span> : <span class="m">0</span>.714381 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.573321 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.825159, <span class="nv">sd</span><span class="o">=</span><span class="m">25</span>.429075
<span class="o">[</span>info<span class="o">]</span> <span class="m">17</span>: <span class="o">(</span><span class="m">374</span>,309<span class="o">)</span> : <span class="m">0</span>.720491 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.711943 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.874688, <span class="nv">sd</span><span class="o">=</span><span class="m">58</span>.918808
<span class="o">[</span>info<span class="o">]</span> <span class="m">18</span>: <span class="o">(</span><span class="m">103</span>,283<span class="o">)</span> : <span class="m">0</span>.723728 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.559241 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.835176, <span class="nv">sd</span><span class="o">=</span><span class="m">17</span>.688787
<span class="o">[</span>info<span class="o">]</span> <span class="m">19</span>: <span class="o">(</span><span class="m">235</span>,200<span class="o">)</span> : <span class="m">0</span>.742138 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.745569 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.912951, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.019238
<span class="o">[</span>info<span class="o">]</span> <span class="m">20</span>: <span class="o">(</span><span class="m">128</span>,360<span class="o">)</span> : <span class="m">0</span>.770635 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.551060 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.871743, <span class="nv">sd</span><span class="o">=</span><span class="m">51</span>.743370
<span class="o">[</span>info<span class="o">]</span> <span class="m">21</span>: <span class="o">(</span><span class="m">297</span>,368<span class="o">)</span> : <span class="m">0</span>.794845 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553557 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.908358, <span class="nv">sd</span><span class="o">=</span><span class="m">48</span>.856777
<span class="o">[</span>info<span class="o">]</span> <span class="m">22</span>: <span class="o">(</span><span class="m">348</span>,343<span class="o">)</span> : <span class="m">0</span>.798785 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.662930 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.928792, <span class="nv">sd</span><span class="o">=</span><span class="m">40</span>.917496
<span class="o">[</span>info<span class="o">]</span> <span class="m">23</span>: <span class="o">(</span><span class="m">195</span>,204<span class="o">)</span> : <span class="m">0</span>.801663 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.621057 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.936245, <span class="nv">sd</span><span class="o">=</span><span class="m">25</span>.684557
<span class="o">[</span>info<span class="o">]</span> <span class="m">24</span>: <span class="o">(</span><span class="m">325</span>,221<span class="o">)</span> : <span class="m">0</span>.810848 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.756911 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.898076, <span class="nv">sd</span><span class="o">=</span><span class="m">30</span>.086334
<span class="o">[</span>info<span class="o">]</span> <span class="m">25</span>: <span class="o">(</span><span class="m">276</span>,253<span class="o">)</span> : <span class="m">0</span>.825425 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.812713 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.926472, <span class="nv">sd</span><span class="o">=</span><span class="m">58</span>.497112
<span class="o">[</span>info<span class="o">]</span> <span class="m">26</span>: <span class="o">(</span> <span class="m">57</span>,409<span class="o">)</span> : <span class="m">0</span>.838737 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.829799 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.922687, <span class="nv">sd</span><span class="o">=</span><span class="m">45</span>.331120
<span class="o">[</span>info<span class="o">]</span> <span class="m">27</span>: <span class="o">(</span><span class="m">174</span>,164<span class="o">)</span> : <span class="m">0</span>.846327 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.738286 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.963738, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.914589
<span class="o">[</span>info<span class="o">]</span> <span class="m">28</span>: <span class="o">(</span><span class="m">440</span>,191<span class="o">)</span> : <span class="m">0</span>.859450 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.752551 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.938949, <span class="nv">sd</span><span class="o">=</span><span class="m">62</span>.600094
<span class="o">[</span>info<span class="o">]</span> <span class="m">29</span>: <span class="o">(</span><span class="m">271</span>,176<span class="o">)</span> : <span class="m">0</span>.865594 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.832825 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.961079, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.463100
<span class="o">[</span>info<span class="o">]</span> <span class="m">30</span>: <span class="o">(</span><span class="m">247</span>,141<span class="o">)</span> : <span class="m">0</span>.869905 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.719910 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.944092, <span class="nv">sd</span><span class="o">=</span><span class="m">39</span>.328327
<span class="o">[</span>info<span class="o">]</span> <span class="m">31</span>: <span class="o">(</span> <span class="m">62</span>,315<span class="o">)</span> : <span class="m">0</span>.889240 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.820342 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.949085, <span class="nv">sd</span><span class="o">=</span><span class="m">28</span>.934418
<span class="o">[</span>info<span class="o">]</span> <span class="m">32</span>: <span class="o">(</span> <span class="m">55</span>,200<span class="o">)</span> : <span class="m">0</span>.896143 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.724967 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.973851, <span class="nv">sd</span><span class="o">=</span><span class="m">18</span>.574352
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">46</span>.974373 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">132076</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">10582</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">2654</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">355</span>/ <span class="m">356</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">125</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span><span class="m">147</span>,328<span class="o">)</span> : <span class="m">0</span>.253711 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.261744 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.546386, <span class="nv">sd</span><span class="o">=</span><span class="m">49</span>.037407
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span> <span class="m">23</span>,318<span class="o">)</span> : <span class="m">0</span>.326023 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.332772 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.553814, <span class="nv">sd</span><span class="o">=</span><span class="m">29</span>.970749
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span><span class="m">180</span>,307<span class="o">)</span> : <span class="m">0</span>.332172 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.353050 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.582633, <span class="nv">sd</span><span class="o">=</span><span class="m">55</span>.894489
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span><span class="m">339</span>,229<span class="o">)</span> : <span class="m">0</span>.568601 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.561106 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.788570, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.519234
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span> <span class="m">34</span>,277<span class="o">)</span> : <span class="m">0</span>.618809 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.583962 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.811560, <span class="nv">sd</span><span class="o">=</span><span class="m">31</span>.459497
<span class="o">[</span>info<span class="o">]</span> <span class="m">6</span>: <span class="o">(</span><span class="m">120</span>,210<span class="o">)</span> : <span class="m">0</span>.655516 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553481 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.808650, <span class="nv">sd</span><span class="o">=</span><span class="m">30</span>.417620
<span class="o">[</span>info<span class="o">]</span> <span class="m">7</span>: <span class="o">(</span><span class="m">299</span>,226<span class="o">)</span> : <span class="m">0</span>.660352 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.551423 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.810235, <span class="nv">sd</span><span class="o">=</span><span class="m">40</span>.050533
<span class="o">[</span>info<span class="o">]</span> <span class="m">8</span>: <span class="o">(</span><span class="m">289</span>,291<span class="o">)</span> : <span class="m">0</span>.672981 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.584721 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.865715, <span class="nv">sd</span><span class="o">=</span><span class="m">34</span>.681435
<span class="o">[</span>info<span class="o">]</span> <span class="m">9</span>: <span class="o">(</span> <span class="m">85</span>,221<span class="o">)</span> : <span class="m">0</span>.735781 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.557358 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.837869, <span class="nv">sd</span><span class="o">=</span><span class="m">15</span>.401685
<span class="o">[</span>info<span class="o">]</span> <span class="m">10</span>: <span class="o">(</span><span class="m">192</span>,150<span class="o">)</span> : <span class="m">0</span>.748029 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.762064 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.911963, <span class="nv">sd</span><span class="o">=</span><span class="m">36</span>.248280
<span class="o">[</span>info<span class="o">]</span> <span class="m">11</span>: <span class="o">(</span><span class="m">348</span>,194<span class="o">)</span> : <span class="m">0</span>.750950 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.647856 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.880163, <span class="nv">sd</span><span class="o">=</span><span class="m">44</span>.824394
<span class="o">[</span>info<span class="o">]</span> <span class="m">12</span>: <span class="o">(</span> <span class="m">27</span>,244<span class="o">)</span> : <span class="m">0</span>.779110 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.741316 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.889470, <span class="nv">sd</span><span class="o">=</span><span class="m">27</span>.621294
<span class="o">[</span>info<span class="o">]</span> <span class="m">13</span>: <span class="o">(</span><span class="m">192</span>,110<span class="o">)</span> : <span class="m">0</span>.801694 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.737249 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.930409, <span class="nv">sd</span><span class="o">=</span><span class="m">40</span>.227238
<span class="o">[</span>info<span class="o">]</span> <span class="m">14</span>: <span class="o">(</span><span class="m">142</span>,131<span class="o">)</span> : <span class="m">0</span>.807086 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.639763 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.952103, <span class="nv">sd</span><span class="o">=</span><span class="m">32</span>.719967
<span class="o">[</span>info<span class="o">]</span> <span class="m">15</span>: <span class="o">(</span><span class="m">218</span>,190<span class="o">)</span> : <span class="m">0</span>.819924 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.789691 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.922567, <span class="nv">sd</span><span class="o">=</span><span class="m">52</span>.960388
<span class="o">[</span>info<span class="o">]</span> <span class="m">16</span>: <span class="o">(</span><span class="m">265</span>,213<span class="o">)</span> : <span class="m">0</span>.829599 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.755986 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.906421, <span class="nv">sd</span><span class="o">=</span><span class="m">30</span>.495857
<span class="o">[</span>info<span class="o">]</span> <span class="m">17</span>: <span class="o">(</span><span class="m">348</span>,159<span class="o">)</span> : <span class="m">0</span>.833503 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.770736 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.922161, <span class="nv">sd</span><span class="o">=</span><span class="m">62</span>.732380
<span class="o">[</span>info<span class="o">]</span> <span class="m">18</span>: <span class="o">(</span><span class="m">241</span>,296<span class="o">)</span> : <span class="m">0</span>.846388 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.551359 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.934936, <span class="nv">sd</span><span class="o">=</span><span class="m">41</span>.934254
<span class="o">[</span>info<span class="o">]</span> <span class="m">19</span>: <span class="o">(</span><span class="m">263</span>,178<span class="o">)</span> : <span class="m">0</span>.888409 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.791312 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.931626, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.446648
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">37</span>.283585 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">82908</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">6477</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">1665</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">281</span>/ <span class="m">282</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">76</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span><span class="m">126</span>,255<span class="o">)</span> : <span class="m">0</span>.291458 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.293245 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.532445, <span class="nv">sd</span><span class="o">=</span><span class="m">44</span>.819416
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span><span class="m">259</span>,179<span class="o">)</span> : <span class="m">0</span>.544833 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.552487 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.779788, <span class="nv">sd</span><span class="o">=</span><span class="m">34</span>.632847
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span> <span class="m">22</span>,217<span class="o">)</span> : <span class="m">0</span>.577221 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.572050 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.765973, <span class="nv">sd</span><span class="o">=</span><span class="m">29</span>.686686
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span><span class="m">101</span>,164<span class="o">)</span> : <span class="m">0</span>.634161 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.551986 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.799318, <span class="nv">sd</span><span class="o">=</span><span class="m">26</span>.766178
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span><span class="m">263</span>,212<span class="o">)</span> : <span class="m">0</span>.644384 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.564216 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.795845, <span class="nv">sd</span><span class="o">=</span><span class="m">42</span>.637730
<span class="o">[</span>info<span class="o">]</span> <span class="m">6</span>: <span class="o">(</span> <span class="m">22</span>,258<span class="o">)</span> : <span class="m">0</span>.680414 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.692315 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.791998, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.050774
<span class="o">[</span>info<span class="o">]</span> <span class="m">7</span>: <span class="o">(</span><span class="m">220</span>,182<span class="o">)</span> : <span class="m">0</span>.698840 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.592309 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.862061, <span class="nv">sd</span><span class="o">=</span><span class="m">37</span>.508007
<span class="o">[</span>info<span class="o">]</span> <span class="m">8</span>: <span class="o">(</span><span class="m">229</span>,257<span class="o">)</span> : <span class="m">0</span>.703305 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553369 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.864329, <span class="nv">sd</span><span class="o">=</span><span class="m">24</span>.709126
<span class="o">[</span>info<span class="o">]</span> <span class="m">9</span>: <span class="o">(</span><span class="m">151</span>,118<span class="o">)</span> : <span class="m">0</span>.726578 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.738549 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.906151, <span class="nv">sd</span><span class="o">=</span><span class="m">38</span>.828815
<span class="o">[</span>info<span class="o">]</span> <span class="m">10</span>: <span class="o">(</span><span class="m">177</span>,214<span class="o">)</span> : <span class="m">0</span>.781371 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.563572 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.832300, <span class="nv">sd</span><span class="o">=</span><span class="m">54</span>.721115
<span class="o">[</span>info<span class="o">]</span> <span class="m">11</span>: <span class="o">(</span><span class="m">225</span>,215<span class="o">)</span> : <span class="m">0</span>.788058 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.755838 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.899616, <span class="nv">sd</span><span class="o">=</span><span class="m">50</span>.707241
<span class="o">[</span>info<span class="o">]</span> <span class="m">12</span>: <span class="o">(</span><span class="m">158</span>,155<span class="o">)</span> : <span class="m">0</span>.794013 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.781587 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.916502, <span class="nv">sd</span><span class="o">=</span><span class="m">48</span>.264225
<span class="o">[</span>info<span class="o">]</span> <span class="m">13</span>: <span class="o">(</span> <span class="m">63</span>,176<span class="o">)</span> : <span class="m">0</span>.841771 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.763143 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.907695, <span class="nv">sd</span><span class="o">=</span><span class="m">19</span>.686169
<span class="o">[</span>info<span class="o">]</span> <span class="m">14</span>: <span class="o">(</span><span class="m">206</span>,145<span class="o">)</span> : <span class="m">0</span>.844404 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.752984 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.916683, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.973286
<span class="o">[</span>info<span class="o">]</span> <span class="m">15</span>: <span class="o">(</span><span class="m">270</span>,142<span class="o">)</span> : <span class="m">0</span>.845205 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.795885 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.935199, <span class="nv">sd</span><span class="o">=</span><span class="m">59</span>.147652
<span class="o">[</span>info<span class="o">]</span> <span class="m">16</span>: <span class="o">(</span><span class="m">149</span>, <span class="m">75</span><span class="o">)</span> : <span class="m">0</span>.874711 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.796581 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.958077, <span class="nv">sd</span><span class="o">=</span><span class="m">47</span>.111187
<span class="o">[</span>info<span class="o">]</span> <span class="m">17</span>: <span class="o">(</span><span class="m">113</span>,104<span class="o">)</span> : <span class="m">0</span>.877415 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.769141 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.966519, <span class="nv">sd</span><span class="o">=</span><span class="m">51</span>.069527
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">29</span>.592001 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">52192</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">4027</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">1050</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">223</span>/ <span class="m">224</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">50</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span><span class="m">102</span>,201<span class="o">)</span> : <span class="m">0</span>.289298 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.304870 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.535742, <span class="nv">sd</span><span class="o">=</span><span class="m">46</span>.188416
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span><span class="m">210</span>,148<span class="o">)</span> : <span class="m">0</span>.562558 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.576227 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.774472, <span class="nv">sd</span><span class="o">=</span><span class="m">41</span>.276623
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span> <span class="m">78</span>,129<span class="o">)</span> : <span class="m">0</span>.612243 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.551623 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.784806, <span class="nv">sd</span><span class="o">=</span><span class="m">23</span>.271040
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span><span class="m">177</span>,133<span class="o">)</span> : <span class="m">0</span>.688757 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.576350 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.879510, <span class="nv">sd</span><span class="o">=</span><span class="m">33</span>.073624
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span><span class="m">201</span>,187<span class="o">)</span> : <span class="m">0</span>.689806 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.643513 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.833690, <span class="nv">sd</span><span class="o">=</span><span class="m">35</span>.062008
<span class="o">[</span>info<span class="o">]</span> <span class="m">6</span>: <span class="o">(</span><span class="m">114</span>, <span class="m">82</span><span class="o">)</span> : <span class="m">0</span>.729714 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.720887 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.903299, <span class="nv">sd</span><span class="o">=</span><span class="m">42</span>.064465
<span class="o">[</span>info<span class="o">]</span> <span class="m">7</span>: <span class="o">(</span><span class="m">124</span>,118<span class="o">)</span> : <span class="m">0</span>.735968 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.746138 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.899143, <span class="nv">sd</span><span class="o">=</span><span class="m">45</span>.898678
<span class="o">[</span>info<span class="o">]</span> <span class="m">8</span>: <span class="o">(</span> <span class="m">23</span>,164<span class="o">)</span> : <span class="m">0</span>.779643 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.747459 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.878366, <span class="nv">sd</span><span class="o">=</span><span class="m">34</span>.013752
<span class="o">[</span>info<span class="o">]</span> <span class="m">9</span>: <span class="o">(</span><span class="m">140</span>,163<span class="o">)</span> : <span class="m">0</span>.809162 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.637383 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.881929, <span class="nv">sd</span><span class="o">=</span><span class="m">50</span>.335152
<span class="o">[</span>info<span class="o">]</span> <span class="m">10</span>: <span class="o">(</span> <span class="m">23</span>,198<span class="o">)</span> : <span class="m">0</span>.819792 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.807587 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.883169, <span class="nv">sd</span><span class="o">=</span><span class="m">39</span>.944038
<span class="o">[</span>info<span class="o">]</span> <span class="m">11</span>: <span class="o">(</span><span class="m">210</span>,113<span class="o">)</span> : <span class="m">0</span>.867805 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.835419 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.952952, <span class="nv">sd</span><span class="o">=</span><span class="m">62</span>.521526
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">23</span>.487186 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">32930</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">2542</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">663</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">177</span>/ <span class="m">178</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">26</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">90</span>,150<span class="o">)</span> : <span class="m">0</span>.521553 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.522064 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.695849, <span class="nv">sd</span><span class="o">=</span><span class="m">47</span>.276417
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span><span class="m">150</span>,127<span class="o">)</span> : <span class="m">0</span>.588753 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553176 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.839270, <span class="nv">sd</span><span class="o">=</span><span class="m">40</span>.334232
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span> <span class="m">63</span>,104<span class="o">)</span> : <span class="m">0</span>.657959 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.625311 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.845079, <span class="nv">sd</span><span class="o">=</span><span class="m">26</span>.239153
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span> <span class="m">86</span>, <span class="m">71</span><span class="o">)</span> : <span class="m">0</span>.716036 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.701616 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.897777, <span class="nv">sd</span><span class="o">=</span><span class="m">40</span>.668495
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span><span class="m">124</span>, <span class="m">92</span><span class="o">)</span> : <span class="m">0</span>.795828 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.799467 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.919533, <span class="nv">sd</span><span class="o">=</span><span class="m">46</span>.250336
<span class="o">[</span>info<span class="o">]</span> <span class="m">6</span>: <span class="o">(</span> <span class="m">22</span>,140<span class="o">)</span> : <span class="m">0</span>.823488 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.788265 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.904299, <span class="nv">sd</span><span class="o">=</span><span class="m">37</span>.023449
<span class="o">[</span>info<span class="o">]</span> <span class="m">7</span>: <span class="o">(</span><span class="m">158</span>, <span class="m">94</span><span class="o">)</span> : <span class="m">0</span>.846220 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.807598 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.945632, <span class="nv">sd</span><span class="o">=</span><span class="m">57</span>.189617
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">18</span>.641792 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">20727</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">1597</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">415</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">140</span>/ <span class="m">141</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">17</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">66</span>,105<span class="o">)</span> : <span class="m">0</span>.595532 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553885 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.773757, <span class="nv">sd</span><span class="o">=</span><span class="m">42</span>.355804
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span><span class="m">114</span>, <span class="m">96</span><span class="o">)</span> : <span class="m">0</span>.636754 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.558845 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.877043, <span class="nv">sd</span><span class="o">=</span><span class="m">41</span>.727524
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span> <span class="m">68</span>, <span class="m">63</span><span class="o">)</span> : <span class="m">0</span>.740243 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.674251 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.907678, <span class="nv">sd</span><span class="o">=</span><span class="m">48</span>.359558
<span class="o">[</span>info<span class="o">]</span> <span class="m">4</span>: <span class="o">(</span> <span class="m">25</span>, <span class="m">97</span><span class="o">)</span> : <span class="m">0</span>.770776 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.551998 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.915293, <span class="nv">sd</span><span class="o">=</span><span class="m">33</span>.076458
<span class="o">[</span>info<span class="o">]</span> <span class="m">5</span>: <span class="o">(</span><span class="m">102</span>, <span class="m">62</span><span class="o">)</span> : <span class="m">0</span>.878442 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.879749 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.958104, <span class="nv">sd</span><span class="o">=</span><span class="m">59</span>.505066
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">14</span>.796000 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">13104</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">1028</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">266</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">111</span>/ <span class="m">112</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">9</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">48</span>, <span class="m">83</span><span class="o">)</span> : <span class="m">0</span>.625048 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.567549 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.834230, <span class="nv">sd</span><span class="o">=</span><span class="m">42</span>.692223
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span> <span class="m">89</span>, <span class="m">73</span><span class="o">)</span> : <span class="m">0</span>.670262 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.553308 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.882925, <span class="nv">sd</span><span class="o">=</span><span class="m">45</span>.027554
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span> <span class="m">52</span>, <span class="m">50</span><span class="o">)</span> : <span class="m">0</span>.786427 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.743476 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.927114, <span class="nv">sd</span><span class="o">=</span><span class="m">55</span>.718193
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">11</span>.743593 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">8277</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">679</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">166</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">88</span>/ <span class="m">89</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">4</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">60</span>, <span class="m">64</span><span class="o">)</span> : <span class="m">0</span>.633060 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.550807 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.857935, <span class="nv">sd</span><span class="o">=</span><span class="m">42</span>.695072
<span class="o">[</span>info<span class="o">]</span> <span class="m">2</span>: <span class="o">(</span> <span class="m">26</span>, <span class="m">63</span><span class="o">)</span> : <span class="m">0</span>.702131 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.685312 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.867015, <span class="nv">sd</span><span class="o">=</span><span class="m">38</span>.862392
<span class="o">[</span>info<span class="o">]</span> <span class="m">3</span>: <span class="o">(</span> <span class="m">40</span>, <span class="m">30</span><span class="o">)</span> : <span class="m">0</span>.833010 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.834262 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.945118, <span class="nv">sd</span><span class="o">=</span><span class="m">62</span>.075710
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">9</span>.320896 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">5254</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">398</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">106</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">70</span>/ <span class="m">71</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">4</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">47</span>, <span class="m">48</span><span class="o">)</span> : <span class="m">0</span>.706897 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.668202 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.875970, <span class="nv">sd</span><span class="o">=</span><span class="m">47</span>.628330
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">7</span>.398000 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">3248</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">248</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">65</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">55</span>/ <span class="m">56</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">1</span>
<span class="o">[</span>info<span class="o">]</span> <span class="m">1</span>: <span class="o">(</span> <span class="m">34</span>, <span class="m">33</span><span class="o">)</span> : <span class="m">0</span>.794624 <span class="nv">min</span><span class="o">=</span><span class="m">0</span>.780241 <span class="nv">max</span><span class="o">=</span><span class="m">0</span>.925466, <span class="nv">sd</span><span class="o">=</span><span class="m">59</span>.612782
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">5</span>.871797 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">2024</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">161</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">41</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">43</span>/ <span class="m">44</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">1</span>
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">4</span>.660448 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">1295</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">108</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">26</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">34</span>/ <span class="m">35</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">1</span>
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Start <span class="k">for</span> <span class="m">3</span>.699000 dpi image.
<span class="o">[</span>info<span class="o">]</span> <span class="nv">ImageSize</span> <span class="o">=</span> <span class="m">812</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Extracted <span class="nv">features</span> <span class="o">=</span> <span class="m">65</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Filtered <span class="nv">features</span> <span class="o">=</span> <span class="m">17</span><span class="o">[</span>pixel<span class="o">]</span>
<span class="m">27</span>/ <span class="m">28</span>.<span class="o">[</span>info<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Max <span class="nv">feature</span> <span class="o">=</span> <span class="m">0</span>
<span class="o">[</span>info<span class="o">]</span> ---------------------------------------------------------------
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Saving FeatureSet...
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Generating FeatureSet3...
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">568</span>, <span class="m">545</span><span class="o">)</span> <span class="m">72</span>.000000<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">405</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">405</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">467</span>, <span class="m">448</span><span class="o">)</span> <span class="m">59</span>.184002<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">401</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">401</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">371</span>, <span class="m">356</span><span class="o">)</span> <span class="m">46</span>.974373<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">385</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">385</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">294</span>, <span class="m">282</span><span class="o">)</span> <span class="m">37</span>.283585<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">486</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">486</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">233</span>, <span class="m">224</span><span class="o">)</span> <span class="m">29</span>.592001<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">362</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">362</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">185</span>, <span class="m">178</span><span class="o">)</span> <span class="m">23</span>.487186<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">232</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">232</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">147</span>, <span class="m">141</span><span class="o">)</span> <span class="m">18</span>.641792<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">148</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">148</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">117</span>, <span class="m">112</span><span class="o">)</span> <span class="m">14</span>.796000<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">113</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">113</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">93</span>, <span class="m">89</span><span class="o">)</span> <span class="m">11</span>.743593<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">81</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">81</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">74</span>, <span class="m">71</span><span class="o">)</span> <span class="m">9</span>.320896<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">51</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">51</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">58</span>, <span class="m">56</span><span class="o">)</span> <span class="m">7</span>.398000<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">36</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">36</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">46</span>, <span class="m">44</span><span class="o">)</span> <span class="m">5</span>.871797<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">23</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">23</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">37</span>, <span class="m">35</span><span class="o">)</span> <span class="m">4</span>.660448<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">19</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">19</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> <span class="o">(</span><span class="m">29</span>, <span class="m">28</span><span class="o">)</span> <span class="m">3</span>.699000<span class="o">[</span>dpi<span class="o">]</span>
<span class="o">[</span>info<span class="o">]</span> Freak features - <span class="m">9</span><span class="o">[</span>info<span class="o">]</span> <span class="o">=========</span> <span class="nv">9</span> <span class="o">===========</span>
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Saving FeatureSet3...
<span class="o">[</span>info<span class="o">]</span> Done.
<span class="o">[</span>info<span class="o">]</span> Generator finished at <span class="m">2020</span>-08-01 <span class="m">16</span>:02:02 +0580
--
Finished marker creation!
Now configuring demo!
Finished!
To run demo use: <span class="s1">'npm run demo'</span>
</div></code></pre><p>Now we have the required files in the output folder</p><pre><code><div class="highlight"><span></span>$ ls output
me.fset me.fset3 me.iset
</div></code></pre><h2>Creating the HTML Page</h2><p>Create a new file called <code>index.html</code> in your project folder. This is the basic template we are going to use. Replace <code>me</code> with the root filename of your image, for example <code>NeverGonnaGiveYouUp.png</code> will become <code>NeverGonnaGiveYouUp</code>. Make sure you have copied all three files from the output folder in the previous step to the root of your project folder.</p><pre><code><div class="highlight"><span></span><span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
<span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
<span class="p"><</span><span class="nt">style</span><span class="p">></span>
<span class="p">.</span><span class="nc">arjs-loader</span> <span class="p">{</span>
<span class="k">height</span><span class="p">:</span> <span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
<span class="k">width</span><span class="p">:</span> <span class="mi">100</span><span class="kt">%</span><span class="p">;</span>
<span class="k">position</span><span class="p">:</span> <span class="kc">absolute</span><span class="p">;</span>
<span class="k">top</span><span class="p">:</span> <span class="mi">0</span><span class="p">;</span>
<span class="k">left</span><span class="p">:</span> <span class="mi">0</span><span class="p">;</span>
<span class="k">background-color</span><span class="p">:</span> <span class="nb">rgba</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mf">0.8</span><span class="p">);</span>
<span class="k">z-index</span><span class="p">:</span> <span class="mi">9999</span><span class="p">;</span>
<span class="k">display</span><span class="p">:</span> <span class="kc">flex</span><span class="p">;</span>
<span class="k">justify-content</span><span class="p">:</span> <span class="kc">center</span><span class="p">;</span>
<span class="k">align-items</span><span class="p">:</span> <span class="kc">center</span><span class="p">;</span>
<span class="p">}</span>
<span class="p">.</span><span class="nc">arjs-loader</span> <span class="nt">div</span> <span class="p">{</span>
<span class="k">text-align</span><span class="p">:</span> <span class="kc">center</span><span class="p">;</span>
<span class="k">font-size</span><span class="p">:</span> <span class="mf">1.25</span><span class="kt">em</span><span class="p">;</span>
<span class="k">color</span><span class="p">:</span> <span class="kc">white</span><span class="p">;</span>
<span class="p">}</span>
<span class="p"></</span><span class="nt">style</span><span class="p">></span>
<span class="p"><</span><span class="nt">body</span> <span class="na">style</span><span class="o">=</span><span class="s">"margin : 0px; overflow: hidden;"</span><span class="p">></span>
<span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"arjs-loader"</span><span class="p">></span>
<span class="p"><</span><span class="nt">div</span><span class="p">></span>Calculating Image Descriptors....<span class="p"></</span><span class="nt">div</span><span class="p">></span>
<span class="p"></</span><span class="nt">div</span><span class="p">></span>
<span class="p"><</span><span class="nt">a-scene</span>
<span class="na">vr-mode-ui</span><span class="o">=</span><span class="s">"enabled: false;"</span>
<span class="na">renderer</span><span class="o">=</span><span class="s">"logarithmicDepthBuffer: true;"</span>
<span class="na">embedded</span>
<span class="na">arjs</span><span class="o">=</span><span class="s">"trackingMethod: best; sourceType: webcam;debugUIEnabled: false;"</span>
<span class="p">></span>
<span class="p"><</span><span class="nt">a-nft</span>
<span class="na">type</span><span class="o">=</span><span class="s">"nft"</span>
<span class="na">url</span><span class="o">=</span><span class="s">"./me"</span>
<span class="na">smooth</span><span class="o">=</span><span class="s">"true"</span>
<span class="na">smoothCount</span><span class="o">=</span><span class="s">"10"</span>
<span class="na">smoothTolerance</span><span class="o">=</span><span class="s">".01"</span>
<span class="na">smoothThreshold</span><span class="o">=</span><span class="s">"5"</span>
<span class="p">></span>
<span class="p"></</span><span class="nt">a-nft</span><span class="p">></span>
<span class="p"><</span><span class="nt">a-entity</span> <span class="na">camera</span><span class="p">></</span><span class="nt">a-entity</span><span class="p">></span>
<span class="p"></</span><span class="nt">a-scene</span><span class="p">></span>
<span class="p"></</span><span class="nt">body</span><span class="p">></span>
</div></code></pre><p>In this we are creating a AFrame scene and we are telling it that we want to use NFT Tracking. The amazing part about using AFrame is that we are able to use all AFrame objects!</p><h2>Adding a simple box</h2><p>Let us add a simple box!</p><pre><code><div class="highlight"><span></span><span class="p"><</span><span class="nt">a-nft</span> <span class="err">.....</span><span class="p">></span>
<span class="p"><</span><span class="nt">a-box</span> <span class="na">position</span><span class="o">=</span><span class="s">'100 0.5 -180'</span> <span class="na">material</span><span class="o">=</span><span class="s">'opacity: 0.5; side: double'</span> <span class="na">scale</span><span class="o">=</span><span class="s">"100 100 100"</span><span class="p">></</span><span class="nt">a-box</span><span class="p">></span>
<span class="p"></</span><span class="nt">a-nft</span><span class="p">></span>
</div></code></pre><p>Now to test it out we will need to create a simple server, I use Python's inbuilt <code>SimpleHTTPServer</code> alongside <code>ngrok</code></p><p>In one terminal window, <code>cd</code> to the project directory. Currently your project folder should have 4 files, <code>index.html</code>, <code>me.fset3</code>, <code>me.fset</code> and <code>me.iset</code></p><p>Open up two terminal windows and <code>cd</code> into your project folder then run the following commands to start up your server.</p><p>In the first terminal window start the Python Server</p><pre><code><div class="highlight"><span></span>$ <span class="nb">cd</span> ~/CodingAndStuff/ARjs
$ python2 -m SimpleHTTPServer
Serving HTTP on <span class="m">0</span>.0.0.0 port <span class="m">8000</span> ...
</div></code></pre><p>In the other window run <code>ngrok</code> ( Make sure you have installed it prior to running this step )</p><pre><code><div class="highlight"><span></span>$ ngrok http <span class="m">8000</span>
</div></code></pre><img src="/assets/posts/arjs/01-ngrok.png"/><p>Now copy the url to your phone and try running the example</p><img src="/assets/posts/arjs/02-box-demo.gif"/><p>👏 Congratulations! You just built an Augmented Reality experience using AR.js and AFrame</p><h2>Adding a Torus-Knot in the box</h2><p>Edit your <code>index.html</code></p><pre><code><div class="highlight"><span></span><span class="p"><</span><span class="nt">a-nft</span> <span class="err">..</span><span class="p">></span>
<span class="p"><</span><span class="nt">a-box</span> <span class="err">..</span><span class="p">></span>
<span class="p"><</span><span class="nt">a-torus-knot</span> <span class="na">radius</span><span class="o">=</span><span class="s">'0.26'</span> <span class="na">radius-tubular</span><span class="o">=</span><span class="s">'0.05'</span> <span class="p">></</span><span class="nt">a-torus-knot</span><span class="p">></span>
<span class="p"></</span> <span class="nt">a-box</span><span class="p">></span>
<span class="p"></</span> <span class="nt">a-nft</span><span class="p">></span>
</div></code></pre><img src="/assets/posts/arjs/03-knot.png"/><h2>Where are the GIFs?</h2><p>Now that we know how to place a box in the scene and add a torus knot in it, what do we do next? We bring the classic internet back!</p><p><code>AFrame GIF Shader</code> is a gif shader for A-Frame created by mayognaise.</p><h3>First things first</h3><p>Add <code><script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script> </code> to <code><head></code></p><p>Change the box's material to add the GIF shader</p><pre><code><div class="highlight"><span></span>...
<span class="p"><</span><span class="nt">a-box</span> <span class="na">position</span><span class="o">=</span><span class="s">'100 0.5 -180'</span> <span class="na">material</span><span class="o">=</span><span class="s">"shader:gif;src:url(https://media.tenor.com/images/412b1aa9149d98d561df62db221e0789/tenor.gif);opacity:.5"</span> <span class="err">.....</span><span class="p">></span>
</div></code></pre><img src="/assets/posts/arjs/04-nyan.gif"/><h2>Bonus Idea: Integrate it with GitHub's new profile Readme Feature!</h2><h3>1) Host the code using GitHub Pages</h3><h3>2) Create a new repository ( the name should be your GitHub username )</h3><h3>3) Add QR Code to the page and tell the users to scan your profile picture</h3><h3>??) Profit 💸</h3><p>Here is a screenshot of me scanning a rounded version of my profile picture ( It still works! Even though the image is cropped and I haven't changed any line of code )</p><img src="/assets/posts/arjs/05-GitHub.jpg"/></div><span>Tagged with: </span><ul class="tag-list"><li><a href="/tags/tutorial">Tutorial</a></li><li><a href="/tags/arjs">AR.js</a></li><li><a href="/tags/javascript">JavaScript</a></li><li><a href="/tags/augmentedreality">Augmented-Reality</a></li></ul></article></div><footer><p>Made with ❤️ using <a href="https://github.com/johnsundell/publish">Publish</a></p><p><a href="/feed.rss">RSS feed</a></p></footer></body></html>
|
