Skip to content

Commit dc13872

Browse files
author
Zeno Rocha
committed
Merge pull request eduardolundgren#28 from zenorocha/indentation
Mantain a consistent code style. Fixed eduardolundgren#27
2 parents fd6d089 + e75c036 commit dc13872

12 files changed

Lines changed: 323 additions & 325 deletions

‎.editorconfig‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# editorconfig.org
2+
# This file is for unifying the coding style for different editors and IDEs
3+
4+
root = true
5+
6+
[*]
7+
indent_style = space
8+
indent_size = 4
9+
end_of_line = lf
10+
charset = utf-8
11+
trim_trailing_whitespace = true

‎examples/css_filter.html‎

Lines changed: 84 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -10,98 +10,98 @@
1010
<script src="../dist/tracker/color/color.min.js"></script>
1111

1212
<style>
13-
* {
14-
margin: 0;
15-
padding: 0;
16-
}
17-
canvas {
18-
-moz-transform: scale(-1, 1);
19-
-o-transform: scale(-1, 1);
20-
-webkit-transform: scale(-1, 1);
21-
filter: FlipH;
22-
transform: scale(-1, 1);
23-
top: 0;
24-
left: 0;
25-
width: 100%;
26-
height: 100%;
27-
position: absolute;
28-
}
29-
.hue {
30-
-webkit-filter: hue-rotate(328deg);
31-
-webkit-animation: hue 3s infinite;
32-
-moz-animation: hue 3s infinite;
33-
-o-animation: hue 3s infinite;
34-
animation: hue 3s infinite;
35-
}
36-
@-webkit-keyframes hue {
37-
0% { -webkit-filter: hue-rotate(1deg); }
38-
100% { -webkit-filter: hue-rotate(359deg); }
39-
}
40-
@-moz-keyframes hue {
41-
0% { -webkit-filter: hue-rotate(1deg); }
42-
100% { -webkit-filter: hue-rotate(359deg); }
43-
}
44-
@-o-keyframes hue {
45-
0% { -webkit-filter: hue-rotate(1deg); }
46-
100% { -webkit-filter: hue-rotate(359deg); }
47-
}
48-
@keyframes hue {
49-
0% { -webkit-filter: hue-rotate(1deg); }
50-
100% { -webkit-filter: hue-rotate(359deg); }
51-
}
52-
.invert{
53-
-webkit-filter: invert(1);
54-
-webkit-animation: invert 3s infinite;
55-
-moz-animation: invert 3s infinite;
56-
-o-animation: invert 3s infinite;
57-
animation: invert 3s infinite;
58-
}
59-
@-webkit-keyframes invert {
60-
0% , 100% { -webkit-filter: invert(0); }
61-
50% { -webkit-filter: invert(1); }
62-
}
63-
@-moz-keyframes hue {
64-
0%, 100% { -webkit-filter: invert(0); }
65-
50% { -webkit-filter: invert(1); }
66-
}
67-
@-o-keyframes hue {
68-
0% , 100% { -webkit-filter: invert(0); }
69-
50% { -webkit-filter: invert(1); }
70-
}
71-
@keyframes hue {
72-
0% , 100% { -webkit-filter: invert(0); }
73-
50% { -webkit-filter: invert(1); }
74-
}
13+
* {
14+
margin: 0;
15+
padding: 0;
16+
}
17+
canvas {
18+
-moz-transform: scale(-1, 1);
19+
-o-transform: scale(-1, 1);
20+
-webkit-transform: scale(-1, 1);
21+
filter: FlipH;
22+
transform: scale(-1, 1);
23+
top: 0;
24+
left: 0;
25+
width: 100%;
26+
height: 100%;
27+
position: absolute;
28+
}
29+
.hue {
30+
-webkit-filter: hue-rotate(328deg);
31+
-webkit-animation: hue 3s infinite;
32+
-moz-animation: hue 3s infinite;
33+
-o-animation: hue 3s infinite;
34+
animation: hue 3s infinite;
35+
}
36+
@-webkit-keyframes hue {
37+
0% { -webkit-filter: hue-rotate(1deg); }
38+
100% { -webkit-filter: hue-rotate(359deg); }
39+
}
40+
@-moz-keyframes hue {
41+
0% { -webkit-filter: hue-rotate(1deg); }
42+
100% { -webkit-filter: hue-rotate(359deg); }
43+
}
44+
@-o-keyframes hue {
45+
0% { -webkit-filter: hue-rotate(1deg); }
46+
100% { -webkit-filter: hue-rotate(359deg); }
47+
}
48+
@keyframes hue {
49+
0% { -webkit-filter: hue-rotate(1deg); }
50+
100% { -webkit-filter: hue-rotate(359deg); }
51+
}
52+
.invert{
53+
-webkit-filter: invert(1);
54+
-webkit-animation: invert 3s infinite;
55+
-moz-animation: invert 3s infinite;
56+
-o-animation: invert 3s infinite;
57+
animation: invert 3s infinite;
58+
}
59+
@-webkit-keyframes invert {
60+
0% , 100% { -webkit-filter: invert(0); }
61+
50% { -webkit-filter: invert(1); }
62+
}
63+
@-moz-keyframes hue {
64+
0%, 100% { -webkit-filter: invert(0); }
65+
50% { -webkit-filter: invert(1); }
66+
}
67+
@-o-keyframes hue {
68+
0% , 100% { -webkit-filter: invert(0); }
69+
50% { -webkit-filter: invert(1); }
70+
}
71+
@keyframes hue {
72+
0% , 100% { -webkit-filter: invert(0); }
73+
50% { -webkit-filter: invert(1); }
74+
}
7575
</style>
7676

