|
27 | 27 | </style> |
28 | 28 | </head> |
29 | 29 | <body> |
30 | | - |
31 | 30 | <div class="demo-title"> |
32 | 31 | <p><a href="http://trackingjs.com">tracking.js</a> - display detected features</p> |
33 | 32 | </div> |
|
46 | 45 | var FastTracker = function() { |
47 | 46 | FastTracker.base(this, 'constructor'); |
48 | 47 | }; |
49 | | - |
50 | | - FastTracker.THRESHOLD = 40; |
51 | 48 | tracking.inherits(FastTracker, tracking.Tracker); |
52 | 49 |
|
| 50 | + tracking.Fast.THRESHOLD = 2; |
| 51 | + FastTracker.prototype.threshold = tracking.Fast.THRESHOLD; |
| 52 | + |
53 | 53 | FastTracker.prototype.track = function(pixels, width, height) { |
54 | 54 | stats.begin(); |
55 | 55 | var gray = tracking.Image.grayscale(pixels, width, height); |
56 | 56 | var corners = tracking.Fast.findCorners(gray, width, height); |
| 57 | + stats.end(); |
57 | 58 |
|
58 | 59 | this.emit('track', { |
59 | | - data: corners |
60 | | - }); |
61 | | - stats.end(); |
| 60 | + data: corners |
| 61 | + }); |
62 | 62 | }; |
63 | 63 |
|
64 | 64 | var tracker = new FastTracker(); |
65 | 65 |
|
66 | 66 | tracker.on('track', function(event) { |
| 67 | + context.clearRect(0, 0, canvas.width, canvas.height); |
67 | 68 | var corners = event.data; |
68 | | - context.clearRect(0, 0, canvas.width, canvas.height); |
69 | | - |
70 | 69 | for (var i = 0; i < corners.length; i += 2) { |
71 | 70 | context.fillStyle = '#f00'; |
72 | 71 | context.fillRect(corners[i], corners[i + 1], 2, 2); |
73 | 72 | } |
74 | 73 | }); |
75 | 74 |
|
76 | | - tracking.track('#video', tracker, {camera: true}); |
| 75 | + tracking.track('#video', tracker, { camera: true }); |
77 | 76 |
|
78 | 77 | // GUI Controllers |
79 | | - var gui = new dat.GUI(); |
| 78 | + var gui = new dat.GUI(); |
80 | 79 |
|
81 | | - gui.add(FastTracker, 'THRESHOLD', 1, 100).onChange(function (value) { |
82 | | - tracking.Fast.FAST_THRESHOLD = value; |
83 | | - }); |
| 80 | + gui.add(tracker, 'threshold', 1, 100).onChange(function(value) { |
| 81 | + tracking.Fast.THRESHOLD = value; |
| 82 | + }); |
84 | 83 | </script> |
85 | 84 | </body> |
86 | 85 | </html> |
0 commit comments