v.1.0.2 contd

* update included examples

Author: foo123

examples/eye.html

@@ -54,15 +54,16 @@ <h1>Eye Detection with eye haar cascade by Mar Canet in JavaScript</h1>
         image.onload=function(){
             // profile
             //console.timeEnd('ImageLoad');
-            wait.style.display='block';
-            canvas.width=image.width; canvas.height=image.height;
-            canvas.getContext('2d').drawImage(image,0,0);
+            wait.style.display = 'block';
+            canvas.width = image.width;
+            canvas.height = image.height;
+            canvas.getContext('2d').drawImage(image, 0, 0);
 
             // profile
             //console.time('FeatureDetect');
             // detect the feature
             new HAAR.Detector(haarcascade_eye, useParallel) // much faster when using parallel computation
-                    .image(image, 0.8) // use the image
+                    .image(image, /*0.8*/150 / image.width) // use the image with standardised dimensions
                     .interval(50) // set detection interval for asynchronous detection (if not parallel)
                     .complete(function(){  // onComplete callback
                         // profile
@@ -85,8 +86,8 @@ <h1>Eye Detection with eye haar cascade by Mar Canet in JavaScript</h1>
                         log(this.objects.toString());
                         alert(l+" Objects found");
                     })
-                    .cannyThreshold({low:5, high:100})  // custom thresholds for canny pruning (for best results)
-                    .detect(1, 1.25, 0.5, 1, true); // go
+                    .cannyThreshold({low:5, high:200})  // custom thresholds for canny pruning (for best results)
+                    .detect(1, 1.1, 0.12, 1, 0.2, true); // go
         };
         // profile
         //console.time('ImageLoad');        

examples/face.html

@@ -52,13 +52,14 @@ <h1>Face Detection with OpenCV haar cascades in JavaScript</h1>
         }
 
         image.onload=function(){
-            wait.style.display='block';
-            canvas.width=image.width; canvas.height=image.height;
-            ctx.drawImage(image,0,0);
+            wait.style.display = 'block';
+            canvas.width = image.width;
+            canvas.height = image.height;
+            ctx.drawImage(image, 0, 0);
 
             // detect the feature
             new HAAR.Detector(haarcascade_frontalface_alt, useParallel)
-                    .image(image) // use the image
+                    .image(image, 150 / image.width) // use the image with standardised dimensions
                     .interval(40) // set detection interval for asynchronous detection (if not parallel)
                     .complete(function(){  // onComplete callback
                         var i, rect, l=this.objects.length;
@@ -78,7 +79,7 @@ <h1>Face Detection with OpenCV haar cascades in JavaScript</h1>
                         log(this.objects.toString());
                         alert(l+" Objects found");
                     })
-                    .detect(1, 1.25, 0.5, 1, true); // go
+                    .detect(1, 1.1, 0.12, 1, 0.2, true); // go
         };
         image.src='model1.jpg'; // load it
         //]]>

examples/faces.html

@@ -52,13 +52,14 @@ <h1>Many Faces Detection with OpenCV haar cascades in JavaScript</h1>
         }
 
         image.onload=function(){
-            wait.style.display='block';
-            canvas.width=image.width; canvas.height=image.height;
-            ctx.drawImage(image,0,0);
+            wait.style.display = 'block';
+            canvas.width = image.width;
+            canvas.height = image.height;
+            ctx.drawImage(image, 0, 0);
 
             // detect the feature
             new HAAR.Detector(haarcascade_frontalface_alt, useParallel)
-                    .image(image, 0.5) // use the image
+                    .image(image, 150 / image.width) // use the image with standardised dimensions
                     .interval(40) // set detection interval for asynchronous detection (if not parallel)
                     .selection('auto')  // set custom detection region
                     //.selection({x:100, y:0, width:'auto', height:'auto'})  // set custom detection region
@@ -81,8 +82,8 @@ <h1>Many Faces Detection with OpenCV haar cascades in JavaScript</h1>
                         log(this.objects.toString());
                         alert(l+" Objects found");
                     })
-                    .cannyThreshold({low:90, high:200})  // custom thresholds for canny pruning (for best results)
-                    .detect(1, 1.1, 0.12, 1, true); // go
+                    .cannyThreshold({low:20, high:400})  // custom thresholds for canny pruning (for best results)
+                    .detect(1, 1.1, 0.12, 1, 0.2, true); // go
         };
         image.src='Group_Faces2.jpg'; // load it
         //]]>

examples/mouth.html

@@ -52,13 +52,14 @@ <h1>Mouth Detection with OpenCV haar cascades in JavaScript</h1>
         }
 
         image.onload=function(){
-            wait.style.display='block';
-            canvas.width=image.width; canvas.height=image.height;
-            ctx.drawImage(image,0,0);
+            wait.style.display = 'block';
+            canvas.width = image.width;
+            canvas.height = image.height;
+            ctx.drawImage(image, 0, 0);
 
             // detect the feature
             new HAAR.Detector(haarcascade_mcs_mouth, useParallel)
-                    .image(image, 0.9) // use the image
+                    .image(image, 300 / image.width) // use the image with standardised dimensions
                     .interval(40) // set detection interval for asynchronous detection (if not parallel)
                     .complete(function(){  // onComplete callback
                         var i, rect, l=this.objects.length;
@@ -79,7 +80,7 @@ <h1>Mouth Detection with OpenCV haar cascades in JavaScript</h1>
                         alert(l+" Objects found");
                     })
                     .cannyThreshold({low:50, high:110})  // custom thresholds for canny pruning (for best results)
-                    .detect(1, 1.25, 0.1, 1, true); // go
+                    .detect(1, 1.25, 0.1, 1, 0.2, true); // go
         };
         image.src='model1.jpg'; // load it
         //]]>

examples/node.js

@@ -18,7 +18,7 @@ fs.readFile(__dirname + '/model1.jpg', function(err, squid) {
     new HAAR.Detector(detector).image(img, 1, new Canvas()).complete(function() {
       //processing done
       console.log(JSON.stringify(this.objects))
-    }).detect(1, 1.25, 0.1, 1, true);
+    }).detect(1, 1.25, 0.1, 1, 0.2, true);
   };
 
   img.src = squid;

examples/require.js

@@ -36,7 +36,7 @@ requirejs(['haar-detector', 'haarcascade_frontalface_alt'], function(HAAR, detec
       new HAAR.Detector(detector).image(img, 1, new Canvas()).complete(function() {
         //processing done
         console.log(JSON.stringify(this.objects))
-      }).detect(1, 1.25, 0.1, 1, true);
+      }).detect(1, 1.25, 0.1, 1, 0.2, true);
     };
 
     img.src = squid;