7777
</head>
7878
<body>
7979

8080
<script>
81-
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
82-
canvasClassList = document.querySelector('canvas').classList;
81+
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
82+
canvasClassList = document.querySelector('canvas').classList;
8383

84-
videoCamera.track({
85-
type: 'color',
86-
color: 'magenta',
87-
onFound: function(track) {
88-
canvasClassList.add('hue');
89-
},
90-
onNotFound: function() {
91-
canvasClassList.remove('hue');
92-
}
93-
});
84+
videoCamera.track({
85+
type: 'color',
86+
color: 'magenta',
87+
onFound: function(track) {
88+
canvasClassList.add('hue');
89+
},
90+
onNotFound: function() {
91+
canvasClassList.remove('hue');
92+
}
93+
});
9494

95-
videoCamera.track({
96-
type: 'color',
97-
color: 'cyan',
98-
onFound: function(track) {
99-
canvasClassList.add('invert');
100-
},
101-
onNotFound: function() {
102-
canvasClassList.remove('invert');
103-
}
104-
});
95+
videoCamera.track({
96+
type: 'color',
97+
color: 'cyan',
98+
onFound: function(track) {
99+
canvasClassList.add('invert');
100+
},
101+
onNotFound: function() {
102+
canvasClassList.remove('invert');
103+
}
104+
});
105105
</script>
106106

107107
</body>

‎examples/hello_world.html‎

Lines changed: 20 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -10,33 +10,32 @@
1010
<script src="../dist/tracker/color/color.min.js"></script>
1111

1212
<style>
13-
* {
14-
margin: 0;
15-
padding: 0;
16-
}
17-
canvas {
18-
-moz-transform: scale(-1, 1);
19-
-o-transform: scale(-1, 1);
20-
-webkit-transform: scale(-1, 1);
21-
filter: FlipH;
22-
transform: scale(-1, 1);
23-
}
13+
* {
14+
margin: 0;
15+
padding: 0;
16+
}
17+
canvas {
18+
-moz-transform: scale(-1, 1);
19+
-o-transform: scale(-1, 1);
20+
-webkit-transform: scale(-1, 1);
21+
filter: FlipH;
22+
transform: scale(-1, 1);
23+
}
2424
</style>
2525

2626
</head>
2727
<body>
2828

