Skip to content

Commit c992adc

Browse files
zenorochaeduardolundgren
zenorocha
authored and
eduardolundgren
committed
adjusting indentation
1 parent 8e9dfc9 commit c992adc

1 file changed

Lines changed: 75 additions & 75 deletions

File tree

‎examples/move_draw_something.html‎

Lines changed: 75 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -12,110 +12,110 @@
1212

1313
<style>
1414
canvas {
15-
-moz-transform: scale(-1, 1);
16-
-o-transform: scale(-1, 1);
17-
-webkit-transform: scale(-1, 1);
18-
filter: FlipH;
19-
transform: scale(-1, 1);
20-
position: absolute;
21-
top: 305px;
22-
left: 54px;
15+
-moz-transform: scale(-1, 1);
16+
-o-transform: scale(-1, 1);
17+
-webkit-transform: scale(-1, 1);
18+
filter: FlipH;
19+
transform: scale(-1, 1);
20+
position: absolute;
21+
top: 305px;
22+
left: 54px;
2323
}
2424
#iphoneContainer {
25-
width: 425px;
26-
height: 757px;
27-
margin: 0 auto;
28-
position: relative;
29-
background: url(img/iphone.png);
25+
width: 425px;
26+
height: 757px;
27+
margin: 0 auto;
28+
position: relative;
29+
background: url(img/iphone.png);
3030
}
3131
#selected {
32-
width: 30px;
33-
height: 30px;
34-
border: 3px solid #000;
35-
border-radius: 7px;
36-
position: absolute;
37-
display: none;
32+
width: 30px;
33+
height: 30px;
34+
border: 3px solid #000;
35+
border-radius: 7px;
36+
position: absolute;
37+
display: none;
3838
}
3939
#selected.pencil {
40-
bottom: 153px;
41-
display: block;
42-
left: 73px;
40+
bottom: 153px;
41+
display: block;
42+
left: 73px;
4343
}
4444
#selected.erase {
45-
bottom: 153px;
46-
display: block;
47-
left: 128px;
45+
bottom: 153px;
46+
display: block;
47+
left: 128px;
4848
}
4949
</style>
5050

5151
</head>
5252
<body>
5353

5454
<div id="iphoneContainer">
55-
<div id="selected"></div>
55+
<div id="selected"></div>
5656
</div>
5757

5858
<script>
5959
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas('#iphoneContainer');
6060

6161
var plotCanvas = new tracking.Canvas().render(),
62-
drawSegments = [],
63-
eraseFound = false,
64-
pencilFound = false,
65-
segment = 0,
66-
selectedElement = document.getElementById('selected');
62+
drawSegments = [],
63+
eraseFound = false,
64+
pencilFound = false,
65+
segment = 0,
66+
selectedElement = document.getElementById('selected');
6767

6868
videoCamera.track({
69-
type: 'color',
70-
color: 'magenta',
71-
onFound: function(track) {
72-
if (!drawSegments[segment]) {
73-
drawSegments[segment]= [];
74-
}
75-
76-
drawSegments[segment].push(track.x, track.y);
77-
78-
if (!pencilFound) {
79-
selectedElement.className = 'pencil';
80-
}
81-
82-
pencilFound = true;
83-
},
84-
onNotFound: function() {
85-
if (pencilFound) {
86-
segment++;
87-
pencilFound = false;
88-
selectedElement.className = '';
89-
}
90-
}
69+
type: 'color',
70+
color: 'magenta',
71+
onFound: function(track) {
72+
if (!drawSegments[segment]) {
73+
drawSegments[segment]= [];
74+
}
75+
76+
drawSegments[segment].push(track.x, track.y);
77+
78+
if (!pencilFound) {
79+
selectedElement.className = 'pencil';
80+
}
81+
82+
pencilFound = true;
83+
},
84+
onNotFound: function() {
85+
if (pencilFound) {
86+
segment++;
87+
pencilFound = false;
88+
selectedElement.className = '';
89+
}
90+
}
9191
});
9292

9393
videoCamera.track({
94-
type: 'color',
95-
color: 'cyan',
96-
onFound: function(track) {
97-
segment = 0;
98-
drawSegments = [];
99-
100-
if (!eraseFound) {
101-
selectedElement.className = 'erase';
102-
}
103-
104-
eraseFound = true;
105-
},
106-
onNotFound: function() {
107-
if (eraseFound) {
108-
eraseFound = false;
109-
selectedElement.className = '';
110-
}
111-
}
94+
type: 'color',
95+
color: 'cyan',
96+
onFound: function(track) {
97+
segment = 0;
98+
drawSegments = [];
99+
100+
if (!eraseFound) {
101+
selectedElement.className = 'erase';
102+
}
103+
104+
eraseFound = true;
105+
},
106+
onNotFound: function() {
107+
if (eraseFound) {
108+
eraseFound = false;
109+
selectedElement.className = '';
110+
}
111+
}
112112
});
113113

114114
(function loop() {
115-
for (var i = 0, len = drawSegments.length; i < len; i++) {
116-
drawSpline(videoCamera.canvas.context, drawSegments[i], 0.5, false);
117-
}
118-
requestAnimationFrame(loop);
115+
for (var i = 0, len = drawSegments.length; i < len; i++) {
116+
drawSpline(videoCamera.canvas.context, drawSegments[i], 0.5, false);
117+
}
118+
requestAnimationFrame(loop);
119119
}());
120120
</script>
121121

0 commit comments

Comments
 (0)