2929
<script>
30-
var videoCamera = new tracking.VideoCamera().render();
31-
32-
var t1 = videoCamera.track({
33-
type: 'color',
34-
color: 'yellow',
35-
onFound: function(track) {
36-
console.log(track.x + track.y + track.z);
37-
},
38-
onNotFound: function() {}
39-
});
30+
var videoCamera = new tracking.VideoCamera().render();
31+
32+
videoCamera.track({
33+
type: 'color',
34+
color: 'yellow',
35+
onFound: function(track) {
36+
console.log(track.x + track.y + track.z);
37+
}
38+
});
4039
</script>
4140

4241
</body>

‎examples/human_eye.html‎

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -11,40 +11,38 @@
1111
<script src="../dist/tracker/human/data/eye.min.js"></script>
1212

1313
<style>
14-
* {
15-
margin: 0;
16-
padding: 0;
17-
}
18-
canvas {
19-
-moz-transform: scale(-1, 1);
20-
-o-transform: scale(-1, 1);
21-
-webkit-transform: scale(-1, 1);
22-
filter: FlipH;
23-
transform: scale(-1, 1);
24-
}
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
}
18+
canvas {
19+
-moz-transform: scale(-1, 1);
20+
-o-transform: scale(-1, 1);
21+
-webkit-transform: scale(-1, 1);
22+
filter: FlipH;
23+
transform: scale(-1, 1);
24+
}
2525
</style>
2626

2727
</head>
2828
<body>
2929

30-
<script>
30+
<script>
3131
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
3232
ctx = videoCamera.canvas.context;
3333

34-
var t1 = videoCamera.track(
35-
{
36-
type: 'human',
37-
data: 'eye',
38-
onFound: function(track) {
39-
for (var i = 0, len = track.length; i < len; i++) {
40-
var rect = track[i];
41-
ctx.strokeStyle = "rgb(0,255,0)";
42-
ctx.strokeRect(rect.x, rect.y, rect.size, rect.size);
43-
}
34+
videoCamera.track({
35+
type: 'human',
36+
data: 'eye',
37+
onFound: function(track) {
38+
for (var i = 0, len = track.length; i < len; i++) {
39+
var rect = track[i];
40+
ctx.strokeStyle = "rgb(0,255,0)";
41+
ctx.strokeRect(rect.x, rect.y, rect.size, rect.size);
4442
}
4543
}
46-
);
47-
</script>
44+
});
45+
</script>
4846

4947
</body>
5048
</html>

‎examples/human_frontal_face.html‎

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -11,40 +11,38 @@
1111
<script src="../dist/tracker/human/data/frontal_face.min.js"></script>
1212

1313
<style>
14-
* {
15-
margin: 0;
16-
padding: 0;
17-
}
18-
canvas {
19-
-moz-transform: scale(-1, 1);
20-
-o-transform: scale(-1, 1);
21-
-webkit-transform: scale(-1, 1);
22-
filter: FlipH;
23-
transform: scale(-1, 1);
24-
}
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
}
18+
canvas {
19+
-moz-transform: scale(-1, 1);
20+
-o-transform: scale(-1, 1);
21+
-webkit-transform: scale(-1, 1);
22+
filter: FlipH;
23+
transform: scale(-1, 1);
24+
}
2525
</style>
2626

2727
</head>
2828
<body>
2929

30-
<script>
30+
<script>
3131
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
3232
ctx = videoCamera.canvas.context;
3333

34-
var t1 = videoCamera.track(
35-
{
36-
type: 'human',
37-
data: 'frontal_face',
38-
onFound: function(track) {
39-
for (var i = 0, len = track.length; i < len; i++) {
40-
var rect = track[i];
41-
ctx.strokeStyle = "rgb(0,255,0)";
42-
ctx.strokeRect(rect.x, rect.y, rect.size, rect.size);
43-
}
34+
videoCamera.track({
35+
type: 'human',
36+
data: 'frontal_face',
37+
onFound: function(track) {
38+
for (var i = 0, len = track.length; i < len; i++) {
39+
var rect = track[i];
40+
ctx.strokeStyle = "rgb(0,255,0)";
41+
ctx.strokeRect(rect.x, rect.y, rect.size, rect.size);
4442
}
4543
}
46-
);
47-
</script>
44+
});
45+
</script>
4846

4947
</body>
5048
</html>

0 commit comments

Comments
 (0)